From 4ca7b49cb5c31c939694d90bd0eb442a77af19f1 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 4 Nov 2024 18:26:11 +0900
Subject: [PATCH 01/41] feat: vmEvaluatePerf

---
 front/src/entities/mci/model/stores.ts        |   10 +-
 .../workloadOperations/mci/ui/MciPage.vue     |   12 +-
 .../workload/mci/mciDetail/ui/MciDetail.vue   |   14 +-
 .../workload/mci/mciList/model/index.ts       | 5230 +----------------
 .../vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue   |   54 +
 5 files changed, 103 insertions(+), 5217 deletions(-)
 create mode 100644 front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue

diff --git a/front/src/entities/mci/model/stores.ts b/front/src/entities/mci/model/stores.ts
index c8c2c9b0..9e96e7d2 100644
--- a/front/src/entities/mci/model/stores.ts
+++ b/front/src/entities/mci/model/stores.ts
@@ -19,6 +19,13 @@ export const useMCIStore = defineStore(NAMESPACE, () => {
     );
   }
 
+  function setMci(_mci: IMci) {
+    const targetMci = mcis.value.find(mci => mci.uid === _mci.uid);
+    if (targetMci) {
+      Object.assign(targetMci, _mci);
+    }
+  }
+
   function setVmsInfo(mciID: string, vm: Array<IVm>) {
     const mci = getMciById(mciID);
     if (mci) {
@@ -28,13 +35,14 @@ export const useMCIStore = defineStore(NAMESPACE, () => {
 
   function setVmInfo(mciID: string, vm: IVm) {
     const mci = getMciById(mciID);
-    const targetVm = mci?.vm.find(_vm => _vm.id === vm.id);
+    const targetVm = mci?.vm.find(_vm => _vm.uid === vm.uid);
     if (targetVm) {
       Object.assign(targetVm, vm);
     }
   }
   return {
     mcis,
+    setMci,
     setMcis,
     getMciById,
     setVmsInfo,
diff --git a/front/src/pages/workloadOperations/mci/ui/MciPage.vue b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
index 0454551b..ec041724 100644
--- a/front/src/pages/workloadOperations/mci/ui/MciPage.vue
+++ b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
@@ -1,11 +1,17 @@
 <script setup lang="ts">
 import MciList from '@/widgets/workload/mci/mciList/ui/MciList.vue';
 import { reactive, ref } from 'vue';
-import { PTab, PButtonTab, PButton } from '@cloudforet-test/mirinae';
+import {
+  PTab,
+  PButtonTab,
+  PButton,
+  PDataLoader,
+} from '@cloudforet-test/mirinae';
 import MciDetail from '@/widgets/workload/mci/mciDetail/ui/MciDetail.vue';
 import VmList from '@/widgets/workload/vm/vmList/ui/VmList.vue';
 import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';
 import { isNullOrUndefined } from '@/shared/utils';
+import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
 
 const pageName = 'MCI';
 
@@ -122,7 +128,9 @@ function handleSelectVmGroupTableRow(id: string) {
                   <template #monitoring>
                     <p>to be..</p>
                   </template>
-                  <template #evaluatePref> </template>
+                  <template #evaluatePref>
+                    <VmEvaluatePerf></VmEvaluatePerf>
+                  </template>
                   <template #estimateCost>
                     <p>to be..</p>
                   </template>
diff --git a/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue b/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
index 37074dbe..238653ef 100644
--- a/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
+++ b/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
@@ -10,18 +10,18 @@ interface IProps {
 const props = defineProps<IProps>();
 const mciDetailModel = useMciDetailModel();
 
-watch(props, nv => {
-  mciDetailModel.setMciId(nv.selectedMciId);
-});
-
 onBeforeMount(() => {
   mciDetailModel.initTable();
   mciDetailModel.tableModel.tableState.loading = false;
 });
 
-onMounted(() => {
-  mciDetailModel.setMciId(props.selectedMciId);
-});
+watch(
+  props,
+  nv => {
+    mciDetailModel.setMciId(nv.selectedMciId);
+  },
+  { immediate: true },
+);
 </script>
 
 <template>
diff --git a/front/src/widgets/workload/mci/mciList/model/index.ts b/front/src/widgets/workload/mci/mciList/model/index.ts
index adf5cff7..ebb7ab13 100644
--- a/front/src/widgets/workload/mci/mciList/model/index.ts
+++ b/front/src/widgets/workload/mci/mciList/model/index.ts
@@ -68,5215 +68,31 @@ export function useMciListModel(props: IProps) {
   }
 
   function fetchMciList() {
-    // resMciList
-    //   .execute()
-    //   .then(res => {
-    //     if (res.data.responseData) {
-    //       mciStore.setMcis(res.data.responseData.mci);
-    //
-    //       const PromiseArr: any = [];
-    //       res.data.responseData.mci.forEach(mci => {
-    //         PromiseArr.push(fetchMciById(mci.id)());
-    //       });
-    //
-    //       Promise.all<Promise<AxiosResponse<IAxiosResponse<any>>>>(
-    //         PromiseArr,
-    //       ).then(res => {
-    //         res.forEach(el => {
-    //           if (el.data.responseData?.vm) {
-    //             mciStore.setVmInfo(
-    //               el.data.responseData.id,
-    //               el.data.responseData?.vm,
-    //             );
-    //           }
-    //         });
-    //       });
-    //     }
-    //   })
-    //   .catch(e => {
-    //     showErrorMessage('Error', e.errorMsg.value);
-    //   });
-
-    const res = {
-      data: {
-        responseData: {
-          mci: [
-            {
-              resourceType: 'mci',
-              id: 'starbucks',
-              uid: 'crqdomlu0g3qdqr0dm9g',
-              name: 'starbucks',
-              status: 'Failed:1 (R:0/1)',
-              statusCount: {
-                countTotal: 1,
-                countCreating: 0,
-                countRunning: 0,
-                countFailed: 1,
-                countSuspended: 0,
-                countRebooting: 0,
-                countTerminated: 0,
-                countSuspending: 0,
-                countResuming: 0,
-                countTerminating: 0,
-                countUndefined: 0,
-              },
-              targetStatus: 'Running',
-              targetAction: 'Create',
-              installMonAgent: '',
-              configureCloudAdaptiveNetwork: '',
-              label: {
-                'sys.description': 'Made in CB-TB',
-                'sys.id': 'starbucks',
-                'sys.labelType': 'mci',
-                'sys.manager': 'cb-tumblebug',
-                'sys.name': 'starbucks',
-                'sys.namespace': 'coffeeshop',
-                'sys.uid': 'crqdomlu0g3qdqr0dm9g',
-              },
-              systemLabel: '',
-              systemMessage: '',
-              description: 'Made in CB-TB',
-              vm: [
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: '123123213213213',
-                  sshPort: '',
-                  publicDNS: '132132312',
-                  privateIP: '12231',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-                {
-                  resourceType: 'vm',
-                  id: Uuid(),
-                  uid: 'crqdomlu0g3qdqr0dmag',
-                  name: 'lattee-1' + Uuid(),
-                  subGroupId: 'lattee',
-                  location: {
-                    display: 'South Korea (Seoul)',
-                    latitude: 37.566536,
-                    longitude: 126.977966,
-                  },
-                  status: 'Failed',
-                  targetStatus: 'Running',
-                  targetAction: 'Create',
-                  monAgentStatus: '',
-                  networkAgentStatus: '',
-                  systemMessage:
-                    '[Error from: http://cb-spider:1024/spider/vm] Status code: 500 Internal Server Error, Message: {"message":"[TencentCloudSDKError] Code=ResourceInsufficient.SpecifiedInstanceType, Message=The specified type of instance is understocked., RequestId=8179af35-48d7-424a-8a53-cb59d3abb907"}\n',
-                  createdTime: '',
-                  label: null,
-                  description: '',
-                  region: {
-                    Region: '',
-                    Zone: '',
-                  },
-                  publicIP: 'empty',
-                  sshPort: '',
-                  publicDNS: 'empty',
-                  privateIP: '',
-                  privateDNS: '',
-                  rootDiskType: '',
-                  rootDiskSize: '',
-                  rootDeviceName: '',
-                  connectionName: 'tencent-ap-seoul',
-                  connectionConfig: {
-                    configName: 'tencent-ap-seoul',
-                    providerName: 'tencent',
-                    driverName: 'tencent-driver-v1.0.so',
-                    credentialName: 'tencent',
-                    credentialHolder: 'admin',
-                    regionZoneInfoName: 'tencent-ap-seoul',
-                    regionZoneInfo: {
-                      assignedRegion: 'ap-seoul',
-                      assignedZone: 'ap-seoul-1',
-                    },
-                    regionDetail: {
-                      regionId: 'ap-seoul',
-                      regionName: 'ap-seoul',
-                      description: 'Seoul',
-                      location: {
-                        display: 'South Korea (Seoul)',
-                        latitude: 37.566536,
-                        longitude: 126.977966,
-                      },
-                      zones: ['ap-seoul-1', 'ap-seoul-2'],
-                    },
-                    regionRepresentative: true,
-                    verified: true,
-                  },
-                  specId: 'tencent+ap-seoul+s2.small2',
-                  cspSpecName: '',
-                  imageId: 'tencent+ap-seoul+ubuntu22.04',
-                  cspImageName: '',
-                  vNetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspVNetId: '',
-                  subnetId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSubnetId: '',
-                  networkInterface: '',
-                  securityGroupIds: ['coffeeshop-shared-tencent-ap-seoul'],
-                  dataDiskIds: null,
-                  sshKeyId: 'coffeeshop-shared-tencent-ap-seoul',
-                  cspSshKeyId: '',
-                },
-              ],
-              newVmList: null,
-            },
-          ],
-        },
-      },
-    };
-
-    if (res.data.responseData) {
-      mciStore.setMcis(res.data.responseData.mci);
-
-      const PromiseArr: any = [];
-      res.data.responseData.mci.forEach(mci => {
-        PromiseArr.push(fetchMciById(mci.id)());
-      });
+    resMciList
+      .execute()
+      .then(res => {
+        if (res.data.responseData) {
+          mciStore.setMcis(res.data.responseData.mci);
+
+          const PromiseArr: any = [];
+          res.data.responseData.mci.forEach(mci => {
+            PromiseArr.push(fetchMciById(mci.id)());
+          });
 
-      Promise.all<Promise<AxiosResponse<IAxiosResponse<any>>>>(PromiseArr).then(
-        res => {
-          res.forEach(el => {
-            if (el.data.responseData?.vm) {
-              mciStore.setVmsInfo(
-                el.data.responseData.id,
-                el.data.responseData?.vm,
-              );
-            }
+          Promise.all<Promise<AxiosResponse<IAxiosResponse<any>>>>(
+            PromiseArr,
+          ).then(res => {
+            console.log(res);
+            res.forEach(el => {
+              mciStore.setMci(el.data.responseData);
+            });
+            loading.value = false;
           });
-        },
-      );
-      loading.value = false;
-    }
+        }
+      })
+      .catch(e => {
+        showErrorMessage('Error', e.errorMsg.value);
+      });
   }
 
   function fetchMciById(mciId: string) {
diff --git a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
new file mode 100644
index 00000000..32b221d6
--- /dev/null
+++ b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { PButton, PDataLoader } from '@cloudforet-test/mirinae';
+</script>
+
+<template>
+  <div class="vm-evaluate-perf-widget">
+    <div class="widget-tab-section-header">
+      <p>Evaluate Performance Result</p>
+      <h5>
+        when you complete the load configuration, you will see the result data.
+        Please configure the load.
+      </h5>
+      <div class="flex gap-1.5">
+        <p-button style-type="secondary" icon-left="ic_settings">
+          Load Config
+        </p-button>
+      </div>
+    </div>
+    <div class="flex flex-col gap-2">
+      <p-data-loader :data="false" :loading="false" class="chart w-full">
+      </p-data-loader>
+      <p-data-loader :data="false" :loading="false" class="chart w-full">
+      </p-data-loader>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="postcss">
+.vm-evaluate-perf-widget {
+  .widget-tab-section-header {
+    padding: 18px 0 18px 0;
+    display: flex;
+    flex-direction: column;
+    p {
+      @apply text-display-lg;
+      font-weight: 700;
+    }
+
+    h5 {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 17.5px;
+      text-align: left;
+      margin: 16px 0 8px 0;
+    }
+  }
+}
+
+.chart {
+  @apply border-gray-200 border;
+  height: 280px;
+  border-radius: 4px 0px 0px 0px;
+}
+</style>

From deba7a81001fbe74e4e083b7365e6ed7979da757 Mon Sep 17 00:00:00 2001
From: hippo-an <dkstpgud@gmail.com>
Date: Tue, 5 Nov 2024 15:44:38 +0900
Subject: [PATCH 02/41] api yaml update for ant missing routes

---
 api/conf/api.yaml | 106 +++++++++++++++++++++++-----------------------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/api/conf/api.yaml b/api/conf/api.yaml
index c296f7fe..cff933c5 100644
--- a/api/conf/api.yaml
+++ b/api/conf/api.yaml
@@ -1461,38 +1461,46 @@ serviceActions:
       description: "Patch a user with the given information."
 
   cm-ant:
-    Getestimatecost:
-      method: get
-      resourcePath: /api/v1/cost/estimate
-      description: "Fetch estimated cost details based on provider, region, instance type, and resource specifications. Pagination support is provided through `Page` and `Size` parameters."
-    Updateandgetestimatecost:
-      method: post
-      resourcePath: /api/v1/cost/estimate
-      description: "Update the estimate cost based on provided specifications and retrieve the updated cost estimation. Required fields for each specification include `ProviderName`, `RegionName`, and `InstanceType`. Specifications can also be provided in a formatted string using `+` delimiter."
-    Getallmonitoringagentinfos:
+    Getloadtestexecutioninfo:
       method: get
-      resourcePath: /api/v1/load/monitoring/agents
-      description: "Retrieve monitoring agent information based on specified criteria."
-    Uninstallmonitoringagent:
-      method: post
-      resourcePath: /api/v1/load/monitoring/agents/uninstall
-      description: "Uninstall monitoring agents from specified VMs or all VMs in an mci."
+      resourcePath: /api/v1/load/tests/infos/{loadTestKey}
+      description: "Retrieve the load test execution state information for a specific load test key."
     Getloadtestresult:
       method: get
-      resourcePath: /api/v1/load/test/result
+      resourcePath: /api/v1/load/tests/result
       description: "Retrieve load test result based on provided parameters."
+    Updateestimateforecastcostraw:
+      method: post
+      resourcePath: /api/v1/cost/estimate/forecast/raw
+      description: "Update and retrieve raw forecasted cost estimates for specified cost resources and additional AWS information over the past 14 days."
+    Getallloadtestexecutioninfos:
+      method: get
+      resourcePath: /api/v1/load/tests/infos
+      description: "Retrieve a list of all load test execution information with pagination support."
     Runloadtest:
       method: post
       resourcePath: /api/v1/load/tests/run
       description: "Start a load test using the provided load test configuration."
-    Getloadtestexecutionstate:
+    Getallloadtestexecutionstate:
       method: get
-      resourcePath: /api/v1/load/tests/state/{loadTestKey}
-      description: "Retrieve a load test execution state by load test key."
-    Antserverreadiness:
+      resourcePath: /api/v1/load/tests/state
+      description: "Retrieve a list of all load test execution states with pagination support."
+    Getlastloadtestexecutionstate:
       method: get
-      resourcePath: /readyz
-      description: "This endpoint checks if the CB-Ant API server is ready by verifying the status of both the load service and the cost service. If either service is unavailable, it returns a 503 status indicating the server is not ready."
+      resourcePath: /api/v1/load/tests/state/last
+      description: "Retrieve a last load test execution state by given ids."
+    Stoploadtest:
+      method: post
+      resourcePath: /api/v1/load/tests/stop
+      description: "Stop a running load test using the provided load test key."
+    Getallmonitoringagentinfos:
+      method: get
+      resourcePath: /api/v1/load/monitoring/agent
+      description: "Retrieve monitoring agent information based on specified criteria."
+    Getloadtestmetrics:
+      method: get
+      resourcePath: /api/v1/load/tests/result/metrics
+      description: "Retrieve load test metrics based on provided parameters."
     Uninstallloadgenerator:
       method: delete
       resourcePath: /api/v1/load/generators/{loadGeneratorInstallInfoId}
@@ -1501,26 +1509,30 @@ serviceActions:
       method: post
       resourcePath: /api/v1/load/monitoring/agent/install
       description: "Install a monitoring agent on specific mci."
-    Getloadtestmetrics:
-      method: get
-      resourcePath: /api/v1/load/test/metrics
-      description: "Retrieve load test metrics based on provided parameters."
-    Getallloadtestexecutioninfos:
+    Getloadtestexecutionstate:
       method: get
-      resourcePath: /api/v1/load/tests/infos
-      description: "Retrieve a list of all load test execution information with pagination support."
-    Getloadtestexecutioninfo:
+      resourcePath: /api/v1/load/tests/state/{loadTestKey}
+      description: "Retrieve a load test execution state by load test key."
+    Getestimatecost:
       method: get
-      resourcePath: /api/v1/load/tests/infos/{loadTestKey}
-      description: "Retrieve the load test execution state information for a specific load test key."
-    Getlastloadtestexecutionstate:
+      resourcePath: /api/v1/cost/estimate
+      description: "Fetch estimated cost details based on provider, region, instance type, and resource specifications. Pagination support is provided through `Page` and `Size` parameters."
+    Updateandgetestimatecost:
+      method: post
+      resourcePath: /api/v1/cost/estimate
+      description: "Update the estimate cost based on provided specifications and retrieve the updated cost estimation. Required fields for each specification include `ProviderName`, `RegionName`, and `InstanceType`. Specifications can also be provided in a formatted string using `+` delimiter."
+    Getestimateforecastcost:
       method: get
-      resourcePath: /api/v1/load/tests/state/last
-      description: "Retrieve a last load test execution state by given ids."
-    Updateestimateforecastcostraw:
+      resourcePath: /api/v1/cost/estimate/forecast
+      description: "Fetch estimated forecast cost data based on specified parameters, including a date range that must be within 6 months. Supports pagination and filtering by namespace IDs, migration configuration IDs, and resource types."
+    Updateestimateforecastcost:
       method: post
-      resourcePath: /api/v1/cost/estimate/forecast/raw
-      description: "Update and retrieve raw forecasted cost estimates for specified cost resources and additional AWS information over the past 14 days."
+      resourcePath: /api/v1/cost/estimate/forecast
+      description: "Update and retrieve forecasted cost estimates for a specified namespace and migration configuration ID over the past 14 days."
+    Antserverreadiness:
+      method: get
+      resourcePath: /readyz
+      description: "This endpoint checks if the CB-Ant API server is ready by verifying the status of both the load service and the cost service. If either service is unavailable, it returns a 503 status indicating the server is not ready."
     Getallloadgeneratorinstallinfo:
       method: get
       resourcePath: /api/v1/load/generators
@@ -1529,22 +1541,10 @@ serviceActions:
       method: post
       resourcePath: /api/v1/load/generators
       description: "Install a load generator either locally or remotely."
-    Getallloadtestexecutionstate:
-      method: get
-      resourcePath: /api/v1/load/tests/state
-      description: "Retrieve a list of all load test execution states with pagination support."
-    Getestimateforecastcost:
-      method: get
-      resourcePath: /api/v1/cost/estimate/forecast
-      description: "Fetch estimated forecast cost data based on specified parameters, including a date range that must be within 6 months. Supports pagination and filtering by namespace IDs, migration configuration IDs, and resource types."
-    Updateestimateforecastcost:
-      method: post
-      resourcePath: /api/v1/cost/estimate/forecast
-      description: "Update and retrieve forecasted cost estimates for a specified namespace and migration configuration ID over the past 14 days."
-    Stoploadtest:
+    Uninstallmonitoringagent:
       method: post
-      resourcePath: /api/v1/load/tests/stop
-      description: "Stop a running load test using the provided load test key."
+      resourcePath: /api/v1/load/monitoring/agent/uninstall
+      description: "Uninstall monitoring agents from specified VMs or all VMs in an mci."
 
   cm-honeybee:
     Health-Check-Readyz:

From 511b53da3e88269edbc489141c99d727d50b40c6 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 5 Nov 2024 18:42:28 +0900
Subject: [PATCH 03/41] feat : source model create

---
 front/.env.sample                             |   4 -
 .../entities/sourceConnection/api/index.ts    |  60 +++++++
 front/src/entities/sourceModels/api/index.ts  |  18 ++
 .../src/entities/sourceModels/model/stores.ts | 164 ++----------------
 .../src/entities/sourceModels/model/types.ts  |  87 +++++++++-
 .../entities/sourceService/model/stores.ts    | 109 +++++-------
 .../src/entities/targetModels/model/stores.ts |   1 -
 .../sourceServices/ui/SourceServicePage.vue   |   3 +
 .../simpleEditForm/ui/SimpleEditForm.vue      |  23 +--
 .../ui/CustomViewSourceModel.vue              |  49 ++----
 .../recommendedModel/ui/RecommendedModel.vue  |   1 -
 .../model/sourceModelDetailModel.ts           |  16 +-
 .../ui/SourceModelDetail.vue                  |  12 +-
 .../model/sourceModelListModel.ts             |  24 ++-
 .../sourceModelList/ui/SourceModelList.vue    |  18 +-
 .../metaViewer/ui/MetaViewer.vue              |  44 ++++-
 .../jsonViewer/ui/JsonViewer.vue              |  56 +++---
 17 files changed, 363 insertions(+), 326 deletions(-)
 delete mode 100644 front/.env.sample

diff --git a/front/.env.sample b/front/.env.sample
deleted file mode 100644
index 021d0aff..00000000
--- a/front/.env.sample
+++ /dev/null
@@ -1,4 +0,0 @@
-VITE_BACKEND_ENDPOINT = '/api'
-VITE_BACKEND_URL =  'https://devmigapi.onecloudcon.com'
-VITE_PROJECT_NAME = 'MIGRATOR'
-
diff --git a/front/src/entities/sourceConnection/api/index.ts b/front/src/entities/sourceConnection/api/index.ts
index 7a135370..a6a3d52d 100644
--- a/front/src/entities/sourceConnection/api/index.ts
+++ b/front/src/entities/sourceConnection/api/index.ts
@@ -19,6 +19,8 @@ const COLLECT_SW = 'import-software';
 const DELETE_SOURCE_CONNECTION = 'delete-connection-info';
 const REFRESH_SOURCE_GROUP_CONNECTION_INFO_STATUS =
   'Refresh-Source-Group-Connection-Info-Status';
+const GET_INFRA_INFO_REFINED = 'get-infra-info-refined';
+const CREATE_ONPREMMODEL = 'CreateOnpremmodel';
 
 export function useCreateConnectionInfo(
   sgId: string | null,
@@ -149,3 +151,61 @@ export function useRefreshSourceGroupConnectionInfoStatus(sgId: string | null) {
     Required<Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>>
   >(REFRESH_SOURCE_GROUP_CONNECTION_INFO_STATUS, requestWrapper);
 }
+
+export function useGetInfraInfoRefined(
+  sgId: string | null,
+  connId: string | null,
+) {
+  const requestWrapper: Required<
+    Pick<
+      RequestBodyWrapper<{
+        sgId: string | null;
+        connId: string | null;
+      }>,
+      'pathParams'
+    >
+  > = {
+    pathParams: {
+      sgId,
+      connId,
+    },
+  };
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<
+      Pick<
+        RequestBodyWrapper<{
+          sgId: string | null;
+          connId: string | null;
+        }>,
+        'pathParams'
+      >
+    >
+  >(GET_INFRA_INFO_REFINED, requestWrapper);
+}
+
+interface OnpremModelPayload {
+  onpremiseInfraModel: {
+    servers: any[];
+    network: {
+      ipv4Networks: any[];
+      ipv6Networks: any[];
+    };
+  };
+  description: string;
+  userModelName: string;
+  isInitUserModel: boolean;
+  userModelVersion: string;
+}
+
+export function useCreateOnpremmodel(data: OnpremModelPayload | null) {
+  const requestWrapper: Required<
+    Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>
+  > = {
+    request: data,
+  };
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>>
+  >(CREATE_ONPREMMODEL, requestWrapper);
+}
diff --git a/front/src/entities/sourceModels/api/index.ts b/front/src/entities/sourceModels/api/index.ts
index e69de29b..c712f338 100644
--- a/front/src/entities/sourceModels/api/index.ts
+++ b/front/src/entities/sourceModels/api/index.ts
@@ -0,0 +1,18 @@
+import {
+  IAxiosResponse,
+  RequestBodyWrapper,
+  useAxiosPost,
+} from '@/shared/libs';
+
+const GET_SOURCE_MODEL_LIST = 'GetUserModel';
+
+export function useGetSourceModelList() {
+  const requestWrapper: Required<Pick<RequestBodyWrapper<any>, 'pathParams'>> =
+    {
+      pathParams: { isTargetModel: 'false' },
+    };
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<Pick<RequestBodyWrapper<any>, 'pathParams'>>
+  >(GET_SOURCE_MODEL_LIST, requestWrapper);
+}
diff --git a/front/src/entities/sourceModels/model/stores.ts b/front/src/entities/sourceModels/model/stores.ts
index 51b9d643..89fc8484 100644
--- a/front/src/entities/sourceModels/model/stores.ts
+++ b/front/src/entities/sourceModels/model/stores.ts
@@ -1,152 +1,24 @@
 import { defineStore } from 'pinia';
 import { formatDate } from '@/shared/utils';
 import type { ISourceModel } from './types';
+import { ISourceModelResponse } from './types';
+import { ref } from 'vue';
 
-export const dateType =
-  new Date().getFullYear() +
-  '-' +
-  new Date().getMonth() +
-  '-' +
-  new Date().getDate() +
-  ' ' +
-  new Date().getHours() +
-  ':' +
-  new Date().getMinutes() +
-  ':' +
-  new Date().getSeconds();
+export const useSourceModelStore = defineStore('SOURCEMODEL', () => {
+  const models = ref<ISourceModelResponse[]>([]);
 
-export const useSourceModelStore = defineStore('SOURCEMODEL', {
-  state: () => ({
-    models: [
-      {
-        id: '10001',
-        name: 'sourceservicename01-md01',
-        description: 'model1 description',
-        migrationType: 'Infra',
-        custom: 'Basic',
-        createdDateTime: dateType,
-        updatedDateTime: dateType,
-        modelType: 'Source',
-        customAndViewJSON: {},
-        recommendModel: [
-          {
-            name: 'recommendedmodelname-01',
-            id: '100001',
-            description: 'recommendedmodeldescription-01',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-          {
-            name: 'recommendedmodelname-02',
-            id: '100002',
-            description: 'recommendedmodeldescription-02',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-          {
-            name: 'recommendedmodelname-03',
-            id: '100003',
-            description: 'recommendedmodeldescription-03',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-        ],
-      },
-      {
-        id: '10002',
-        name: 'sourceservicename01-md02',
-        description: 'model2 description',
-        migrationType: 'Software',
-        custom: 'Custom',
-        createdDateTime: dateType,
-        updatedDateTime: dateType,
-        modelType: 'Source',
-        customAndViewJSON: {},
-        recommendModel: [
-          {
-            name: 'recommendedmodelname-01',
-            id: '100001',
-            description: 'recommendedmodeldescription-01',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-          {
-            name: 'recommendedmodelname-02',
-            id: '100002',
-            description: 'recommendedmodeldescription-02',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-          {
-            name: 'recommendedmodelname-03',
-            id: '100003',
-            description: 'recommendedmodeldescription-03',
-            label: 'Rehosted vm',
-            spec: 'aws-ap-northeast-2-t2-small',
-            image: 'ubuntu 18.04',
-            rootDiskType: 'default',
-            rootDiskSize: 'default',
-            userPassword: 'qwerqwerqwer',
-            connection: 'aws-seoul-conname01',
-            estimateCost: '12.800/M',
-          },
-        ],
-      },
-    ] as ISourceModel[],
-  }),
-  getters: {
-    getModelById: state => (id: string) => {
-      return (
-        state.models.find((model: ISourceModel) => {
-          return model.id === id;
-        }) || null
-      );
-    },
-  },
-  actions: {
-    setModels(_models: ISourceModel[]) {
-      this.models = _models.map(model => ({
-        id: model.id,
-        name: model.name,
-        description: model.description,
-        migrationType: model.migrationType,
-        custom: model.custom,
-        createdDateTime: formatDate(model.createdDateTime),
-        updatedDateTime: formatDate(model.updatedDateTime),
-        modelType: model.modelType,
-        customAndViewJSON: model.customAndViewJSON,
-        recommendModel: model.recommendModel,
-      }));
-    },
-  },
+  function getModels() {
+    return models;
+  }
+  function getSourceModelById(
+    modelId: string,
+  ): ISourceModelResponse | undefined {
+    return models.value?.find(el => el.id === modelId);
+  }
+
+  function setSourceModel(sourceModelList: ISourceModelResponse[]) {
+    models.value = sourceModelList;
+  }
+
+  return { getModels, getSourceModelById, setSourceModel };
 });
diff --git a/front/src/entities/sourceModels/model/types.ts b/front/src/entities/sourceModels/model/types.ts
index 1a2820b6..812f2e2c 100644
--- a/front/src/entities/sourceModels/model/types.ts
+++ b/front/src/entities/sourceModels/model/types.ts
@@ -25,5 +25,88 @@ export type SourceModelTableType =
   | 'customAndViewJSON'
   | 'recommendModel';
 
-// export type SourceModelDetailTableType =
-//   | SourceModelTableType
+export interface ISourceModelResponse {
+  createTime: string;
+  description: string;
+  id: string;
+  isCloudModel: boolean;
+  isInitUserModel: boolean;
+  isTargetModel: boolean;
+  onpremModelVersion: string;
+  onpremiseInfraModel: OnPremiseInfraModel;
+  updateTime: string;
+  userId: string;
+  userModelName: string;
+  userModelVersion: string;
+}
+
+interface OnPremiseInfraModel {
+  network: Network;
+  servers: Server[];
+}
+
+interface Network {}
+
+interface Server {
+  cpu: CPU;
+  hostname: string;
+  interfaces: NetworkInterface[];
+  memory: Memory;
+  os: OperatingSystem;
+  rootDisk: Disk;
+  routingTable: RoutingTableEntry[];
+}
+
+interface CPU {
+  architecture: string;
+  cores: number;
+  cpus: number;
+  maxSpeed: number;
+  model: string;
+  threads: number;
+  vendor: string;
+}
+
+interface NetworkInterface {
+  ipv4CidrBlocks?: string[];
+  ipv6CidrBlocks?: string[];
+  macAddress?: string;
+  mtu: number;
+  name: string;
+  state?: 'up' | 'down';
+}
+
+interface Memory {
+  available: number;
+  totalSize: number;
+  type: string;
+  used: number;
+}
+
+interface OperatingSystem {
+  id: string;
+  idLike: string;
+  name: string;
+  prettyName: string;
+  version: string;
+  versionCodename: string;
+  versionId: string;
+}
+
+interface Disk {
+  available: number;
+  label: string;
+  totalSize: number;
+  type: string;
+  used: number;
+}
+
+interface RoutingTableEntry {
+  destination: string;
+  gateway?: string;
+  interface: string;
+  linkState: 'up' | 'down';
+  protocol: string;
+  scope: string;
+  source?: string;
+}
diff --git a/front/src/entities/sourceService/model/stores.ts b/front/src/entities/sourceService/model/stores.ts
index 3c320798..e21ada56 100644
--- a/front/src/entities/sourceService/model/stores.ts
+++ b/front/src/entities/sourceService/model/stores.ts
@@ -9,67 +9,50 @@ import { defineStore } from 'pinia';
 
 const NAMESPACE = 'SOURCESERVICE';
 
-export interface ISourceServiceStore {
-  services: Ref<ISourceService[]>;
-
-  serviceWithStatus: any;
-
-  setService(val: any): void;
-
-  getServiceById: (id: string) => ISourceService | null;
-
-  setServiceStatus(serviceId: string, status: any): void;
-
-  setServiceWithConnectionStatus(service: any): void;
-}
-
-export const useSourceServiceStore = defineStore(
-  NAMESPACE,
-  (): ISourceServiceStore => {
-    const services = ref<ISourceService[]>([]);
-    const serviceWithStatus = ref<ISourceServiceResponseElement | null>();
-
-    function setService(_services: ISourceServiceResponse) {
-      services.value = _services.source_group.map(service => ({
-        id: service.id,
-        name: service.name,
-        description: service.description,
-        connectionCount:
-          service.connection_info_status_count.connection_info_total,
-        connectionIds: [],
-        status: 'S0004',
-        // status:
-      }));
+export const useSourceServiceStore = defineStore(NAMESPACE, () => {
+  const services = ref<ISourceService[]>([]);
+  const serviceWithStatus = ref<ISourceServiceResponseElement | null>();
+
+  function setService(_services: ISourceServiceResponse) {
+    services.value = _services.source_group.map(service => ({
+      id: service.id,
+      name: service.name,
+      description: service.description,
+      connectionCount:
+        service.connection_info_status_count.connection_info_total,
+      connectionIds: [],
+      status: 'S0004',
+      // status:
+    }));
+  }
+
+  function setServiceWithConnectionStatus(
+    service: ISourceServiceResponseElement,
+  ) {
+    serviceWithStatus.value = service;
+  }
+
+  function getServiceById(serviceId: string) {
+    return (
+      services.value.find((service: ISourceService) => {
+        return service.id === serviceId;
+      }) || null
+    );
+  }
+
+  function setServiceStatus(serviceId: string, status: any) {
+    const service = getServiceById(serviceId);
+    if (service) {
+      service.status = status;
     }
-
-    function setServiceWithConnectionStatus(
-      service: ISourceServiceResponseElement,
-    ) {
-      serviceWithStatus.value = service;
-    }
-
-    function getServiceById(serviceId: string) {
-      return (
-        services.value.find((service: ISourceService) => {
-          return service.id === serviceId;
-        }) || null
-      );
-    }
-
-    function setServiceStatus(serviceId: string, status: any) {
-      const service = getServiceById(serviceId);
-      if (service) {
-        service.status = status;
-      }
-    }
-
-    return {
-      services,
-      serviceWithStatus,
-      setService,
-      getServiceById,
-      setServiceStatus,
-      setServiceWithConnectionStatus,
-    };
-  },
-);
+  }
+
+  return {
+    services,
+    serviceWithStatus,
+    setService,
+    getServiceById,
+    setServiceStatus,
+    setServiceWithConnectionStatus,
+  };
+});
diff --git a/front/src/entities/targetModels/model/stores.ts b/front/src/entities/targetModels/model/stores.ts
index 50e8b5c9..dc81f2db 100644
--- a/front/src/entities/targetModels/model/stores.ts
+++ b/front/src/entities/targetModels/model/stores.ts
@@ -1,7 +1,6 @@
 import { defineStore } from 'pinia';
 import { formatDate } from '@/shared/utils';
 import type { ITargetModel } from './types';
-import { dateType } from '@/entities/sourceModels';
 
 export const useTargetModelStore = defineStore('TARGETMODEL', {
   state: () => ({
diff --git a/front/src/pages/sourceServices/ui/SourceServicePage.vue b/front/src/pages/sourceServices/ui/SourceServicePage.vue
index 4e84d01a..e7340534 100644
--- a/front/src/pages/sourceServices/ui/SourceServicePage.vue
+++ b/front/src/pages/sourceServices/ui/SourceServicePage.vue
@@ -18,6 +18,7 @@ import MetaViewer from '@/widgets/source/sourceConnections/sourceConnectionDetai
 import { useSourceInfraCollectModel } from '@/widgets/source/sourceConnections/sourceConnectionDetail/infraCollect/model/sourceInfraCollectModel.ts';
 import EditSourceConnectionModal from '@/widgets/source/sourceConnections/sourceConnectionModal/ui/EditSourceConnectionModal.vue';
 import { showSuccessMessage } from '@/shared/utils';
+import { useGetInfraInfoRefined } from '@/entities/sourceConnection/api';
 
 const sourceConnectionName = ref<string>('');
 const multiSelectedConnectionIds = ref<string[]>([]);
@@ -346,6 +347,8 @@ const softwareSchema = {
         :collect-data="infraData"
         :source-connection-name="sourceConnectionName"
         :schema="infraSchema"
+        :sgId="selectedServiceId"
+        :connId="selectedConnectionId"
         @update:is-meta-viewer-opened="modalStates.addInfraMetaViewer.confirm()"
       />
       <meta-viewer
diff --git a/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue b/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
index e79cd595..0a01f9cd 100644
--- a/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
+++ b/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
@@ -19,12 +19,7 @@ interface iProps {
 
 const props = defineProps<iProps>();
 
-const emit = defineEmits([
-  'update:save-modal',
-  'update:close-modal',
-  'update:name-value',
-  'update:description',
-]);
+const emit = defineEmits(['update:save-modal', 'update:close-modal']);
 
 const _name = ref<string>(props.name);
 const _description = ref<string>(props.description ?? '');
@@ -41,17 +36,13 @@ watchEffect(
 );
 
 function handleConfirm() {
-  emit('update:save-modal');
-  emit('update:description', _description.value);
+  emit('update:save-modal', {
+    name: _name.value,
+    description: _description.value,
+  });
 }
 
-watch(
-  _name,
-  () => {
-    emit('update:name-value', _name.value);
-  },
-  { immediate: true },
-);
+watch(_name, () => {}, { immediate: true });
 </script>
 
 <template>
@@ -89,8 +80,10 @@ watch(
 .layout {
   @apply rounded-[6px] p-[16px] bg-gray-100 border-none;
 }
+
 .text-input-layout {
   @apply p-[0.75rem] border-none;
+
   .p-text-input {
     @apply w-full;
   }
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index 25e27b9a..d6e0edb0 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -5,13 +5,10 @@ import { CreateForm } from '@/widgets/layout';
 import { JsonEditor } from '@/widgets/layout';
 import { i18n } from '@/app/i18n';
 import { SimpleEditForm } from '@/widgets/layout';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
+import { ISourceModelResponse, useSourceModelStore } from '@/entities';
+import { PTextEditor } from '@cloudforet-test/mirinae';
 
-const formData = {
-  os_version: 'Amazon Linux release 2 (Karoo)',
-  os: 'Amazon Linux 2',
-  email: 'glee@mz.co.kr',
-};
 const modelName = ref<string>('');
 
 interface iProps {
@@ -19,10 +16,20 @@ interface iProps {
 }
 
 const props = defineProps<iProps>();
-
 const emit = defineEmits(['update:close-modal']);
 
 const modalState = ref<boolean>(false);
+const sourceModelStore = useSourceModelStore();
+const targetModel = ref<ISourceModelResponse | undefined>(undefined);
+watch(
+  () => props.sourceModelName,
+  () => {
+    targetModel.value = sourceModelStore.getSourceModelById(
+      props.sourceModelName,
+    );
+  },
+  { immediate: true },
+);
 
 function handleModal() {
   emit('update:close-modal', false);
@@ -40,24 +47,6 @@ function handleSaveModal() {
 function handleModelName(value: string) {
   modelName.value = value;
 }
-
-const schema = {
-  json: true,
-  properties: {
-    os_version: {
-      type: 'string',
-      title: 'OS Version',
-    },
-    os: {
-      type: 'string',
-      title: 'OS',
-    },
-    email: {
-      type: 'string',
-      title: 'Email',
-    },
-  },
-};
 </script>
 
 <template>
@@ -71,12 +60,10 @@ const schema = {
       @update:modal-state="handleModal"
     >
       <template #add-info>
-        <json-editor
-          :form-data="formData"
-          title="Source Model"
-          :read-only="false"
-          :json="schema.json"
-          :shema-properties="schema.properties"
+        <p-text-editor
+          :code="targetModel?.onpremiseInfraModel.servers"
+          :read-only="true"
+          folded
         />
       </template>
       <template #buttons>
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index 98137d05..c8b0a6ff 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -7,7 +7,6 @@ import { reactive, ref, watch } from 'vue';
 import { SimpleEditForm } from '@/widgets/layout';
 import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
 import { useTargetModelStore } from '@/entities';
-import { dateType } from '@/entities';
 
 const targetModelStore = useTargetModelStore();
 
diff --git a/front/src/widgets/models/sourceModels/sourceModelDetail/model/sourceModelDetailModel.ts b/front/src/widgets/models/sourceModels/sourceModelDetail/model/sourceModelDetailModel.ts
index 09a9fe1c..18e5e1dc 100644
--- a/front/src/widgets/models/sourceModels/sourceModelDetail/model/sourceModelDetailModel.ts
+++ b/front/src/widgets/models/sourceModels/sourceModelDetail/model/sourceModelDetailModel.ts
@@ -34,21 +34,21 @@ export function useSourceModelDetailModel() {
   }
 
   function setDefineTableData(sourceModelId: string) {
-    const sourceModel = sourceModelStore.getModelById(sourceModelId);
+    const sourceModel = sourceModelStore.getSourceModelById(sourceModelId);
     let data: Partial<Record<SourceModelTableType, any>> = {};
 
     if (sourceModel) {
       data = {
-        name: sourceModel.name,
+        name: sourceModel.userModelName,
         id: sourceModel.id,
         description: sourceModel.description,
-        migrationType: sourceModel.migrationType,
-        custom: sourceModel.custom,
+        migrationType: sourceModel['migrationType'],
+        custom: sourceModel['custom'],
         modelType: 'Source',
-        createdDateTime: sourceModel.createdDateTime,
-        updatedDateTime: sourceModel.updatedDateTime,
-        customAndViewJSON: sourceModel.customAndViewJSON,
-        recommendModel: sourceModel.recommendModel,
+        createdDateTime: sourceModel.createTime,
+        updatedDateTime: sourceModel.updateTime,
+        customAndViewJSON: '',
+        recommendModel: '',
       };
     }
     return data;
diff --git a/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue b/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
index 2af5087e..94ce3fa0 100644
--- a/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
@@ -26,13 +26,13 @@ const sourceModelDescription = ref<string | undefined>('');
 const recommendedModelList = ref<any>([]);
 
 watchEffect(() => {
-  sourceModelName.value = sourceModelStore.getModelById(
+  sourceModelName.value = sourceModelStore.getSourceModelById(
     props.selectedSourceModelId,
-  )?.name;
+  )?.id;
 });
 
 watchEffect(() => {
-  sourceModelDescription.value = sourceModelStore.getModelById(
+  sourceModelDescription.value = sourceModelStore.getSourceModelById(
     props.selectedSourceModelId,
   )?.description;
 });
@@ -53,12 +53,6 @@ watch(
   { immediate: true },
 );
 
-watchEffect(() => {
-  recommendedModelList.value = sourceModelStore.getModelById(
-    props.selectedSourceModelId,
-  )?.recommendModel;
-});
-
 watch(
   props,
   () => {
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
index 01c74c45..d29c4987 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
+++ b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
@@ -1,14 +1,20 @@
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
 import type { ISourceModel } from '@/entities';
-import { useSourceModelStore, SourceModelTableType } from '@/entities';
+import {
+  useSourceModelStore,
+  SourceModelTableType,
+  ISourceModelResponse,
+} from '@/entities';
 import { watch } from 'vue';
 import { storeToRefs } from 'pinia';
+import { useDateFormat } from '@vueuse/core';
+import { formatDate } from '@/shared/utils';
 
 export function useSourceModelListModel() {
   const tableModel =
     useToolboxTableModel<Partial<Record<SourceModelTableType, any>>>();
   const sourceModelStore = useSourceModelStore();
-  const { models } = storeToRefs(sourceModelStore);
+  const models = sourceModelStore.getModels();
 
   function initToolBoxTableModel() {
     tableModel.tableState.fields = [
@@ -37,24 +43,24 @@ export function useSourceModelListModel() {
     ];
   }
 
-  function organizeSourceModelTableItem(sourceModel: ISourceModel) {
+  function organizeSourceModelTableItem(sourceModel: ISourceModelResponse) {
     const organizedDatum: Partial<
       Record<SourceModelTableType | 'originalData', any>
     > = {
-      name: sourceModel.name,
+      name: sourceModel.userModelName,
       id: sourceModel.id,
       description: sourceModel.description,
-      migrationType: sourceModel.migrationType,
-      custom: sourceModel.custom,
-      createdDateTime: sourceModel.createdDateTime,
-      updatedDateTime: sourceModel.updatedDateTime,
+      migrationType: sourceModel['migrationType'] ?? '',
+      custom: sourceModel['custom '] ?? '',
+      createdDateTime: formatDate(sourceModel.createTime),
+      updatedDateTime: formatDate(sourceModel.updateTime),
       originalData: sourceModel,
     };
     return organizedDatum;
   }
 
   watch(models, nv => {
-    tableModel.tableState.items = nv.map(value =>
+    tableModel.tableState.items = nv.map((value: ISourceModelResponse) =>
       organizeSourceModelTableItem(value),
     );
   });
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
index e237d343..01bb6c03 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
@@ -7,8 +7,9 @@ import {
 } from '@cloudforet-test/mirinae';
 import { useSourceModelListModel } from '../model/sourceModelListModel';
 import { onBeforeMount, onMounted, reactive, watch, watchEffect } from 'vue';
-import { insertDynamicComponent } from '@/shared/utils';
+import { insertDynamicComponent, showErrorMessage } from '@/shared/utils';
 import DynamicTableIconButton from '@/shared/ui/Button/dynamicIconButton/DynamicTableIconButton.vue';
+import { useGetSourceModelList } from '@/entities';
 
 const { tableModel, initToolBoxTableModel, sourceModelStore, models } =
   useSourceModelListModel();
@@ -20,12 +21,22 @@ const modals = reactive({
   sourceModelAddModalState: { open: false },
 });
 
+const resSourceList = useGetSourceModelList();
+
 onBeforeMount(() => {
   initToolBoxTableModel();
 });
 
 onMounted(function () {
   addDeleteIconAtTable.bind(this)();
+  resSourceList
+    .execute()
+    .then(res => {
+      sourceModelStore.setSourceModel(res.data.responseData);
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
 });
 
 function addDeleteIconAtTable() {
@@ -61,11 +72,6 @@ function handleSelectedIndex(selectedIndex: number) {
     emit('select-row', '');
   }
 }
-
-watchEffect(() => {
-  // TODO: api 연결 후 수정
-  tableModel.tableState.items = models.value;
-});
 </script>
 
 <template>
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index 144e3bd8..dfef7ddd 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -5,6 +5,10 @@ import { PButton } from '@cloudforet-test/mirinae';
 import { i18n } from '@/app/i18n';
 import { SimpleEditForm } from '@/widgets/layout';
 import { ref } from 'vue';
+import { AxiosResponse } from 'axios';
+import { IUseAxiosWrapperReturnType } from '@/shared/libs';
+import { useCreateOnpremmodel } from '@/entities/sourceConnection/api';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 
 interface iProps {
   collectData: string | undefined;
@@ -13,6 +17,8 @@ interface iProps {
     json: boolean;
     properties: object;
   };
+  sgId: string;
+  connId: string;
 }
 
 const props = defineProps<iProps>();
@@ -22,14 +28,44 @@ const emit = defineEmits(['update:is-meta-viewer-opened']);
 const isConverted = ref<boolean>(false);
 const isSaveModal = ref<boolean>(false);
 
+const convertedData = ref();
+
+const createOnpremmodel = useCreateOnpremmodel(null);
 const handleSave = () => {
   isSaveModal.value = true;
 };
 
-const handleMetaViewer = () => {
+const handleMetaViewer = e => {
   isSaveModal.value = false;
+  createOnpremmodel
+    .execute({
+      request: {
+        onpremiseInfraModel: {
+          servers: [convertedData.value],
+          network: {
+            ipv4Networks: [],
+            ipv6Networks: [],
+          },
+        },
+        description: e.description,
+        userModelName: e.name,
+        isInitUserModel: true,
+        userModelVersion: 'v0.1',
+      },
+    })
+    .then(res => {
+      showSuccessMessage('success', 'create Model');
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
   emit('update:is-meta-viewer-opened');
 };
+
+function handleConvertedData(e: any) {
+  isConverted.value = true;
+  convertedData.value = e;
+}
 </script>
 
 <template>
@@ -44,7 +80,9 @@ const handleMetaViewer = () => {
         <json-viewer
           :form-data="collectData"
           :schema="schema"
-          @update:is-converted="isConverted = true"
+          :sgId="sgId"
+          :connId="connId"
+          @update:is-converted="handleConvertedData"
         />
       </template>
       <template #buttons>
@@ -66,7 +104,7 @@ const handleMetaViewer = () => {
       name-label="Name"
       name-placeholder="Source Service name"
       @update:close-modal="isSaveModal = false"
-      @update:save-modal="handleMetaViewer"
+      @update:save-modal="e => handleMetaViewer(e)"
     />
     <!-- <save-source-model-modal
       v-if="isSaveModal"
diff --git a/front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue b/front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue
index 63e05704..b3b3fd39 100644
--- a/front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue
+++ b/front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue
@@ -3,6 +3,10 @@ import { i18n } from '@/app/i18n';
 import { collectJsonEditor } from '@/features/sourceServices';
 import { PI, PSpinner } from '@cloudforet-test/mirinae';
 import { ref, watch } from 'vue';
+import { AxiosResponse } from 'axios';
+import { IUseAxiosWrapperReturnType } from '@/shared/libs';
+import { useGetInfraInfoRefined } from '@/entities/sourceConnection/api';
+import { showErrorMessage } from '@/shared/utils';
 
 interface iProps {
   formData: string | undefined;
@@ -10,43 +14,28 @@ interface iProps {
     json: boolean;
     properties: object;
   };
+  sgId: string;
+  connId: string;
 }
 
 const props = defineProps<iProps>();
 const emit = defineEmits(['update:is-converted']);
 
 const convertedJson = ref<string | undefined>('');
-const isConverted = ref<boolean>(false);
 
+const getInfraInfoRefined = useGetInfraInfoRefined(props.sgId, props.connId);
 const handleConvertJson = () => {
   // TODO: convert button action 미정
-  convertedJson.value = props.formData;
-  emit('update:is-converted');
+  getInfraInfoRefined
+    .execute()
+    .then(res => {
+      convertedJson.value = res.data.responseData;
+      emit('update:is-converted', res.data.responseData);
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
 };
-
-watch(
-  convertedJson,
-  nv => {
-    if (nv && nv.length > 0) {
-      isConverted.value = true;
-    } else {
-      isConverted.value = false;
-    }
-  },
-  { immediate: true },
-);
-
-watch(
-  isConverted,
-  nv => {
-    if (nv) {
-      setTimeout(() => {
-        isConverted.value = false;
-      }, 1000);
-    }
-  },
-  { immediate: true },
-);
 </script>
 
 <template>
@@ -68,7 +57,11 @@ watch(
         />
         <p>{{ i18n.t('COMPONENT.BUTTON_MODAL.CONVERT') }}</p>
       </div>
-      <p-spinner v-if="isConverted" class="spinner" size="md" />
+      <p-spinner
+        v-if="getInfraInfoRefined.isLoading.value"
+        class="spinner"
+        size="md"
+      />
     </button>
     <collect-json-editor
       :form-data="convertedJson"
@@ -82,31 +75,38 @@ watch(
 <style scoped lang="postcss">
 .json-viewer-layout {
   @apply flex justify-center;
+
   .convert-btn {
     @apply flex flex-col justify-center items-center rounded-[4px] text-[#fff] bg-violet-400;
     font-size: 14px;
     padding: 0 24px;
     position: relative;
+
     .spinner {
       @apply pl-[8px];
       position: absolute;
       top: 450px;
     }
+
     .no-spinner {
       @apply w-[8px] h-[8px];
       position: absolute;
     }
   }
+
   .convert-btn:hover {
     @apply bg-violet-500;
   }
+
   .convert-btn:focus {
     @apply bg-violet-400;
   }
+
   .disable-btn {
     @apply bg-gray-300;
     cursor: not-allowed;
   }
+
   .icon {
     @apply mt-[2px] mr-[0.25rem];
   }

From c37f2819db097b3de6ffb1bee8f7fdbc24c8e50d Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 6 Nov 2024 16:24:33 +0900
Subject: [PATCH 04/41] feat: recommend list, create target model

---
 .../entities/recommendedModel/api/index.ts    |  44 +++++++
 .../entities/recommendedModel/model/types.ts  |  38 +++---
 .../src/entities/sourceModels/model/stores.ts |   2 -
 front/src/entities/targetModels/api/index.ts  |  35 ++++++
 front/src/features/auth/model/useAuth.ts      |   1 +
 front/src/pages/models/index.ts               |   1 -
 .../pages/models/recommendModelList/index.ts  |   3 -
 .../ui/RecommendedModelList.vue               |  66 ----------
 .../sourceModels/ui/SourceModelsPage.vue      |  11 +-
 .../ui/CustomViewSourceModel.vue              |   5 +-
 ...edModelModel.ts => useRecommendedModel.ts} |  52 ++++----
 .../recommendedModel/ui/RecommendedModel.vue  | 113 +++++++++++++++---
 .../ui/SourceModelDetail.vue                  |   1 -
 .../sourceModelList/ui/SourceModelList.vue    |   4 +-
 14 files changed, 243 insertions(+), 133 deletions(-)
 create mode 100644 front/src/entities/recommendedModel/api/index.ts
 delete mode 100644 front/src/pages/models/recommendModelList/index.ts
 delete mode 100644 front/src/pages/models/recommendModelList/ui/RecommendedModelList.vue
 rename front/src/widgets/models/sourceModels/recommendedModel/model/{recommendedModelModel.ts => useRecommendedModel.ts} (61%)

diff --git a/front/src/entities/recommendedModel/api/index.ts b/front/src/entities/recommendedModel/api/index.ts
new file mode 100644
index 00000000..425900c8
--- /dev/null
+++ b/front/src/entities/recommendedModel/api/index.ts
@@ -0,0 +1,44 @@
+import { ISourceModelResponse } from '@/entities';
+import {
+  IAxiosResponse,
+  RequestBodyWrapper,
+  useAxiosPost,
+} from '@/shared/libs';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+
+const GET_RECOMMAND_MODEL = 'RecommendInfra';
+export function useGetRecommendModelListBySourceModel(
+  sourceModelInfo: ISourceModelResponse['onpremiseInfraModel'] | null,
+) {
+  const requestWrapper: Required<
+    Pick<
+      RequestBodyWrapper<{
+        desiredProvider: string;
+        desiredRegion: string;
+        onpremiseInfraModel: ISourceModelResponse['onpremiseInfraModel'] | null;
+      }>,
+      'request'
+    >
+  > = {
+    request: {
+      desiredProvider: 'aws',
+      desiredRegion: 'ap-northeast-2',
+      onpremiseInfraModel: sourceModelInfo,
+    },
+  };
+  return useAxiosPost<
+    IAxiosResponse<IRecommendModelResponse>,
+    Required<
+      Pick<
+        RequestBodyWrapper<{
+          desiredProvider: string;
+          desiredRegion: string;
+          onpremiseInfraModel:
+            | ISourceModelResponse['onpremiseInfraModel']
+            | null;
+        }>,
+        'request'
+      >
+    >
+  >(GET_RECOMMAND_MODEL, requestWrapper);
+}
diff --git a/front/src/entities/recommendedModel/model/types.ts b/front/src/entities/recommendedModel/model/types.ts
index 58637a34..7e8f247b 100644
--- a/front/src/entities/recommendedModel/model/types.ts
+++ b/front/src/entities/recommendedModel/model/types.ts
@@ -1,17 +1,3 @@
-export interface IRecommendedModel {
-  name: string;
-  id: string;
-  description: string;
-  label: string;
-  spec: string;
-  image: string;
-  rootDiskType: 'default' | string;
-  rootDiskSize: 'default' | number;
-  userPassword: string;
-  connection: string;
-  estimateCost: string;
-}
-
 export type RecommendedModelTableType =
   | 'name'
   | 'id'
@@ -24,3 +10,27 @@ export type RecommendedModelTableType =
   | 'userPassword'
   | 'connection'
   | 'estimateCost';
+
+interface Vm {
+  commonImage: string;
+  commonSpec: string;
+  description: string;
+  label: string | null;
+  name: string;
+  subGroupSize: string;
+}
+
+interface TargetInfra {
+  description: string;
+  installMonAgent: string;
+  label: string | null;
+  name: string;
+  systemLabel: string;
+  vm: Vm[];
+}
+
+export interface IRecommendModelResponse {
+  description: string;
+  status: string;
+  targetInfra: TargetInfra;
+}
diff --git a/front/src/entities/sourceModels/model/stores.ts b/front/src/entities/sourceModels/model/stores.ts
index 89fc8484..0bff1d39 100644
--- a/front/src/entities/sourceModels/model/stores.ts
+++ b/front/src/entities/sourceModels/model/stores.ts
@@ -1,6 +1,4 @@
 import { defineStore } from 'pinia';
-import { formatDate } from '@/shared/utils';
-import type { ISourceModel } from './types';
 import { ISourceModelResponse } from './types';
 import { ref } from 'vue';
 
diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index e69de29b..97d69593 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -0,0 +1,35 @@
+import {
+  IAxiosResponse,
+  RequestBodyWrapper,
+  useAxiosPost,
+} from '@/shared/libs';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+
+const CREATE_TARGET_MODEL = 'CreateCloudModel';
+
+interface ICreateTargetModelPayload {
+  cloudInfraModel: IRecommendModelResponse['targetInfra'];
+  csp: string;
+  description: string;
+  isInitUserModel: true;
+  isTargetModel: true;
+  region: string;
+  userId: string;
+  userModelName: string;
+  userModelVersion: string;
+  zone: string;
+}
+
+export function createTargetModel(data: ICreateTargetModelPayload | null) {
+  const requestWrapper: Required<
+    Pick<RequestBodyWrapper<ICreateTargetModelPayload | null>, 'request'>
+  > = {
+    request: data,
+  };
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<
+      Pick<RequestBodyWrapper<ICreateTargetModelPayload | null>, 'request'>
+    >
+  >(CREATE_TARGET_MODEL, requestWrapper);
+}
diff --git a/front/src/features/auth/model/useAuth.ts b/front/src/features/auth/model/useAuth.ts
index 053c80b8..e1807310 100644
--- a/front/src/features/auth/model/useAuth.ts
+++ b/front/src/features/auth/model/useAuth.ts
@@ -29,6 +29,7 @@ export function useAuth() {
       expires_in: props.expires_in,
     };
     localStorageConnector.setItem(userData);
+    console.log(props);
     authStore.onLogin(props);
   }
 
diff --git a/front/src/pages/models/index.ts b/front/src/pages/models/index.ts
index 8790fea6..4cdf41d6 100644
--- a/front/src/pages/models/index.ts
+++ b/front/src/pages/models/index.ts
@@ -1,3 +1,2 @@
 export * from './sourceModels';
 export * from './targetModels';
-export * from './recommendModelList';
diff --git a/front/src/pages/models/recommendModelList/index.ts b/front/src/pages/models/recommendModelList/index.ts
deleted file mode 100644
index 32c71660..00000000
--- a/front/src/pages/models/recommendModelList/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import RecommendedModelList from './ui/RecommendedModelList.vue';
-
-export { RecommendedModelList };
diff --git a/front/src/pages/models/recommendModelList/ui/RecommendedModelList.vue b/front/src/pages/models/recommendModelList/ui/RecommendedModelList.vue
deleted file mode 100644
index eb81a78d..00000000
--- a/front/src/pages/models/recommendModelList/ui/RecommendedModelList.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<script setup lang="ts">
-import { PToolboxTable } from '@cloudforet-test/mirinae';
-import { useRecommendedModelModel } from '@/widgets/models/sourceModels/recommendedModel/model/recommendedModelModel';
-import { onBeforeMount, ref, watchEffect } from 'vue';
-import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
-
-interface iProps {
-  recommendedModelList: IRecommendedModel[];
-}
-
-const props = defineProps<iProps>();
-
-const emit = defineEmits(['select-row']);
-
-const {
-  tableModel,
-  initToolBoxTableModel,
-  recommendedModelStore,
-  recommendedModels,
-} = useRecommendedModelModel();
-
-const modalOpen = ref<boolean>(false);
-
-onBeforeMount(() => {
-  initToolBoxTableModel();
-});
-
-function handleRefreshTable() {
-  tableModel.initState();
-}
-
-function handleSelectedIndex(selectedIndex: number) {
-  const selectedData = tableModel.tableState.displayItems[selectedIndex];
-  if (selectedData) {
-    emit('select-row', selectedData.id);
-  } else {
-    emit('select-row', '');
-  }
-}
-
-// TODO: api 연결 후 수정
-watchEffect(() => {
-  tableModel.tableState.items = props.recommendedModelList;
-});
-</script>
-
-<template>
-  <p-toolbox-table
-    ref="toolboxTable"
-    :items="tableModel.tableState.displayItems"
-    :fields="tableModel.tableState.fields"
-    :total-count="tableModel.tableState.tableCount"
-    :style="{ height: '500px' }"
-    :sortable="tableModel.tableOptions.sortable"
-    :sort-by="tableModel.tableOptions.sortBy"
-    :selectable="tableModel.tableOptions.selectable"
-    :select-index.sync="tableModel.tableState.selectIndex"
-    :multi-select="false"
-    @refresh="handleRefreshTable"
-    @select="handleSelectedIndex"
-  >
-    <!-- TODO: here -->
-  </p-toolbox-table>
-</template>
-
-<style scoped lang="postcss"></style>
diff --git a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
index 885b9490..0a6757fe 100644
--- a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
+++ b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
@@ -29,15 +29,14 @@ const modalState = reactive({
   viewRecommendedListModal: { open: false, trigger: false },
 });
 
-function handleClickSourceModelId(id: string) {
-  selectedSourceModelId.value = id;
+function handleClickSourceModelId(data: { id: string; name: string }) {
+  selectedSourceModelId.value = data.id;
+  sourceModelName.value = data.name;
 }
 
 function handleJsonModal(value: boolean) {
   modalState.customViewJsonModal.open = value;
 }
-
-const recommendedModelList = ref<any>([]);
 </script>
 
 <template>
@@ -75,7 +74,6 @@ const recommendedModelList = ref<any>([]);
               @update:source-model-description="
                 e => (sourceModelDescription = e)
               "
-              @update:recommended-model-list="e => (recommendedModelList = e)"
             />
           </template>
         </p-tab>
@@ -97,12 +95,13 @@ const recommendedModelList = ref<any>([]);
       <custom-view-source-model
         v-if="modalState.customViewJsonModal.open"
         :source-model-name="sourceModelName"
+        :source-model-id="selectedSourceModelId"
         @update:close-modal="handleJsonModal"
       />
       <recommended-model
         v-if="modalState.viewRecommendedListModal.open"
         :source-model-name="sourceModelName"
-        :recommended-model-list="recommendedModelList"
+        :source-model-id="selectedSourceModelId"
         @update:close-modal="
           e => (modalState.viewRecommendedListModal.open = e)
         "
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index d6e0edb0..656695bf 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -13,6 +13,7 @@ const modelName = ref<string>('');
 
 interface iProps {
   sourceModelName: string;
+  sourceModelId: string;
 }
 
 const props = defineProps<iProps>();
@@ -22,10 +23,10 @@ const modalState = ref<boolean>(false);
 const sourceModelStore = useSourceModelStore();
 const targetModel = ref<ISourceModelResponse | undefined>(undefined);
 watch(
-  () => props.sourceModelName,
+  () => props.sourceModelId,
   () => {
     targetModel.value = sourceModelStore.getSourceModelById(
-      props.sourceModelName,
+      props.sourceModelId,
     );
   },
   { immediate: true },
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/model/recommendedModelModel.ts b/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
similarity index 61%
rename from front/src/widgets/models/sourceModels/recommendedModel/model/recommendedModelModel.ts
rename to front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
index f3afbbc2..64bf1516 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/model/recommendedModelModel.ts
+++ b/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
@@ -1,15 +1,18 @@
 import { useRecommendedModelStore } from '@/entities/recommendedModel/model/stores';
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
-import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types';
 import { RecommendedModelTableType } from '@/entities/recommendedModel/model/types';
 import { storeToRefs } from 'pinia';
-import { watch } from 'vue';
+import { ref, watch } from 'vue';
+import { useSourceModelStore } from '@/entities';
+import { useAuthStore } from '@/shared/libs/store/auth';
 
-export function useRecommendedModelModel() {
+export function useRecommendedModel() {
   const tableModel =
     useToolboxTableModel<Partial<Record<RecommendedModelTableType, any>>>();
-  const recommendedModelStore = useRecommendedModelStore();
-  const { recommendedModels } = storeToRefs(recommendedModelStore);
+  const sourceModelStore = useSourceModelStore();
+  const targetRecommendModel = ref<IRecommendModelResponse | null>(null);
+  const userStore = useAuthStore();
 
   function initToolBoxTableModel() {
     tableModel.tableState.fields = [
@@ -49,37 +52,42 @@ export function useRecommendedModelModel() {
   }
 
   function organizeRecommendedModelTableItem(
-    recommendedModel: IRecommendedModel,
+    recommendedModel: IRecommendModelResponse,
   ) {
     const organizedDatum: Partial<
       Record<RecommendedModelTableType | 'originalData', any>
     > = {
-      name: recommendedModel.name,
-      id: recommendedModel.id,
+      name: recommendedModel.targetInfra.name,
+      id: recommendedModel['id'] || '',
       description: recommendedModel.description,
-      label: recommendedModel.label,
-      spec: recommendedModel.spec,
-      image: recommendedModel.image,
-      rootDiskType: recommendedModel.rootDiskType,
-      rootDiskSize: recommendedModel.rootDiskSize,
-      userPassword: recommendedModel.userPassword,
-      connection: recommendedModel.connection,
-      estimateCost: recommendedModel.estimateCost,
+      label: recommendedModel.targetInfra.label,
+      spec: recommendedModel['spec'] || '',
+      image: recommendedModel['image'] || '',
+      rootDiskType: recommendedModel['rootDiskType'] || '',
+      rootDiskSize: recommendedModel['rootDiskSize'] || '',
+      userPassword: recommendedModel['userPassword'] || '',
+      connection: recommendedModel['connection'] || '',
+      estimateCost: recommendedModel['estimateCost'] || '',
       originalData: recommendedModel,
     };
     return organizedDatum;
   }
 
-  watch(recommendedModels, nv => {
-    tableModel.tableState.items = nv.map(value =>
-      organizeRecommendedModelTableItem(value),
-    );
+  function setTargetRecommendModel(
+    _targetRecommendModel: IRecommendModelResponse,
+  ) {
+    targetRecommendModel.value = _targetRecommendModel;
+  }
+  watch(targetRecommendModel, nv => {
+    if (nv)
+      tableModel.tableState.items = [organizeRecommendedModelTableItem(nv)];
   });
 
   return {
+    userStore,
     tableModel,
-    recommendedModels,
     initToolBoxTableModel,
-    recommendedModelStore,
+    sourceModelStore,
+    setTargetRecommendModel,
   };
 }
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index c8b0a6ff..f8cc0b11 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { PButton, PIconModal } from '@cloudforet-test/mirinae';
+import { PButton, PIconModal, PToolboxTable } from '@cloudforet-test/mirinae';
 import { CreateForm } from '@/widgets/layout';
-import { RecommendedModelList } from '@/pages/models';
 import { TargetModelNameSave } from '@/features/models';
-import { reactive, ref, watch } from 'vue';
+import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { SimpleEditForm } from '@/widgets/layout';
-import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
-import { useTargetModelStore } from '@/entities';
-
-const targetModelStore = useTargetModelStore();
+import { useRecommendedModel } from '@/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts';
+import { createTargetModel, ISourceModelResponse } from '@/entities';
+import { useGetRecommendModelListBySourceModel } from '@/entities/recommendedModel/api';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
 
 interface iProps {
   sourceModelName: string;
-  recommendedModelList: IRecommendedModel[];
+  sourceModelId: string;
 }
 
 const props = defineProps<iProps>();
@@ -28,6 +28,36 @@ const modalState = reactive({
   checkModal: false,
 });
 
+const recommendModel_Model = useRecommendedModel();
+const targetSourceModel = computed(() =>
+  recommendModel_Model.sourceModelStore.getSourceModelById(props.sourceModelId),
+);
+const getRecommendModel = useGetRecommendModelListBySourceModel(
+  targetSourceModel.value ? targetSourceModel.value.onpremiseInfraModel : null,
+);
+
+const resCreateTargetModel = createTargetModel(null);
+
+watch(
+  () => targetSourceModel,
+  () => {
+    getRecommendModel
+      .execute()
+      .then(res => {
+        if (res.data.responseData)
+          recommendModel_Model.setTargetRecommendModel(res.data.responseData);
+      })
+      .catch(err => {
+        showErrorMessage('error', err.errorMsg);
+      });
+  },
+  { immediate: true },
+);
+
+onMounted(() => {
+  recommendModel_Model.initToolBoxTableModel();
+});
+
 function handleClickRecommendedModelId(id: string) {
   selectedRecommendedModelId.value = id;
 }
@@ -45,8 +75,48 @@ function handleConfirm() {
 }
 
 function handleSave() {
-  modalState.targetModal = false;
-  modalState.checkModal = true;
+  try {
+    let selectedModel: IRecommendModelResponse =
+      recommendModel_Model.tableModel.tableState.displayItems[
+        recommendModel_Model.tableModel.tableState.selectIndex
+      ].originalData;
+
+    const commonSpecSplitData =
+      selectedModel.targetInfra.vm[0].commonSpec.split('+');
+
+    resCreateTargetModel
+      .execute({
+        request: {
+          cloudInfraModel: selectedModel.targetInfra,
+          csp: commonSpecSplitData[0],
+          description: description.value,
+          isInitUserModel: true,
+          isTargetModel: true,
+          region: commonSpecSplitData[1],
+          userModelName: modelName.value,
+          userModelVersion: '1',
+          zone: '',
+          userId: recommendModel_Model.userStore.id,
+        },
+      })
+      .then(res => {
+        modalState.targetModal = false;
+        modalState.checkModal = true;
+      })
+      .catch();
+
+    console.log(
+      recommendModel_Model.tableModel.tableState.displayItems[
+        recommendModel_Model.tableModel.tableState.selectIndex
+      ],
+    );
+  } catch (e) {
+    console.log(e);
+    showErrorMessage('error', e);
+  }
+}
+function handleSelect(e) {
+  console.log(e);
 }
 </script>
 
@@ -61,10 +131,22 @@ function handleSave() {
       @update:modal-state="handleModal"
     >
       <template #add-info>
-        <recommended-model-list
-          :recommended-model-list="recommendedModelList"
-          @select-row="handleClickRecommendedModelId"
-        />
+        <p-toolbox-table
+          ref="toolboxTable"
+          :items="recommendModel_Model.tableModel.tableState.displayItems"
+          :fields="recommendModel_Model.tableModel.tableState.fields"
+          :total-count="recommendModel_Model.tableModel.tableState.tableCount"
+          :style="{ height: '500px' }"
+          :sortable="recommendModel_Model.tableModel.tableOptions.sortable"
+          :sort-by="recommendModel_Model.tableModel.tableOptions.sortBy"
+          :selectable="recommendModel_Model.tableModel.tableOptions.selectable"
+          :loading="getRecommendModel.isLoading.value"
+          :select-index.sync="
+            recommendModel_Model.tableModel.tableState.selectIndex
+          "
+          :multi-select="false"
+        >
+        </p-toolbox-table>
       </template>
       <template #buttons>
         <p-button style-type="tertiary">cancel</p-button>
@@ -102,15 +184,18 @@ function handleSave() {
 <style scoped lang="postcss">
 .layout {
   padding: 32px 16px;
+
   .title {
     font-size: 18px;
     font-weight: 400;
   }
 }
+
 .model-name {
   font-size: 14px;
   font-weight: 700;
 }
+
 .divider {
   margin: 7.5px 0 16px 0;
 }
diff --git a/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue b/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
index 94ce3fa0..8fc99703 100644
--- a/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelDetail/ui/SourceModelDetail.vue
@@ -2,7 +2,6 @@
 import { PDefinitionTable } from '@cloudforet-test/mirinae';
 import { useSourceModelDetailModel } from '@/widgets/models/sourceModels';
 import { onBeforeMount, ref, watch, watchEffect } from 'vue';
-import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
 
 interface iProps {
   selectedSourceModelId: string;
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
index 01bb6c03..8e53ce5d 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
@@ -67,9 +67,9 @@ function handleRefreshTable() {
 function handleSelectedIndex(selectedIndex: number) {
   const selectedData = tableModel.tableState.displayItems[selectedIndex];
   if (selectedData) {
-    emit('select-row', selectedData.id);
+    emit('select-row', { id: selectedData.id, name: selectedData.name });
   } else {
-    emit('select-row', '');
+    emit('select-row', { id: '', name: '' });
   }
 }
 </script>

From 9df579c67de4f482663ef4992b06f24e84a919c9 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 6 Nov 2024 17:41:21 +0900
Subject: [PATCH 05/41] feat: target Model add, estimate

---
 .../entities/recommendedModel/api/index.ts    | 38 ++++++++++++++++--
 .../entities/recommendedModel/model/types.ts  | 27 +++++++++++++
 front/src/entities/targetModels/api/index.ts  |  5 ++-
 .../model/useRecommendedModel.ts              | 27 ++++++++++---
 .../recommendedModel/ui/RecommendedModel.vue  | 39 ++++++++++++++-----
 5 files changed, 117 insertions(+), 19 deletions(-)

diff --git a/front/src/entities/recommendedModel/api/index.ts b/front/src/entities/recommendedModel/api/index.ts
index 425900c8..16fe1293 100644
--- a/front/src/entities/recommendedModel/api/index.ts
+++ b/front/src/entities/recommendedModel/api/index.ts
@@ -4,9 +4,14 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '@/shared/libs';
-import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+import {
+  IEsimateCostSpecResponse,
+  IRecommendModelResponse,
+} from '@/entities/recommendedModel/model/types.ts';
+
+const GET_RECOMMEND_MODEL = 'RecommendInfra';
+const GET_RECOMMEND_COST = 'Updateandgetestimatecost';
 
-const GET_RECOMMAND_MODEL = 'RecommendInfra';
 export function useGetRecommendModelListBySourceModel(
   sourceModelInfo: ISourceModelResponse['onpremiseInfraModel'] | null,
 ) {
@@ -40,5 +45,32 @@ export function useGetRecommendModelListBySourceModel(
         'request'
       >
     >
-  >(GET_RECOMMAND_MODEL, requestWrapper);
+  >(GET_RECOMMEND_MODEL, requestWrapper);
+}
+
+interface ISpecFormat {
+  commonSpec: string;
+  commonImage: string;
+}
+
+export function getRecommendCost(specsWithFormat: ISpecFormat | null) {
+  const requestWrapper: Required<
+    Pick<
+      RequestBodyWrapper<{ specsWithFormat: [ISpecFormat | null] }>,
+      'request'
+    >
+  > = {
+    request: {
+      specsWithFormat: [specsWithFormat],
+    },
+  };
+  return useAxiosPost<
+    IAxiosResponse<IEsimateCostSpecResponse>,
+    Required<
+      Pick<
+        RequestBodyWrapper<{ specsWithFormat: [ISpecFormat | null] }>,
+        'request'
+      >
+    >
+  >(GET_RECOMMEND_COST, requestWrapper);
 }
diff --git a/front/src/entities/recommendedModel/model/types.ts b/front/src/entities/recommendedModel/model/types.ts
index 7e8f247b..4549b3b7 100644
--- a/front/src/entities/recommendedModel/model/types.ts
+++ b/front/src/entities/recommendedModel/model/types.ts
@@ -34,3 +34,30 @@ export interface IRecommendModelResponse {
   status: string;
   targetInfra: TargetInfra;
 }
+
+interface EstimateCostSpecDetail {
+  calculatedMonthlyPrice: number;
+  currency: string;
+  id: number;
+  lastUpdatedAt: string;
+  memory: string;
+  originalPricePolicy: string;
+  osType: string;
+  price: string;
+  priceDescription: string;
+  pricePolicy: string;
+  productDescription: string;
+  storage: string;
+  unit: string;
+  vCpu: string;
+}
+
+interface EstimateCostSpecResult {
+  estimateForecastCostSpecDetailResults: EstimateCostSpecDetail[];
+}
+
+export interface IEsimateCostSpecResponse {
+  result: {
+    esimateCostSpecResults: EstimateCostSpecResult[];
+  };
+}
diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index 97d69593..3879c3b9 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -3,7 +3,10 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '@/shared/libs';
-import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+import {
+  IEsimateCostSpecResponse,
+  IRecommendModelResponse,
+} from '@/entities/recommendedModel/model/types.ts';
 
 const CREATE_TARGET_MODEL = 'CreateCloudModel';
 
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts b/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
index 64bf1516..d7ab7aa9 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
+++ b/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
@@ -1,6 +1,9 @@
 import { useRecommendedModelStore } from '@/entities/recommendedModel/model/stores';
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
-import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types';
+import {
+  IEsimateCostSpecResponse,
+  IRecommendModelResponse,
+} from '@/entities/recommendedModel/model/types';
 import { RecommendedModelTableType } from '@/entities/recommendedModel/model/types';
 import { storeToRefs } from 'pinia';
 import { ref, watch } from 'vue';
@@ -11,7 +14,12 @@ export function useRecommendedModel() {
   const tableModel =
     useToolboxTableModel<Partial<Record<RecommendedModelTableType, any>>>();
   const sourceModelStore = useSourceModelStore();
-  const targetRecommendModel = ref<IRecommendModelResponse | null>(null);
+  const targetRecommendModel = ref<
+    | (IRecommendModelResponse & {
+        estimateResponse: IEsimateCostSpecResponse;
+      })
+    | null
+  >(null);
   const userStore = useAuthStore();
 
   function initToolBoxTableModel() {
@@ -52,7 +60,9 @@ export function useRecommendedModel() {
   }
 
   function organizeRecommendedModelTableItem(
-    recommendedModel: IRecommendModelResponse,
+    recommendedModel: IRecommendModelResponse & {
+      estimateResponse: IEsimateCostSpecResponse;
+    },
   ) {
     const organizedDatum: Partial<
       Record<RecommendedModelTableType | 'originalData', any>
@@ -67,14 +77,21 @@ export function useRecommendedModel() {
       rootDiskSize: recommendedModel['rootDiskSize'] || '',
       userPassword: recommendedModel['userPassword'] || '',
       connection: recommendedModel['connection'] || '',
-      estimateCost: recommendedModel['estimateCost'] || '',
+      estimateCost:
+        recommendedModel.estimateResponse.result.esimateCostSpecResults[0]
+          .estimateForecastCostSpecDetailResults[0].calculatedMonthlyPrice +
+          recommendedModel.estimateResponse.result.esimateCostSpecResults[0]
+            .estimateForecastCostSpecDetailResults[0].currency || '',
       originalData: recommendedModel,
     };
+    console.log(organizedDatum);
     return organizedDatum;
   }
 
   function setTargetRecommendModel(
-    _targetRecommendModel: IRecommendModelResponse,
+    _targetRecommendModel: IRecommendModelResponse & {
+      estimateResponse: IEsimateCostSpecResponse;
+    },
   ) {
     targetRecommendModel.value = _targetRecommendModel;
   }
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index f8cc0b11..e539980b 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -6,7 +6,10 @@ import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { SimpleEditForm } from '@/widgets/layout';
 import { useRecommendedModel } from '@/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts';
 import { createTargetModel, ISourceModelResponse } from '@/entities';
-import { useGetRecommendModelListBySourceModel } from '@/entities/recommendedModel/api';
+import {
+  getRecommendCost,
+  useGetRecommendModelListBySourceModel,
+} from '@/entities/recommendedModel/api';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
 
@@ -37,6 +40,7 @@ const getRecommendModel = useGetRecommendModelListBySourceModel(
 );
 
 const resCreateTargetModel = createTargetModel(null);
+const resGetRecommendCost = getRecommendCost(null);
 
 watch(
   () => targetSourceModel,
@@ -44,8 +48,26 @@ watch(
     getRecommendModel
       .execute()
       .then(res => {
-        if (res.data.responseData)
-          recommendModel_Model.setTargetRecommendModel(res.data.responseData);
+        if (res.data.responseData) {
+          const commonImage =
+            res.data.responseData.targetInfra.vm[0].commonImage;
+          const commonSpec = res.data.responseData.targetInfra.vm[0].commonSpec;
+
+          resGetRecommendCost
+            .execute({
+              request: { specsWithFormat: [{ commonSpec, commonImage }] },
+            })
+            .then(costRes => {
+              if (costRes.data.responseData) {
+                recommendModel_Model.setTargetRecommendModel(
+                  Object.assign(res.data.responseData, {
+                    estimateResponse: costRes.data.responseData,
+                  }),
+                );
+              }
+            })
+            .catch();
+        }
       })
       .catch(err => {
         showErrorMessage('error', err.errorMsg);
@@ -104,12 +126,6 @@ function handleSave() {
         modalState.checkModal = true;
       })
       .catch();
-
-    console.log(
-      recommendModel_Model.tableModel.tableState.displayItems[
-        recommendModel_Model.tableModel.tableState.selectIndex
-      ],
-    );
   } catch (e) {
     console.log(e);
     showErrorMessage('error', e);
@@ -140,7 +156,10 @@ function handleSelect(e) {
           :sortable="recommendModel_Model.tableModel.tableOptions.sortable"
           :sort-by="recommendModel_Model.tableModel.tableOptions.sortBy"
           :selectable="recommendModel_Model.tableModel.tableOptions.selectable"
-          :loading="getRecommendModel.isLoading.value"
+          :loading="
+            getRecommendModel.isLoading.value ||
+            resGetRecommendCost.isLoading.value
+          "
           :select-index.sync="
             recommendModel_Model.tableModel.tableState.selectIndex
           "

From 47e1420c4ffc15905c9e492a220824b389282144 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 6 Nov 2024 18:06:40 +0900
Subject: [PATCH 06/41] feat : targetModel list

---
 front/src/entities/targetModels/api/index.ts  | 18 ++++-
 .../src/entities/targetModels/model/stores.ts | 78 +++++--------------
 .../src/entities/targetModels/model/types.ts  | 36 +++++++++
 .../recommendedModel/ui/RecommendedModel.vue  | 11 ++-
 .../model/targetModelListModel.ts             | 27 ++++---
 .../targetModelList/ui/TargetModelList.vue    | 24 +++---
 6 files changed, 105 insertions(+), 89 deletions(-)

diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index 3879c3b9..1da8d584 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -3,12 +3,11 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '@/shared/libs';
-import {
-  IEsimateCostSpecResponse,
-  IRecommendModelResponse,
-} from '@/entities/recommendedModel/model/types.ts';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+import { ITargetModelResponse } from '@/entities';
 
 const CREATE_TARGET_MODEL = 'CreateCloudModel';
+const GET_SOURCE_MODEL_LIST = 'GetUserModel';
 
 interface ICreateTargetModelPayload {
   cloudInfraModel: IRecommendModelResponse['targetInfra'];
@@ -36,3 +35,14 @@ export function createTargetModel(data: ICreateTargetModelPayload | null) {
     >
   >(CREATE_TARGET_MODEL, requestWrapper);
 }
+
+export function useGetTargetModelList() {
+  const requestWrapper: Required<Pick<RequestBodyWrapper<any>, 'pathParams'>> =
+    {
+      pathParams: { isTargetModel: 'true' },
+    };
+  return useAxiosPost<
+    IAxiosResponse<ITargetModelResponse[]>,
+    Required<Pick<RequestBodyWrapper<any>, 'pathParams'>>
+  >(GET_SOURCE_MODEL_LIST, requestWrapper);
+}
diff --git a/front/src/entities/targetModels/model/stores.ts b/front/src/entities/targetModels/model/stores.ts
index dc81f2db..baa62de1 100644
--- a/front/src/entities/targetModels/model/stores.ts
+++ b/front/src/entities/targetModels/model/stores.ts
@@ -1,62 +1,24 @@
 import { defineStore } from 'pinia';
 import { formatDate } from '@/shared/utils';
-import type { ITargetModel } from './types';
+import { ITargetModel, ITargetModelResponse } from './types';
+import { ref } from 'vue';
+import { ISourceModelResponse } from '@/entities';
 
-export const useTargetModelStore = defineStore('TARGETMODEL', {
-  state: () => ({
-    targetModels: [
-      {
-        id: '10001',
-        name: 'target model1',
-        description: 'target model1 description',
-        migrationType: 'migrationType',
-        custom: 'Basic',
-        createdDateTime: dateType,
-        updatedDateTime: dateType,
-        modelType: 'Target',
-        customAndViewJSON: {},
-        workflowTool: 'workflowTool',
-      },
-      {
-        id: '10002',
-        name: 'target model2',
-        description: 'target model2 description',
-        migrationType: 'migrationType',
-        custom: 'Custom',
-        createdDateTime: '2021-08-01',
-        updatedDateTime: '2021-08-01',
-        modelType: 'Target',
-        customAndViewJSON: {},
-        workflowTool: 'workflowTool',
-      },
-    ] as ITargetModel[],
-  }),
-  getters: {
-    getTargetModelById: state => (id: string) => {
-      return (
-        state.targetModels.find((targetModel: ITargetModel) => {
-          return targetModel.id === id;
-        }) || null
-      );
-    },
-  },
-  actions: {
-    setTargetModels(_targetModels: ITargetModel[]) {
-      this.targetModels = _targetModels.map(targetModel => ({
-        id: targetModel.id,
-        name: targetModel.name,
-        description: targetModel.description,
-        migrationType: targetModel.migrationType,
-        custom: targetModel.custom,
-        createdDateTime: formatDate(targetModel.createdDateTime),
-        updatedDateTime: formatDate(targetModel.updatedDateTime),
-        modelType: targetModel.modelType,
-        customAndViewJSON: targetModel.customAndViewJSON,
-        workflowTool: targetModel.workflowTool,
-      }));
-    },
-    setTargetModel(targetModel: ITargetModel) {
-      this.targetModels = [...this.targetModels, targetModel];
-    },
-  },
+export const useTargetModelStore = defineStore('TARGETMODEL', () => {
+  const models = ref<ITargetModelResponse[]>([]);
+
+  function getModels() {
+    return models;
+  }
+  function getTargetModelById(
+    modelId: string,
+  ): ITargetModelResponse | undefined {
+    return models.value?.find(el => el.id === modelId);
+  }
+
+  function setTargetModel(targetModelList: ITargetModelResponse[]) {
+    models.value = targetModelList;
+  }
+
+  return { getModels, getTargetModelById, setTargetModel };
 });
diff --git a/front/src/entities/targetModels/model/types.ts b/front/src/entities/targetModels/model/types.ts
index 3f7ec0ab..e28c1561 100644
--- a/front/src/entities/targetModels/model/types.ts
+++ b/front/src/entities/targetModels/model/types.ts
@@ -22,3 +22,39 @@ export type TargetModelTableType =
   | 'modelType'
   | 'customAndViewJSON'
   | 'workflowTool';
+
+interface Vm {
+  commonImage: string;
+  commonSpec: string;
+  description: string;
+  label: string | null;
+  name: string;
+  subGroupSize: string;
+}
+
+interface CloudInfraModel {
+  description: string;
+  installMonAgent: string;
+  label: string | null;
+  name: string;
+  systemLabel: string;
+  vm: Vm[] | null;
+}
+
+export interface ITargetModelResponse {
+  cloudInfraModel: CloudInfraModel;
+  cloudModelVersion: string;
+  createTime: string;
+  csp: string;
+  description: string;
+  id: string;
+  isCloudModel: boolean;
+  isInitUserModel: boolean;
+  isTargetModel: boolean;
+  region: string;
+  updateTime: string;
+  userId: string;
+  userModelName: string;
+  userModelVersion: string;
+  zone: string;
+}
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index e539980b..e754a90b 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -96,7 +96,10 @@ function handleConfirm() {
   emit('update:close-modal', false);
 }
 
-function handleSave() {
+function handleSave(e: { name: string; description: string }) {
+  modelName.value = e.name;
+  description.value = e.description;
+
   try {
     let selectedModel: IRecommendModelResponse =
       recommendModel_Model.tableModel.tableState.displayItems[
@@ -122,6 +125,7 @@ function handleSave() {
         },
       })
       .then(res => {
+        console.log(res);
         modalState.targetModal = false;
         modalState.checkModal = true;
       })
@@ -131,9 +135,6 @@ function handleSave() {
     showErrorMessage('error', e);
   }
 }
-function handleSelect(e) {
-  console.log(e);
-}
 </script>
 
 <template>
@@ -182,8 +183,6 @@ function handleSelect(e) {
       name-placeholder="Model name"
       @update:save-modal="handleSave"
       @update:close-modal="modalState.targetModal = false"
-      @update:name-value="e => (modelName = e)"
-      @update:description="e => (description = e)"
     />
     <p-icon-modal
       size="md"
diff --git a/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts b/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
index 282741a0..7c767526 100644
--- a/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
+++ b/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
@@ -1,14 +1,19 @@
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
-import type { ITargetModel } from '@/entities';
+import {
+  ISourceModelResponse,
+  ITargetModel,
+  ITargetModelResponse,
+} from '@/entities';
 import { useTargetModelStore, TargetModelTableType } from '@/entities';
 import { storeToRefs } from 'pinia';
 import { watch } from 'vue';
+import { formatDate } from '@/shared/utils';
 
 export function useTargetModelListModel() {
   const tableModel =
     useToolboxTableModel<Partial<Record<TargetModelTableType, any>>>();
   const targetModelStore = useTargetModelStore();
-  const { targetModels } = storeToRefs(targetModelStore);
+  const models = targetModelStore.getModels();
 
   function initToolBoxTableModel() {
     tableModel.tableState.fields = [
@@ -37,31 +42,31 @@ export function useTargetModelListModel() {
     ];
   }
 
-  function organizeTargetModelTableItem(targetModel: ITargetModel) {
+  function organizeTargetModelTableItem(targetModel: ITargetModelResponse) {
     const organizedDatum: Partial<
       Record<TargetModelTableType | 'originalData', any>
     > = {
-      name: targetModel.name,
+      name: targetModel.userModelName,
       id: targetModel.id,
       description: targetModel.description,
-      migrationType: targetModel.migrationType,
-      custom: targetModel.custom,
-      createdDateTime: targetModel.createdDateTime,
-      updatedDateTime: targetModel.updatedDateTime,
+      migrationType: targetModel['migrationType'] ?? '',
+      custom: targetModel['custom '] ?? '',
+      createdDateTime: formatDate(targetModel.createTime),
+      updatedDateTime: formatDate(targetModel.updateTime),
       originalData: targetModel,
     };
     return organizedDatum;
   }
 
-  watch(targetModels, nv => {
-    tableModel.tableState.items = nv.map(value =>
+  watch(models, nv => {
+    tableModel.tableState.items = nv.map((value: ITargetModelResponse) =>
       organizeTargetModelTableItem(value),
     );
   });
 
   return {
     tableModel,
-    targetModels,
+    models,
     initToolBoxTableModel,
     targetModelStore,
   };
diff --git a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
index 270de651..89734311 100644
--- a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
+++ b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
@@ -9,6 +9,7 @@ import { useTargetModelListModel } from '../model/targetModelListModel';
 import { insertDynamicComponent } from '@/shared/utils';
 import DynamicTableIconButton from '@/shared/ui/Button/dynamicIconButton/DynamicTableIconButton.vue';
 import { onBeforeMount, onMounted, watchEffect, reactive } from 'vue';
+import { useGetTargetModelList } from '@/entities';
 
 const { tableModel, initToolBoxTableModel, targetModelStore, targetModels } =
   useTargetModelListModel();
@@ -20,12 +21,23 @@ const modals = reactive({
   sourceModelAddModalState: { open: false },
 });
 
+const resGetTargetModelList = useGetTargetModelList();
+
+function getTableList() {
+  resGetTargetModelList.execute().then(res => {
+    if (res.data.responseData) {
+      targetModelStore.setTargetModel(res.data.responseData);
+    }
+  });
+}
+
 onBeforeMount(() => {
   initToolBoxTableModel();
 });
 
 onMounted(function () {
   addDeleteIconAtTable.bind(this)();
+  getTableList();
 });
 
 function addDeleteIconAtTable() {
@@ -48,10 +60,6 @@ function addDeleteIconAtTable() {
   return instance;
 }
 
-function handleRefreshTable() {
-  tableModel.initState();
-}
-
 function handleSelectedIndex(selectedIndex: number) {
   const selectedData = tableModel.tableState.displayItems[selectedIndex];
   if (selectedData) {
@@ -60,11 +68,6 @@ function handleSelectedIndex(selectedIndex: number) {
     emit('select-row', '');
   }
 }
-
-watchEffect(() => {
-  // TODO: api 연결 후 수정
-  tableModel.tableState.items = targetModels.value;
-});
 </script>
 
 <template>
@@ -87,8 +90,9 @@ watchEffect(() => {
           :query-tag="tableModel.querySearchState.queryTag"
           :select-index.sync="tableModel.tableState.selectIndex"
           :page-size="tableModel.tableOptions.pageSize"
+          :loading="resGetTargetModelList.isLoading.value"
           @change="tableModel.handleChange"
-          @refresh="handleRefreshTable"
+          @refresh="getTableList"
           @select="handleSelectedIndex"
         >
           <template #toolbox-left>

From ea8d9fef94f180cd78a4b6e48a9389b28b57f72c Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 7 Nov 2024 14:19:50 +0900
Subject: [PATCH 07/41] temp : temp

---
 front/src/main.ts                             |  2 +-
 .../targetModels/ui/TargetModelsPage.vue      | 11 ++-
 front/src/shared/libs/api/bulkRequest.ts      |  7 +-
 .../ui/CustomViewSourceModel.vue              | 29 +++---
 .../ui/CustomViewTargetModel.vue              | 89 ++++++++-----------
 .../targetModelList/ui/TargetModelList.vue    |  2 +-
 6 files changed, 66 insertions(+), 74 deletions(-)

diff --git a/front/src/main.ts b/front/src/main.ts
index 1aef22a4..7ad3f269 100644
--- a/front/src/main.ts
+++ b/front/src/main.ts
@@ -3,11 +3,11 @@ import MirinaeDesignSystem from '@cloudforet-test/mirinae';
 import '@cloudforet-test/mirinae/dist/style.css';
 // import '@cloudforet-test/mirinae/css/light-style.css';
 import { App } from './app';
-import './app/style/style.pcss';
 import { createPinia, PiniaVuePlugin } from 'pinia';
 import VueRouter from 'vue-router';
 import { McmpRouter } from './app/providers/router';
 import { i18n } from './app/i18n';
+import './app/style/style.pcss';
 
 const pinia = createPinia();
 Vue.use(PiniaVuePlugin);
diff --git a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
index 7af6821d..253c3f24 100644
--- a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
+++ b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
@@ -10,6 +10,7 @@ import WorkflowEditor from '@/features/workflow/workflowEditor/ui/WorkflowEditor
 const pageName = 'Target Models';
 
 const selectedTargetModelId = ref<string>('');
+const selectedTargetModelName = ref<string>('');
 const targetModelName = ref<string>('');
 const targetModelDescription = ref<string>('');
 
@@ -29,8 +30,9 @@ const modalState = reactive({
   workflowEditorModal: { open: false, trigger: false },
 });
 
-function handleClickTargetModelId(id: string) {
-  selectedTargetModelId.value = id;
+function handleClickTargetModel(data: { id: string; name: string }) {
+  selectedTargetModelId.value = data.id;
+  selectedTargetModelName.value = data.name;
 }
 </script>
 
@@ -40,7 +42,7 @@ function handleClickTargetModelId(id: string) {
       <p>{{ pageName }}</p>
     </header>
     <section :class="`${pageName}-page-body`">
-      <target-model-list @select-row="handleClickTargetModelId" />
+      <target-model-list @select-row="handleClickTargetModel" />
       <div v-if="selectedTargetModelId">
         <p-tab v-model="mainTabState.activeTab" :tabs="mainTabState.tabs">
           <template #details>
@@ -89,7 +91,8 @@ function handleClickTargetModelId(id: string) {
     <div class="relative z-70">
       <custom-view-target-model
         v-if="modalState.customViewJsonModal.open"
-        :target-model-name="targetModelName"
+        :selected-target-id="selectedTargetModelId"
+        :selected-target-name="selectedTargetModelName"
         @update:close-modal="modalState.customViewJsonModal.open = false"
       />
     </div>
diff --git a/front/src/shared/libs/api/bulkRequest.ts b/front/src/shared/libs/api/bulkRequest.ts
index 657a36ac..fef64a41 100644
--- a/front/src/shared/libs/api/bulkRequest.ts
+++ b/front/src/shared/libs/api/bulkRequest.ts
@@ -4,8 +4,8 @@ import { axiosInstance } from './instance.ts';
 import {
   AsyncStatus,
   extractErrorMessage,
-  IUseAxiosErrorDetail,
   IUseBulkAxiosWrapperReturnType,
+  IUseAxiosErrorDetail,
 } from '../index';
 
 export function axiosBulkPost<T, D extends Array<unknown> = any>(
@@ -26,7 +26,7 @@ function useAxiosWrapper<T, D extends Array<unknown> = any>(
   ) => Promise<AxiosResponse<T>[]>,
 ): IUseBulkAxiosWrapperReturnType<T, D> | IUseAxiosErrorDetail {
   const isLoading: Ref<boolean> = ref(false);
-  const data: Ref<T[] | null> = ref(null); // T[]로 정의
+  const data: Ref<T[] | null> = ref(null);
   const error: Ref<Error | null> = ref(null);
   const errorMsg: Ref<string[] | null> = ref(null);
   const status: Ref<AsyncStatus> = ref<AsyncStatus>('idle');
@@ -35,14 +35,13 @@ function useAxiosWrapper<T, D extends Array<unknown> = any>(
     payload?: D,
     config?: AxiosRequestConfig,
   ): Promise<AxiosResponse<T>[]> => {
-    // T[]로 수정
     isLoading.value = true;
     status.value = 'loading';
     let result;
     try {
       result = await apiCall(payload, config);
       reset();
-      data.value = result.map(res => res.data); // T[]로 저장
+      data.value = result.map(res => res.data);
       status.value = 'success';
       return Promise.resolve(result);
     } catch (e: any) {
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index 656695bf..3a809722 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -5,7 +5,7 @@ import { CreateForm } from '@/widgets/layout';
 import { JsonEditor } from '@/widgets/layout';
 import { i18n } from '@/app/i18n';
 import { SimpleEditForm } from '@/widgets/layout';
-import { ref, watch } from 'vue';
+import { reactive, ref, watch } from 'vue';
 import { ISourceModelResponse, useSourceModelStore } from '@/entities';
 import { PTextEditor } from '@cloudforet-test/mirinae';
 
@@ -19,7 +19,14 @@ interface iProps {
 const props = defineProps<iProps>();
 const emit = defineEmits(['update:close-modal']);
 
-const modalState = ref<boolean>(false);
+const modalState = reactive({
+  open: false,
+  context: {
+    name: '',
+    description: '',
+  },
+});
+
 const sourceModelStore = useSourceModelStore();
 const targetModel = ref<ISourceModelResponse | undefined>(undefined);
 watch(
@@ -37,16 +44,14 @@ function handleModal() {
 }
 
 function handleSave() {
-  modalState.value = true;
+  modalState.open = true;
 }
 
-function handleSaveModal() {
+function handleSaveModal(e) {
+  modalState.context.name = e.name;
+  modalState.context.description = e.description;
   emit('update:close-modal', false);
-  modalState.value = false;
-}
-
-function handleModelName(value: string) {
-  modelName.value = value;
+  modalState.open = false;
 }
 </script>
 
@@ -64,7 +69,6 @@ function handleModelName(value: string) {
         <p-text-editor
           :code="targetModel?.onpremiseInfraModel.servers"
           :read-only="true"
-          folded
         />
       </template>
       <template #buttons>
@@ -77,14 +81,13 @@ function handleModelName(value: string) {
       </template>
     </create-form>
     <simple-edit-form
-      v-if="modalState"
+      v-if="modalState.open"
       header-title="Save Target Model"
       name=""
       name-label="Model Name"
       name-placeholder="Model Name"
       @update:save-modal="handleSaveModal"
-      @update:close-modal="modalState = false"
-      @update:name-value="handleModelName"
+      @update:close-modal="modalState.open = false"
     />
   </div>
 </template>
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index 9717e244..172c6f1a 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -1,74 +1,61 @@
 <script setup lang="ts">
-import { PButton } from '@cloudforet-test/mirinae';
+import { PButton, PTextEditor } from '@cloudforet-test/mirinae';
 import { CreateForm } from '@/widgets/layout';
 import { SimpleEditForm } from '@/widgets/layout';
 import { JsonEditor } from '@/widgets/layout';
-import { ref } from 'vue';
+import { reactive, ref, watch } from 'vue';
+import { ITargetModelResponse, useTargetModelStore } from '@/entities';
 
-const formData = {
-  os_version: 'Amazon Linux release 2 (Karoo)',
-  os: 'Amazon Linux 2',
-  email: 'glee@mz.co.kr',
-};
+interface IProps {
+  selectedTargetName: string;
+  selectedTargetId: string;
+}
 
-const modelName = ref<string>('');
+const props = defineProps<IProps>();
+const emit = defineEmits(['update:close-modal']);
 
-interface iProps {
-  targetModelName: string;
-}
+const modalState = reactive({
+  open: false,
+  context: {
+    name: '',
+    description: '',
+  },
+});
 
-const props = defineProps<iProps>();
+const targetModelStore = useTargetModelStore();
+const targetModel = ref<ITargetModelResponse | undefined>(undefined);
 
-const emit = defineEmits(['update:close-modal']);
+watch(
+  () => props.selectedTargetId,
+  () => {
+    targetModel.value = targetModelStore.getTargetModelById(
+      props.selectedTargetId,
+    );
+  },
+  { immediate: true },
+);
 
-const targetModalState = ref<boolean>(false);
+function handleModal(e) {
+  modalState.context.name = e.name;
+  modalState.context.description = e.description;
 
-function handleModal() {
   emit('update:close-modal', false);
-  targetModalState.value = false;
-}
-
-function handleModelName(value: string) {
-  modelName.value = value;
+  modalState.open = false;
 }
-
-const schema = {
-  json: true,
-  properties: {
-    os_version: {
-      type: 'string',
-      title: 'OS Version',
-    },
-    os: {
-      type: 'string',
-      title: 'OS',
-    },
-    email: {
-      type: 'string',
-      title: 'Email',
-    },
-  },
-};
 </script>
 
 <template>
   <div>
     <create-form
       class="page-modal-layout"
-      :badge-title="targetModelName"
+      :badge-title="selectedTargetName"
       :need-widget-layout="true"
       title="Custom & View Target Model"
       first-title="JSON Viewer"
       @update:modal-state="handleModal"
     >
       <template #add-info>
-        <json-editor
-          :form-data="formData"
-          title="Target Model"
-          :read-only="false"
-          :json="schema.json"
-          :shema-properties="schema.properties"
-        />
+        <p-text-editor :code="targetModel?.cloudInfraModel" :read-only="true" />
       </template>
       <template #buttons>
         <p-button
@@ -77,18 +64,18 @@ const schema = {
         >
           Cancel
         </p-button>
-        <p-button @click="targetModalState = true"> Save </p-button>
+        <p-button @click="modalState.open = true"> Save</p-button>
       </template>
     </create-form>
     <simple-edit-form
-      v-if="targetModalState"
+      v-if="modalState.open"
       header-title="Save Target Model"
-      name=""
+      :name="modalState.context.name"
+      :description="modalState.context.description"
       name-label="Name"
       name-placeholder="Target Model Name"
       @update:save-modal="handleModal"
-      @update:close-modal="targetModalState = false"
-      @update:name-value="handleModelName"
+      @update:close-modal="modalState.open = false"
     />
   </div>
 </template>
diff --git a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
index 89734311..e89b12b5 100644
--- a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
+++ b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
@@ -63,7 +63,7 @@ function addDeleteIconAtTable() {
 function handleSelectedIndex(selectedIndex: number) {
   const selectedData = tableModel.tableState.displayItems[selectedIndex];
   if (selectedData) {
-    emit('select-row', selectedData.id);
+    emit('select-row', { id: selectedData.id, name: selectedData.name });
   } else {
     emit('select-row', '');
   }

From f299569ed6250d2b9c171006bd9f37a197df967b Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 7 Nov 2024 18:19:08 +0900
Subject: [PATCH 08/41] feat : update target model

---
 front/package-lock.json                       | 8260 -----------------
 front/src/entities/targetModels/api/index.ts  |   31 +
 .../recommendedModel/ui/RecommendedModel.vue  |    4 -
 .../ui/CustomViewTargetModel.vue              |   28 +-
 .../ui/TargetModelDetail.vue                  |    2 +-
 5 files changed, 56 insertions(+), 8269 deletions(-)
 delete mode 100644 front/package-lock.json

diff --git a/front/package-lock.json b/front/package-lock.json
deleted file mode 100644
index 1aaa9f19..00000000
--- a/front/package-lock.json
+++ /dev/null
@@ -1,8260 +0,0 @@
-{
-  "name": "front-environment",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "front-environment",
-      "version": "1.0.0",
-      "license": "ISC",
-      "dependencies": {
-        "@cloudforet-test/mirinae": "2.0.0-dev171",
-        "@vueuse/core": "^10.7.2",
-        "@vueuse/integrations": "^11.0.1",
-        "axios": "^1.7.2",
-        "jwt-decode": "^4.0.0",
-        "pinia": "^2.1.7",
-        "postcss-loader": "^8.1.1",
-        "postcss-simple-vars": "^7.0.1",
-        "sequential-workflow-designer": "^0.24.6",
-        "sequential-workflow-editor": "^0.14.0",
-        "sequential-workflow-editor-model": "^0.14.0",
-        "vue": "^2.7.16",
-        "vue-fragment": "^1.5.1",
-        "vue-i18n": "^8.28.2",
-        "vue-router": "^3.6.5"
-      },
-      "devDependencies": {
-        "@originjs/vite-plugin-commonjs": "^1.0.3",
-        "@types/lodash": "^4.14.192",
-        "@types/node": "^22.0.0",
-        "@typescript-eslint/eslint-plugin": "^5.41.0",
-        "@typescript-eslint/parser": "^5.41.0",
-        "@vitejs/plugin-vue2": "^2.3.1",
-        "@vue/eslint-config-prettier": "^9.0.0",
-        "@vue/eslint-config-typescript": "^13.0.0",
-        "@vueuse/core": "^11.0.1",
-        "async-validator": "^4.2.5",
-        "autoprefixer": "^10.4.19",
-        "eslint": "8.57.0",
-        "eslint-plugin-prettier": "^5.0.0",
-        "eslint-plugin-vue": "^9.27.0",
-        "lint-staged": "^13.2.0",
-        "lodash": "^4.14.192",
-        "postcss": "^8.4.39",
-        "prettier": "^3.3.3",
-        "tailwindcss": "^3.4.4",
-        "typescript": "^5.2.2",
-        "vite": "^3.2.4",
-        "vue-tsc": "^2.0.21"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
-      "dependencies": {
-        "@babel/highlight": "^7.24.7",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
-      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz",
-      "integrity": "sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==",
-      "dependencies": {
-        "@babel/types": "^7.25.6"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
-      "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.6.tgz",
-      "integrity": "sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.24.8",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@cfcs/core": {
-      "version": "0.0.24",
-      "resolved": "https://registry.npmjs.org/@cfcs/core/-/core-0.0.24.tgz",
-      "integrity": "sha512-feB38qu+eDk0Pggh/yR7gjaNmvUYA2uCxHP3Pz2MLE4LZ/9jPdtu8bzCSI47yTEhWyZCF5Pk698hdz8IN2mTjA==",
-      "dependencies": {
-        "@egjs/component": "^3.0.4"
-      }
-    },
-    "node_modules/@cfcs/core/node_modules/@egjs/component": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-3.0.5.tgz",
-      "integrity": "sha512-cLcGizTrrUNA2EYE3MBmEDt2tQv1joVP1Q3oDisZ5nw0MZDx2kcgEXM+/kZpfa/PAkFvYVhRUZwytIQWoN3V/w=="
-    },
-    "node_modules/@cloudforet-test/mirinae": {
-      "version": "2.0.0-dev171",
-      "resolved": "https://registry.npmjs.org/@cloudforet-test/mirinae/-/mirinae-2.0.0-dev171.tgz",
-      "integrity": "sha512-COJ/V267OU4R6QZpOKbP6D1b2RIf+HHtlxtxiyOlqPovMfnQcbB9xkxHHbHwvnaNCnz/vAiLkhZdfaz7k2rxSQ==",
-      "dependencies": {
-        "@egjs/vue-flicking": "^3.7.4",
-        "@faker-js/faker": "^7.3.0",
-        "@juggle/resize-observer": "^3.3.1",
-        "@popperjs/core": "^2.11.4",
-        "@vueuse/components": "^9.0.2",
-        "@vueuse/core": "^8.9.1",
-        "ajv": "^8.12.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-i18n": "^4.2.0",
-        "bytes": "^3.1.2",
-        "codemirror": "^5.65.6",
-        "color": "^3.1.2",
-        "commander": "^10.0.1",
-        "core-js": "^3.29.1",
-        "dayjs": "^1.10.7",
-        "dompurify": "^2.3.3",
-        "dragselect": "^1.15.1",
-        "ejs": "^3.1.10",
-        "filepond": "^4.30.3",
-        "filepond-plugin-file-validate-type": "^1.2.6",
-        "flatpickr": "^4.6.9",
-        "fuse.js": "^3.6.1",
-        "highlight.js": "^11.5.1",
-        "linkify-it": "^4.0.1",
-        "lodash": "^4.17.21",
-        "marked": "^4.0.12",
-        "uuid": "^8.3.2",
-        "v-click-outside": "^3.0.1",
-        "v-tooltip": "^2.0.3",
-        "velocity-animate": "^1.5.2",
-        "vue": "2.7.16",
-        "vue-filepond": "^6.0.3",
-        "vue-focus": "^2.1.0",
-        "vue-fragment": "^1.5.1",
-        "vue-gtag": "^1.16.1",
-        "vue-i18n": "^8.15.5",
-        "vue-js-toggle-button": "^1.3.3",
-        "vue-notification": "^1.3.20",
-        "vue-svgicon": "^3.2.9",
-        "vue-template-compiler": "2.7.16",
-        "vuedraggable": "^2.24.3",
-        "webfontloader": "^1.6.28"
-      }
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/@types/web-bluetooth": {
-      "version": "0.0.14",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz",
-      "integrity": "sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A=="
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core": {
-      "version": "8.9.4",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.9.4.tgz",
-      "integrity": "sha512-B/Mdj9TK1peFyWaPof+Zf/mP9XuGAngaJZBwPaXBvU3aCTZlx3ltlrFFFyMV4iGBwsjSCeUCgZrtkEj9dS2Y3Q==",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.14",
-        "@vueuse/metadata": "8.9.4",
-        "@vueuse/shared": "8.9.4",
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.1.0",
-        "vue": "^2.6.0 || ^3.2.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        },
-        "vue": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core/node_modules/@vueuse/shared": {
-      "version": "8.9.4",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.9.4.tgz",
-      "integrity": "sha512-wt+T30c4K6dGRMVqPddexEVLa28YwxW5OFIPmzUHICjphfAuBFTTdDoyqREZNDOFJZ44ARH1WWQNCUK8koJ+Ag==",
-      "dependencies": {
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.1.0",
-        "vue": "^2.6.0 || ^3.2.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        },
-        "vue": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/metadata": {
-      "version": "8.9.4",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.9.4.tgz",
-      "integrity": "sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@cloudforet-test/mirinae/node_modules/fuse.js": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-3.6.1.tgz",
-      "integrity": "sha512-hT9yh/tiinkmirKrlv4KWOjztdoZo1mx9Qh4KvWqC7isoXwdUY3PNWUxceF4/qO9R6riA2C29jdTOeQOIROjgw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@egjs/agent": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@egjs/agent/-/agent-2.4.4.tgz",
-      "integrity": "sha512-cvAPSlUILhBBOakn2krdPnOGv5hAZq92f1YHxYcfu0p7uarix2C6Ia3AVizpS1SGRZGiEkIS5E+IVTLg1I2Iog=="
-    },
-    "node_modules/@egjs/axes": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@egjs/axes/-/axes-2.8.0.tgz",
-      "integrity": "sha512-WPMIM/ExZBS8guD3oeNr6YGDn2xSnj0YUZHWvY/NWvTQIs7A2O7WxJivYgzcg7r2q0RYtzrdpHn+982iaKCLSw==",
-      "dependencies": {
-        "@egjs/agent": "^2.2.1",
-        "@egjs/component": "^2.2.2",
-        "@egjs/hammerjs": "^2.0.15"
-      }
-    },
-    "node_modules/@egjs/children-differ": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@egjs/children-differ/-/children-differ-1.0.1.tgz",
-      "integrity": "sha512-DRvyqMf+CPCOzAopQKHtW+X8iN6Hy6SFol+/7zCUiE5y4P/OB8JP8FtU4NxtZwtafvSL4faD5KoQYPj3JHzPFQ==",
-      "dependencies": {
-        "@egjs/list-differ": "^1.0.0"
-      }
-    },
-    "node_modules/@egjs/component": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-2.2.2.tgz",
-      "integrity": "sha512-2m6nu6/Mbs6VnoT4IHFGUBX6V82Zp01zDmlWpIJ3fMatHpe7BB1qUYFgMmSWGY0uOvOl4plvflwbCRUAGMfwWQ=="
-    },
-    "node_modules/@egjs/flicking": {
-      "version": "3.9.3",
-      "resolved": "https://registry.npmjs.org/@egjs/flicking/-/flicking-3.9.3.tgz",
-      "integrity": "sha512-KGOSSeGDA9+0m24F3/hC+nc77/kRPuIVM3prTRcPB5jzhWcxJHpP9nyxJvitFJ+Ge4sPbZQxzLzUErgz9rrfWQ==",
-      "dependencies": {
-        "@egjs/axes": "^2.8.0",
-        "@egjs/component": "^2.2.2",
-        "@egjs/imready": "^1.1.2",
-        "@egjs/list-differ": "^1.0.0"
-      }
-    },
-    "node_modules/@egjs/hammerjs": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
-      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
-      "dependencies": {
-        "@types/hammerjs": "^2.0.36"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@egjs/imready": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@egjs/imready/-/imready-1.4.1.tgz",
-      "integrity": "sha512-JIOBs4lB7FYdsKi5uvz2j3SObX8eShtZjtqlOH41tm185aJOQZwiKBK8+V4MxzG4X6DqVhpdN8UcuVwBbElfsg==",
-      "dependencies": {
-        "@cfcs/core": "^0.0.24",
-        "@egjs/component": "^3.0.1"
-      }
-    },
-    "node_modules/@egjs/imready/node_modules/@egjs/component": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-3.0.5.tgz",
-      "integrity": "sha512-cLcGizTrrUNA2EYE3MBmEDt2tQv1joVP1Q3oDisZ5nw0MZDx2kcgEXM+/kZpfa/PAkFvYVhRUZwytIQWoN3V/w=="
-    },
-    "node_modules/@egjs/list-differ": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@egjs/list-differ/-/list-differ-1.0.1.tgz",
-      "integrity": "sha512-OTFTDQcWS+1ZREOdCWuk5hCBgYO4OsD30lXcOCyVOAjXMhgL5rBRDnt/otb6Nz8CzU0L/igdcaQBDLWc4t9gvg=="
-    },
-    "node_modules/@egjs/vue-children-differ": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@egjs/vue-children-differ/-/vue-children-differ-1.0.1.tgz",
-      "integrity": "sha512-UPwMPoPaqGMjBGM8zoxvFyhIc8/Kqj3kkxYfPx6jRn0nnIZ/yfI4OHjPpU8FidnvvhVRUzrJfKeMX8DAsJCz7Q==",
-      "dependencies": {
-        "@egjs/children-differ": "^1.0.1"
-      }
-    },
-    "node_modules/@egjs/vue-flicking": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/@egjs/vue-flicking/-/vue-flicking-3.8.3.tgz",
-      "integrity": "sha512-d/DZgwnl0B96q+LN8sY/5QhPDUNUgf8ZMAbIcL//WuquziwmVXc0QBrGRFU/Ac7yl+Y5eszXWHybZsoKtrtbLg==",
-      "dependencies": {
-        "@egjs/flicking": "~3.9.3",
-        "@egjs/list-differ": "^1.0.0",
-        "@egjs/vue-children-differ": "^1.0.0",
-        "vue-property-decorator": "^8.1.0"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.18.tgz",
-      "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz",
-      "integrity": "sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
-      "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
-      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@faker-js/faker": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/@faker-js/faker/-/faker-7.6.0.tgz",
-      "integrity": "sha512-XK6BTq1NDMo9Xqw/YkYyGjSsg44fbNwYRx7QK2CuoQgyy+f1rrTDHoExVM5PsyXCtfl2vs2vVJ0MN0yN6LppRw==",
-      "engines": {
-        "node": ">=14.0.0",
-        "npm": ">=6.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.14",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
-      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "deprecated": "Use @eslint/config-array instead",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.2",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead",
-      "dev": true
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@juggle/resize-observer": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
-      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@originjs/vite-plugin-commonjs": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@originjs/vite-plugin-commonjs/-/vite-plugin-commonjs-1.0.3.tgz",
-      "integrity": "sha512-KuEXeGPptM2lyxdIEJ4R11+5ztipHoE7hy8ClZt3PYaOVQ/pyngd2alaSrPnwyFeOW1UagRBaQ752aA1dTMdOQ==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "^0.14.14"
-      }
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@pkgr/core": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
-      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts"
-      }
-    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@types/hammerjs": {
-      "version": "2.0.45",
-      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.45.tgz",
-      "integrity": "sha512-qkcUlZmX6c4J8q45taBKTL3p+LbITgyx7qhlPYOdOHZB7B31K0mXbP5YA7i7SgDeEGuI9MnumiKPEMrxg8j3KQ=="
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true
-    },
-    "node_modules/@types/lodash": {
-      "version": "4.17.7",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "22.5.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.4.tgz",
-      "integrity": "sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~6.19.2"
-      }
-    },
-    "node_modules/@types/q": {
-      "version": "1.5.8",
-      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.8.tgz",
-      "integrity": "sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true
-    },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
-    "node_modules/@vitejs/plugin-vue2": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue2/-/plugin-vue2-2.3.1.tgz",
-      "integrity": "sha512-/ksaaz2SRLN11JQhLdEUhDzOn909WEk99q9t9w+N12GjQCljzv7GyvAbD/p20aBUjHkvpGOoQ+FCOkG+mjDF4A==",
-      "dev": true,
-      "engines": {
-        "node": "^14.18.0 || >= 16.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0",
-        "vue": "^2.7.0-0"
-      }
-    },
-    "node_modules/@volar/language-core": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.4.tgz",
-      "integrity": "sha512-kO9k4kTLfxpg+6lq7/KAIv3m2d62IHuCL6GbVgYZTpfKvIGoAIlDxK7pFcB/eczN2+ydg/vnyaeZ6SGyZrJw2w==",
-      "dev": true,
-      "dependencies": {
-        "@volar/source-map": "2.4.4"
-      }
-    },
-    "node_modules/@volar/source-map": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.4.tgz",
-      "integrity": "sha512-xG3PZqOP2haG8XG4Pg3PD1UGDAdqZg24Ru8c/qYjYAnmcj6GBR64mstx+bZux5QOyRaJK+/lNM/RnpvBD3489g==",
-      "dev": true
-    },
-    "node_modules/@volar/typescript": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.4.tgz",
-      "integrity": "sha512-QQMQRVj0fVHJ3XdRKiS1LclhG0VBXdFYlyuHRQF/xLk2PuJuHNWP26MDZNvEVCvnyUQuUQhIAfylwY5TGPgc6w==",
-      "dev": true,
-      "dependencies": {
-        "@volar/language-core": "2.4.4",
-        "path-browserify": "^1.0.1",
-        "vscode-uri": "^3.0.8"
-      }
-    },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.4.tgz",
-      "integrity": "sha512-oNwn+BAt3n9dK9uAYvI+XGlutwuTq/wfj4xCBaZCqwwVIGtD7D6ViihEbyYZrDHIHTDE3Q6oL3/hqmAyFEy9DQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.4",
-        "entities": "^4.5.0",
-        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/compiler-core/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.4.tgz",
-      "integrity": "sha512-yP9RRs4BDLOLfldn6ah+AGCNovGjMbL9uHvhDHf5wan4dAHLnFGOkqtfE7PPe4HTXIqE7l/NILdYw53bo1C8jw==",
-      "dev": true,
-      "dependencies": {
-        "@vue/compiler-core": "3.5.4",
-        "@vue/shared": "3.5.4"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
-      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
-      "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "postcss": "^8.4.14",
-        "source-map": "^0.6.1"
-      },
-      "optionalDependencies": {
-        "prettier": "^1.18.2 || ^2.0.0"
-      }
-    },
-    "node_modules/@vue/compiler-sfc/node_modules/prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
-      "optional": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/@vue/compiler-vue2": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
-      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
-      "dev": true,
-      "dependencies": {
-        "de-indent": "^1.0.2",
-        "he": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/devtools-api": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
-    },
-    "node_modules/@vue/eslint-config-prettier": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
-      "integrity": "sha512-z1ZIAAUS9pKzo/ANEfd2sO+v2IUalz7cM/cTLOZ7vRFOPk5/xuRKQteOu1DErFLAh/lYGXMVZ0IfYKlyInuDVg==",
-      "dev": true,
-      "dependencies": {
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-prettier": "^5.0.0"
-      },
-      "peerDependencies": {
-        "eslint": ">= 8.0.0",
-        "prettier": ">= 3.0.0"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz",
-      "integrity": "sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/eslint-plugin": "^7.1.1",
-        "@typescript-eslint/parser": "^7.1.1",
-        "vue-eslint-parser": "^9.3.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0",
-        "eslint-plugin-vue": "^9.0.0",
-        "typescript": ">=4.7.4"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
-      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/type-utils": "7.18.0",
-        "@typescript-eslint/utils": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.3.1",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^7.0.0",
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/parser": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
-      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/typescript-estree": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/scope-manager": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
-      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/type-utils": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
-      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "7.18.0",
-        "@typescript-eslint/utils": "7.18.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/types": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
-      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
-      "dev": true,
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
-      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/utils": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
-      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/typescript-estree": "7.18.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
-      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@vue/eslint-config-typescript/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@vue/language-core": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.6.tgz",
-      "integrity": "sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==",
-      "dev": true,
-      "dependencies": {
-        "@volar/language-core": "~2.4.1",
-        "@vue/compiler-dom": "^3.4.0",
-        "@vue/compiler-vue2": "^2.7.16",
-        "@vue/shared": "^3.4.0",
-        "computeds": "^0.0.1",
-        "minimatch": "^9.0.3",
-        "muggle-string": "^0.4.1",
-        "path-browserify": "^1.0.1"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/language-core/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@vue/language-core/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.4.tgz",
-      "integrity": "sha512-L2MCDD8l7yC62Te5UUyPVpmexhL9ipVnYRw9CsWfm/BGRL5FwDX4a25bcJ/OJSD3+Hx+k/a8LDKcG2AFdJV3BA==",
-      "dev": true
-    },
-    "node_modules/@vueuse/components": {
-      "version": "9.13.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-9.13.0.tgz",
-      "integrity": "sha512-UJ8PjQ4SGb2rsVIy9vhEc6aCu+3+2cc+xEfGNX8/M1NKIuL2Vo6c2Kc2fYFaRzWZkP8HWXu+IcwvnAzL44IEFA==",
-      "dependencies": {
-        "@vueuse/core": "9.13.0",
-        "@vueuse/shared": "9.13.0",
-        "vue-demi": "*"
-      }
-    },
-    "node_modules/@vueuse/components/node_modules/@types/web-bluetooth": {
-      "version": "0.0.16",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
-      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
-    },
-    "node_modules/@vueuse/components/node_modules/@vueuse/core": {
-      "version": "9.13.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
-      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.16",
-        "@vueuse/metadata": "9.13.0",
-        "@vueuse/shared": "9.13.0",
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/components/node_modules/@vueuse/metadata": {
-      "version": "9.13.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
-      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/components/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/core": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-11.0.3.tgz",
-      "integrity": "sha512-RENlh64+SYA9XMExmmH1a3TPqeIuJBNNB/63GT35MZI+zpru3oMRUA6cEFr9HmGqEgUisurwGwnIieF6qu3aXw==",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "11.0.3",
-        "@vueuse/shared": "11.0.3",
-        "vue-demi": ">=0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.0.3.tgz",
-      "integrity": "sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==",
-      "dependencies": {
-        "vue-demi": ">=0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/integrations": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-11.0.3.tgz",
-      "integrity": "sha512-w6CDisaxs19S5Fd+NPPLFaA3GoX5gxuxrbTTBu0EYap7oH13w75L6C/+7e9mcoF9akhcR6GyYajwVMQEjdapJg==",
-      "dependencies": {
-        "@vueuse/core": "11.0.3",
-        "@vueuse/shared": "11.0.3",
-        "vue-demi": ">=0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "async-validator": "^4",
-        "axios": "^1",
-        "change-case": "^5",
-        "drauu": "^0.4",
-        "focus-trap": "^7",
-        "fuse.js": "^7",
-        "idb-keyval": "^6",
-        "jwt-decode": "^4",
-        "nprogress": "^0.2",
-        "qrcode": "^1.5",
-        "sortablejs": "^1",
-        "universal-cookie": "^7"
-      },
-      "peerDependenciesMeta": {
-        "async-validator": {
-          "optional": true
-        },
-        "axios": {
-          "optional": true
-        },
-        "change-case": {
-          "optional": true
-        },
-        "drauu": {
-          "optional": true
-        },
-        "focus-trap": {
-          "optional": true
-        },
-        "fuse.js": {
-          "optional": true
-        },
-        "idb-keyval": {
-          "optional": true
-        },
-        "jwt-decode": {
-          "optional": true
-        },
-        "nprogress": {
-          "optional": true
-        },
-        "qrcode": {
-          "optional": true
-        },
-        "sortablejs": {
-          "optional": true
-        },
-        "universal-cookie": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/integrations/node_modules/@vueuse/shared": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.0.3.tgz",
-      "integrity": "sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==",
-      "dependencies": {
-        "vue-demi": ">=0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/integrations/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/metadata": {
-      "version": "11.0.3",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-11.0.3.tgz",
-      "integrity": "sha512-+FtbO4SD5WpsOcQTcC0hAhNlOid6QNLzqedtquTtQ+CRNBoAt9GuV07c6KNHK1wCmlq8DFPwgiLF2rXwgSHX5Q==",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/shared": {
-      "version": "9.13.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
-      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
-      "dependencies": {
-        "vue-demi": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-i18n": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/ajv-i18n/-/ajv-i18n-4.2.0.tgz",
-      "integrity": "sha512-v/ei2UkCEeuKNXh8RToiFsUclmU+G57LO1Oo22OagNMENIw+Yb8eMwvHu7Vn9fmkjJyv6XclhJ8TbuigSglPkg==",
-      "peerDependencies": {
-        "ajv": "^8.0.0-beta.0"
-      }
-    },
-    "node_modules/ansi-escapes": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-5.0.0.tgz",
-      "integrity": "sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-escapes/node_modules/type-fest": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
-      "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/ansi-styles/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/ansi-styles/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.reduce": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz",
-      "integrity": "sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-array-method-boxes-properly": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.2.1",
-        "get-intrinsic": "^1.2.3",
-        "is-array-buffer": "^3.0.4",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/async": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
-      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="
-    },
-    "node_modules/async-validator": {
-      "version": "4.2.5",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
-      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
-      "devOptional": true
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axios": {
-      "version": "1.7.7",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
-      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.23.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
-      "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001646",
-        "electron-to-chromium": "^1.5.4",
-        "node-releases": "^2.0.18",
-        "update-browserslist-db": "^1.1.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001660",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001660.tgz",
-      "integrity": "sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/cli-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
-      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-truncate": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
-      "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
-      "dev": true,
-      "dependencies": {
-        "slice-ansi": "^5.0.0",
-        "string-width": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
-      "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
-      "dependencies": {
-        "string-width": "^2.1.1",
-        "strip-ansi": "^4.0.0",
-        "wrap-ansi": "^2.0.0"
-      }
-    },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
-      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cliui/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-      "dependencies": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-      "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
-      "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==",
-      "dependencies": {
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi/node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
-      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
-      "dependencies": {
-        "number-is-nan": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
-      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
-      "dependencies": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/coa": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
-      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
-      "dependencies": {
-        "@types/q": "^1.5.1",
-        "chalk": "^2.4.1",
-        "q": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 4.0"
-      }
-    },
-    "node_modules/coa/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/coa/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/code-point-at": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-      "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/codemirror": {
-      "version": "5.65.17",
-      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.17.tgz",
-      "integrity": "sha512-1zOsUx3lzAOu/gnMAZkQ9kpIHcPYOc9y1Fbm2UVk5UBPkdq380nhkelG0qUwm1f7wPvTbndu9ZYlug35EwAZRQ=="
-    },
-    "node_modules/color": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
-      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
-      "dependencies": {
-        "color-convert": "^1.9.3",
-        "color-string": "^1.6.0"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/colorette": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
-      "dev": true
-    },
-    "node_modules/colors": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/computeds": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
-      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
-      "dev": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-    },
-    "node_modules/core-js": {
-      "version": "3.38.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz",
-      "integrity": "sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
-      "dependencies": {
-        "env-paths": "^2.2.1",
-        "import-fresh": "^3.3.0",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/d-fischer"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.9.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/css-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
-      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^3.2.1",
-        "domutils": "^1.7.0",
-        "nth-check": "^1.0.2"
-      }
-    },
-    "node_modules/css-select-base-adapter": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
-      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
-    },
-    "node_modules/css-select/node_modules/nth-check": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
-      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
-      "dependencies": {
-        "boolbase": "~1.0.0"
-      }
-    },
-    "node_modules/css-tree": {
-      "version": "1.0.0-alpha.37",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
-      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
-      "dependencies": {
-        "mdn-data": "2.0.4",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
-      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csso": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
-      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
-      "dependencies": {
-        "css-tree": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
-      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
-      "dependencies": {
-        "mdn-data": "2.0.14",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/mdn-data": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
-    },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
-      "dependencies": {
-        "call-bind": "^1.0.6",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
-      "dependencies": {
-        "call-bind": "^1.0.6",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dayjs": {
-      "version": "1.11.13",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
-      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
-    },
-    "node_modules/de-indent": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
-      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
-    },
-    "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/dom-serializer": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
-      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "entities": "^2.0.0"
-      }
-    },
-    "node_modules/dom-serializer/node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
-    },
-    "node_modules/dompurify": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.6.tgz",
-      "integrity": "sha512-zUTaUBO8pY4+iJMPE1B9XlO2tXVYIcEA4SNGtvDELzTSCQO7RzH+j7S180BmhmJId78lqGU2z19vgVx2Sxs/PQ=="
-    },
-    "node_modules/domutils": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-      "dependencies": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/dragselect": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/dragselect/-/dragselect-1.15.1.tgz",
-      "integrity": "sha512-2U57z6flnl5tJKHOMqMTgasIVDMWlo0357LYsRPzaSHfcG6ZygLPijJC4JAYCJ85ycjEV9m1N2HlxAduz8yl2g=="
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
-    },
-    "node_modules/ejs": {
-      "version": "3.1.10",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
-      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
-      "dependencies": {
-        "jake": "^10.8.5"
-      },
-      "bin": {
-        "ejs": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.19",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.19.tgz",
-      "integrity": "sha512-kpLJJi3zxTR1U828P+LIUDZ5ohixyo68/IcYOHLqnbTPr/wdgn4i1ECvmALN9E16JPA6cvCG5UG79gVwVdEK5w==",
-      "dev": true
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
-    "node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/env-paths": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
-      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.23.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
-      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.3",
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.4",
-        "get-symbol-description": "^1.0.2",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.2",
-        "internal-slot": "^1.0.7",
-        "is-array-buffer": "^3.0.4",
-        "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.1",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-array-method-boxes-properly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
-      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.54.tgz",
-      "integrity": "sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/linux-loong64": "0.14.54",
-        "esbuild-android-64": "0.14.54",
-        "esbuild-android-arm64": "0.14.54",
-        "esbuild-darwin-64": "0.14.54",
-        "esbuild-darwin-arm64": "0.14.54",
-        "esbuild-freebsd-64": "0.14.54",
-        "esbuild-freebsd-arm64": "0.14.54",
-        "esbuild-linux-32": "0.14.54",
-        "esbuild-linux-64": "0.14.54",
-        "esbuild-linux-arm": "0.14.54",
-        "esbuild-linux-arm64": "0.14.54",
-        "esbuild-linux-mips64le": "0.14.54",
-        "esbuild-linux-ppc64le": "0.14.54",
-        "esbuild-linux-riscv64": "0.14.54",
-        "esbuild-linux-s390x": "0.14.54",
-        "esbuild-netbsd-64": "0.14.54",
-        "esbuild-openbsd-64": "0.14.54",
-        "esbuild-sunos-64": "0.14.54",
-        "esbuild-windows-32": "0.14.54",
-        "esbuild-windows-64": "0.14.54",
-        "esbuild-windows-arm64": "0.14.54"
-      }
-    },
-    "node_modules/esbuild-android-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz",
-      "integrity": "sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-android-arm64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz",
-      "integrity": "sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-darwin-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz",
-      "integrity": "sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-darwin-arm64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz",
-      "integrity": "sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-freebsd-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz",
-      "integrity": "sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-freebsd-arm64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz",
-      "integrity": "sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-32": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz",
-      "integrity": "sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz",
-      "integrity": "sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-arm": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz",
-      "integrity": "sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-arm64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz",
-      "integrity": "sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-mips64le": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz",
-      "integrity": "sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-ppc64le": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz",
-      "integrity": "sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-riscv64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz",
-      "integrity": "sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-s390x": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz",
-      "integrity": "sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-netbsd-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz",
-      "integrity": "sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-openbsd-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz",
-      "integrity": "sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-sunos-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz",
-      "integrity": "sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-32": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz",
-      "integrity": "sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz",
-      "integrity": "sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-arm64": {
-      "version": "0.14.54",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz",
-      "integrity": "sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.57.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
-      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.57.0",
-        "@humanwhocodes/config-array": "^0.11.14",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-prettier": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
-      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
-      "dev": true,
-      "bin": {
-        "eslint-config-prettier": "bin/cli.js"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-prettier": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
-      "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
-      "dev": true,
-      "dependencies": {
-        "prettier-linter-helpers": "^1.0.0",
-        "synckit": "^0.9.1"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint-plugin-prettier"
-      },
-      "peerDependencies": {
-        "@types/eslint": ">=8.0.0",
-        "eslint": ">=8.0.0",
-        "eslint-config-prettier": "*",
-        "prettier": ">=3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/eslint": {
-          "optional": true
-        },
-        "eslint-config-prettier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-vue": {
-      "version": "9.28.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.28.0.tgz",
-      "integrity": "sha512-ShrihdjIhOTxs+MfWun6oJWuk+g/LAhN+CiuOl/jjkG3l0F2AuK5NMTaWqyvBgkFtpYmyks6P4603mLmhNJW8g==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "globals": "^13.24.0",
-        "natural-compare": "^1.4.0",
-        "nth-check": "^2.1.1",
-        "postcss-selector-parser": "^6.0.15",
-        "semver": "^7.6.3",
-        "vue-eslint-parser": "^9.4.3",
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": "^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "dev": true
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-      "dev": true
-    },
-    "node_modules/execa": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
-      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.1",
-        "human-signals": "^4.3.0",
-        "is-stream": "^3.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^5.1.0",
-        "onetime": "^6.0.0",
-        "signal-exit": "^3.0.7",
-        "strip-final-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-    },
-    "node_modules/fast-diff": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fast-uri": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.1.tgz",
-      "integrity": "sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw=="
-    },
-    "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/filelist": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-      "dependencies": {
-        "minimatch": "^5.0.1"
-      }
-    },
-    "node_modules/filelist/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/filelist/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/filepond": {
-      "version": "4.31.3",
-      "resolved": "https://registry.npmjs.org/filepond/-/filepond-4.31.3.tgz",
-      "integrity": "sha512-XMbPmfkYzUsdQrJJfa3fXigOgTwksUKVPzlGaA4Kwxg833+Vsr09YkKWBq5SbWJHlMAu6CmEOQo+EzjMUtJruw=="
-    },
-    "node_modules/filepond-plugin-file-validate-type": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/filepond-plugin-file-validate-type/-/filepond-plugin-file-validate-type-1.2.9.tgz",
-      "integrity": "sha512-Tzv07aNdZvjUXDRA3XL16QMEvh6llDrXlcZ6W0eTHQ+taHaVg/JKJTFs/AViO+6ZcpPCcQStbhYEL2HoS+vldw==",
-      "peerDependencies": {
-        "filepond": ">=1.x <5.x"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatpickr": {
-      "version": "4.6.13",
-      "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
-      "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
-    },
-    "node_modules/flatted": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
-      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fs-plus": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/fs-plus/-/fs-plus-3.1.1.tgz",
-      "integrity": "sha512-Se2PJdOWXqos1qVTkvqqjb0CSnfBnwwD+pq+z4ksT+e97mEShod/hrNg0TRCCsXPbJzcIq+NuzQhigunMWMJUA==",
-      "dependencies": {
-        "async": "^1.5.2",
-        "mkdirp": "^0.5.1",
-        "rimraf": "^2.5.2",
-        "underscore-plus": "1.x"
-      }
-    },
-    "node_modules/fs-plus/node_modules/async": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
-      "integrity": "sha512-nSVgobk4rv61R9PUSDtYt7mPVB2olxNR5RWJcAsH676/ef11bUZwvu7+RGYrYauVdDPcO519v68wRhXQtxsV9w=="
-    },
-    "node_modules/fs-plus/node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
-      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/highlight.js": {
-      "version": "11.10.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.10.0.tgz",
-      "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
-      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.18.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/invert-kv": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
-      "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-data-view": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
-      "dependencies": {
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
-      "dependencies": {
-        "call-bind": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
-      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
-      "dependencies": {
-        "which-typed-array": "^1.1.14"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
-    },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jake": {
-      "version": "10.9.2",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
-      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
-      "dependencies": {
-        "async": "^3.2.3",
-        "chalk": "^4.0.2",
-        "filelist": "^1.0.4",
-        "minimatch": "^3.1.2"
-      },
-      "bin": {
-        "jake": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/jwt-decode": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
-      "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/lcid": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
-      "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
-      "dependencies": {
-        "invert-kv": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-    },
-    "node_modules/linkify-it": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
-      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
-      "dependencies": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "node_modules/lint-staged": {
-      "version": "13.3.0",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.3.0.tgz",
-      "integrity": "sha512-mPRtrYnipYYv1FEE134ufbWpeggNTo+O/UPzngoaKzbzHAthvR55am+8GfHTnqNRQVRRrYQLGW9ZyUoD7DsBHQ==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "5.3.0",
-        "commander": "11.0.0",
-        "debug": "4.3.4",
-        "execa": "7.2.0",
-        "lilconfig": "2.1.0",
-        "listr2": "6.6.1",
-        "micromatch": "4.0.5",
-        "pidtree": "0.6.0",
-        "string-argv": "0.3.2",
-        "yaml": "2.3.1"
-      },
-      "bin": {
-        "lint-staged": "bin/lint-staged.js"
-      },
-      "engines": {
-        "node": "^16.14.0 || >=18.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/lint-staged"
-      }
-    },
-    "node_modules/lint-staged/node_modules/chalk": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
-      "dev": true,
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/commander": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
-      "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/lint-staged/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/lint-staged/node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/lint-staged/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "node_modules/listr2": {
-      "version": "6.6.1",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-6.6.1.tgz",
-      "integrity": "sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==",
-      "dev": true,
-      "dependencies": {
-        "cli-truncate": "^3.1.0",
-        "colorette": "^2.0.20",
-        "eventemitter3": "^5.0.1",
-        "log-update": "^5.0.1",
-        "rfdc": "^1.3.0",
-        "wrap-ansi": "^8.1.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "peerDependencies": {
-        "enquirer": ">= 2.3.0 < 3"
-      },
-      "peerDependenciesMeta": {
-        "enquirer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/log-update": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/log-update/-/log-update-5.0.1.tgz",
-      "integrity": "sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^5.0.0",
-        "cli-cursor": "^4.0.0",
-        "slice-ansi": "^5.0.0",
-        "strip-ansi": "^7.0.1",
-        "wrap-ansi": "^8.0.1"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true
-    },
-    "node_modules/map-age-cleaner": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
-      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
-      "dependencies": {
-        "p-defer": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/marked": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
-      "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
-      "bin": {
-        "marked": "bin/marked.js"
-      },
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/mdn-data": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
-      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA=="
-    },
-    "node_modules/mem": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
-      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
-      "dependencies": {
-        "map-age-cleaner": "^0.1.1",
-        "mimic-fn": "^2.0.0",
-        "p-is-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/mem/node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
-      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true
-    },
-    "node_modules/muggle-string": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
-      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
-      "dev": true
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true
-    },
-    "node_modules/nice-try": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
-      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
-      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
-      "dev": true
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm-run-path": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
-      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/npm-run-path/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/number-is-nan": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-      "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "dependencies": {
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.getownpropertydescriptors": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz",
-      "integrity": "sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==",
-      "dependencies": {
-        "array.prototype.reduce": "^1.0.6",
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "gopd": "^1.0.1",
-        "safe-array-concat": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/onetime": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
-      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/os-locale": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
-      "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
-      "dependencies": {
-        "execa": "^1.0.0",
-        "lcid": "^2.0.0",
-        "mem": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-      "dependencies": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      },
-      "engines": {
-        "node": ">=4.8"
-      }
-    },
-    "node_modules/os-locale/node_modules/execa": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
-      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
-      "dependencies": {
-        "cross-spawn": "^6.0.0",
-        "get-stream": "^4.0.0",
-        "is-stream": "^1.1.0",
-        "npm-run-path": "^2.0.0",
-        "p-finally": "^1.0.0",
-        "signal-exit": "^3.0.0",
-        "strip-eof": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/get-stream": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
-      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/is-stream": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/npm-run-path": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
-      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
-      "dependencies": {
-        "path-key": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/os-locale/node_modules/path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/os-locale/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/os-locale/node_modules/shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
-      "dependencies": {
-        "shebang-regex": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/p-defer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
-      "integrity": "sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/p-finally": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
-      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/p-is-promise": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
-      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
-      "dev": true
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/path-browserify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-      "dev": true
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pidtree": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
-      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
-      "dev": true,
-      "bin": {
-        "pidtree": "bin/pidtree.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pinia": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
-      "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
-      "dependencies": {
-        "@vue/devtools-api": "^6.6.3",
-        "vue-demi": "^0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.4.0",
-        "typescript": ">=4.4.4",
-        "vue": "^2.6.14 || ^3.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        },
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/popper.js": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
-      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
-      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
-      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.45",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
-      "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.0.1",
-        "source-map-js": "^1.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/yaml": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
-      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
-      "dev": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/postcss-loader": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
-      "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
-      "dependencies": {
-        "cosmiconfig": "^9.0.0",
-        "jiti": "^1.20.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">= 18.12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
-        "postcss": "^7.0.0 || ^8.0.1",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@rspack/core": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-simple-vars": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-simple-vars/-/postcss-simple-vars-7.0.1.tgz",
-      "integrity": "sha512-5GLLXaS8qmzHMOjVxqkk1TZPf1jMqesiI7qLhnlyERalG0sMbHIbJqrcnrpmZdKCLglHnRHoEBB61RtGTsj++A==",
-      "engines": {
-        "node": ">=14.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.1"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/prettier-linter-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
-      "dev": true,
-      "dependencies": {
-        "fast-diff": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
-    "node_modules/pump": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.1.tgz",
-      "integrity": "sha512-2ynnAmUu45oUSq51AQbeugLkMSKaz8FqVpZ6ykTqzOVkzXe8u/ezkGsYrFJqKZx+D9cVxoDrSbR7CeAwxFa5cQ==",
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/q": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
-      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
-      "deprecated": "You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.\n\n(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)",
-      "engines": {
-        "node": ">=0.6.0",
-        "teleport": ">=0.2.0"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
-      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
-      "dependencies": {
-        "call-bind": "^1.0.6",
-        "define-properties": "^1.2.1",
-        "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/require-main-filename": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
-      "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug=="
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/restore-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
-      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/restore-cursor/node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/restore-cursor/node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rfdc": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
-      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-      "dev": true
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "2.79.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
-      "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
-      "dev": true,
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
-      "dependencies": {
-        "call-bind": "^1.0.6",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.1.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/sax": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
-      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
-    },
-    "node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/sequential-workflow-designer": {
-      "version": "0.24.6",
-      "resolved": "https://registry.npmjs.org/sequential-workflow-designer/-/sequential-workflow-designer-0.24.6.tgz",
-      "integrity": "sha512-zjv60NrWKYZY8ZiL+PAG3DZK3lJX/cjBkgQ/IYElsk2rwHl6+srOFWSRKx2cEfHHNueTovNQLFVsFIWRvAtVNg==",
-      "dependencies": {
-        "sequential-workflow-model": "^0.2.0"
-      },
-      "peerDependencies": {
-        "sequential-workflow-model": "^0.2.0"
-      }
-    },
-    "node_modules/sequential-workflow-editor": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/sequential-workflow-editor/-/sequential-workflow-editor-0.14.0.tgz",
-      "integrity": "sha512-hGP8LfqOEQSez7dxE4cuFF2W7eaaIk06BeFDlj1y5MsOxaTzXbmF0MAaztG9/mEoAy3ayxX6bYPu0uPfQFHiuQ==",
-      "dependencies": {
-        "sequential-workflow-editor-model": "^0.14.0",
-        "sequential-workflow-model": "^0.2.0"
-      },
-      "peerDependencies": {
-        "sequential-workflow-editor-model": "^0.14.0",
-        "sequential-workflow-model": "^0.2.0"
-      }
-    },
-    "node_modules/sequential-workflow-editor-model": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/sequential-workflow-editor-model/-/sequential-workflow-editor-model-0.14.0.tgz",
-      "integrity": "sha512-+s5HlEoWPDI+rHhMN4bVhkWAOefHxy1rqyg6/L+BLIv3jw2A5gYcPdwaCUGbCMoupKoTz+HdaKcaJBObY/RYNg==",
-      "dependencies": {
-        "sequential-workflow-model": "^0.2.0"
-      },
-      "peerDependencies": {
-        "sequential-workflow-model": "^0.2.0"
-      }
-    },
-    "node_modules/sequential-workflow-model": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/sequential-workflow-model/-/sequential-workflow-model-0.2.0.tgz",
-      "integrity": "sha512-oK+He1N/0Ogg4Z/7KbAzhBRTJEqpPewQAIV7G9WvxhLcpTHvrR9rTMykDwWDVdroNFiLQYa00nYvjqrCIzYfqg=="
-    },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
-      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
-    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/simple-swizzle/node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.0.0",
-        "is-fullwidth-code-point": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/sortablejs": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
-      "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
-    },
-    "node_modules/stable": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
-      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
-      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility"
-    },
-    "node_modules/string-argv": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
-      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6.19"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/string-width/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.0",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
-      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-eof": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
-      "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/strip-final-newline": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
-      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/sucrase/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svgo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
-      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
-      "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
-      "dependencies": {
-        "chalk": "^2.4.1",
-        "coa": "^2.0.2",
-        "css-select": "^2.0.0",
-        "css-select-base-adapter": "^0.1.1",
-        "css-tree": "1.0.0-alpha.37",
-        "csso": "^4.0.2",
-        "js-yaml": "^3.13.1",
-        "mkdirp": "~0.5.1",
-        "object.values": "^1.1.0",
-        "sax": "~1.2.4",
-        "stable": "^0.1.8",
-        "unquote": "~1.1.1",
-        "util.promisify": "~1.0.0"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/svgo/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/svgo/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/svgo/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/svgo/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/svgo/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/svgo/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/svgo/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/synckit": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
-      "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
-      "dev": true,
-      "dependencies": {
-        "@pkgr/core": "^0.1.0",
-        "tslib": "^2.6.2"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.4.10",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.10.tgz",
-      "integrity": "sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==",
-      "dev": true,
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.0",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
-      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
-    },
-    "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
-      "dev": true
-    },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
-      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
-      "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
-      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
-      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
-      "devOptional": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/uc.micro": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
-      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/underscore": {
-      "version": "1.13.7",
-      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.7.tgz",
-      "integrity": "sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g=="
-    },
-    "node_modules/underscore-plus": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/underscore-plus/-/underscore-plus-1.7.0.tgz",
-      "integrity": "sha512-A3BEzkeicFLnr+U/Q3EyWwJAQPbA19mtZZ4h+lLq3ttm9kn8WC4R3YpuJZEXmWdLjYP47Zc8aLZm9kwdv+zzvA==",
-      "dependencies": {
-        "underscore": "^1.9.1"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "6.19.8",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
-      "dev": true
-    },
-    "node_modules/unquote": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
-      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg=="
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
-      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.2",
-        "picocolors": "^1.0.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    },
-    "node_modules/util.promisify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
-      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
-      "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.2",
-        "has-symbols": "^1.0.1",
-        "object.getownpropertydescriptors": "^2.1.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/v-click-outside": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/v-click-outside/-/v-click-outside-3.2.0.tgz",
-      "integrity": "sha512-QD0bDy38SHJXQBjgnllmkI/rbdiwmq9RC+/+pvrFjYJKTn8dtp7Penf9q1lLBta280fYG2q53mgLhQ+3l3z74w==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/v-tooltip": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.1.3.tgz",
-      "integrity": "sha512-xXngyxLQTOx/yUEy50thb8te7Qo4XU6h4LZB6cvEfVd9mnysUxLEoYwGWDdqR+l69liKsy3IPkdYff3J1gAJ5w==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "lodash": "^4.17.21",
-        "popper.js": "^1.16.1",
-        "vue-resize": "^1.0.1"
-      }
-    },
-    "node_modules/velocity-animate": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/velocity-animate/-/velocity-animate-1.5.2.tgz",
-      "integrity": "sha512-m6EXlCAMetKztO1ppBhGU1/1MR3IiEevO6ESq6rcrSQ3Q77xYSW13jkfXW88o4xMrkXJhy/U7j4wFR/twMB0Eg=="
-    },
-    "node_modules/vite": {
-      "version": "3.2.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.2.10.tgz",
-      "integrity": "sha512-Dx3olBo/ODNiMVk/cA5Yft9Ws+snLOXrhLtrI3F4XLt4syz2Yg8fayZMWScPKoz12v5BUv7VEmQHnsfpY80fYw==",
-      "dev": true,
-      "dependencies": {
-        "esbuild": "^0.15.9",
-        "postcss": "^8.4.18",
-        "resolve": "^1.22.1",
-        "rollup": "^2.79.1"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      },
-      "peerDependencies": {
-        "@types/node": ">= 14",
-        "less": "*",
-        "sass": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.4.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz",
-      "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.18.tgz",
-      "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.15.18",
-        "@esbuild/linux-loong64": "0.15.18",
-        "esbuild-android-64": "0.15.18",
-        "esbuild-android-arm64": "0.15.18",
-        "esbuild-darwin-64": "0.15.18",
-        "esbuild-darwin-arm64": "0.15.18",
-        "esbuild-freebsd-64": "0.15.18",
-        "esbuild-freebsd-arm64": "0.15.18",
-        "esbuild-linux-32": "0.15.18",
-        "esbuild-linux-64": "0.15.18",
-        "esbuild-linux-arm": "0.15.18",
-        "esbuild-linux-arm64": "0.15.18",
-        "esbuild-linux-mips64le": "0.15.18",
-        "esbuild-linux-ppc64le": "0.15.18",
-        "esbuild-linux-riscv64": "0.15.18",
-        "esbuild-linux-s390x": "0.15.18",
-        "esbuild-netbsd-64": "0.15.18",
-        "esbuild-openbsd-64": "0.15.18",
-        "esbuild-sunos-64": "0.15.18",
-        "esbuild-windows-32": "0.15.18",
-        "esbuild-windows-64": "0.15.18",
-        "esbuild-windows-arm64": "0.15.18"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-android-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz",
-      "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-android-arm64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz",
-      "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-darwin-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz",
-      "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-darwin-arm64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz",
-      "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-freebsd-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz",
-      "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-freebsd-arm64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz",
-      "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-32": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz",
-      "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz",
-      "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-arm": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz",
-      "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-arm64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz",
-      "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-mips64le": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz",
-      "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-ppc64le": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz",
-      "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-riscv64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz",
-      "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-linux-s390x": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz",
-      "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-netbsd-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz",
-      "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-openbsd-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz",
-      "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-sunos-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz",
-      "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-32": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz",
-      "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz",
-      "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild-windows-arm64": {
-      "version": "0.15.18",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz",
-      "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vscode-uri": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
-      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
-      "dev": true
-    },
-    "node_modules/vue": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
-      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
-      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
-      "dependencies": {
-        "@vue/compiler-sfc": "2.7.16",
-        "csstype": "^3.1.0"
-      }
-    },
-    "node_modules/vue-class-component": {
-      "version": "7.2.6",
-      "resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-7.2.6.tgz",
-      "integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
-      "peerDependencies": {
-        "vue": "^2.0.0"
-      }
-    },
-    "node_modules/vue-eslint-parser": {
-      "version": "9.4.3",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
-      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "eslint-scope": "^7.1.1",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.1",
-        "esquery": "^1.4.0",
-        "lodash": "^4.17.21",
-        "semver": "^7.3.6"
-      },
-      "engines": {
-        "node": "^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=6.0.0"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/vue-filepond": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/vue-filepond/-/vue-filepond-6.0.3.tgz",
-      "integrity": "sha512-m0wArAdpgzOOs19bWA6zzYlHAb2aK+igPoKPZGrzpgKiiELPKW7XZ2OBDXzk7rhpFLkedujVrMqwjPyZfmQTTQ==",
-      "peerDependencies": {
-        "filepond": ">=4.7.4 < 5.x",
-        "vue": ">=2.6.0 < 3.x"
-      }
-    },
-    "node_modules/vue-focus": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/vue-focus/-/vue-focus-2.1.0.tgz",
-      "integrity": "sha512-4eUqO1fPEpzXyNlyjFvDbwZ3lU28k24vURbx90mG0VlQGuk2CdXdWxxjAR8nmOVb8oWbm0xX+968BpbRy2qzCw==",
-      "dependencies": {
-        "loose-envify": "^1.2.0"
-      },
-      "peerDependencies": {
-        "vue": "^2.0.0"
-      }
-    },
-    "node_modules/vue-fragment": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/vue-fragment/-/vue-fragment-1.6.0.tgz",
-      "integrity": "sha512-a5T8ZZZK/EQzgVShEl374HbobUJ0a7v12BzOzS6Z/wd/5EE/5SffcyHC+7bf9hP3L7Yc0hhY/GhMdwFQ25O/8A==",
-      "peerDependencies": {
-        "vue": "^2.5.16"
-      }
-    },
-    "node_modules/vue-gtag": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-1.16.1.tgz",
-      "integrity": "sha512-5vs0pSGxdqrfXqN1Qwt0ZFXG0iTYjRMu/saddc7QIC5yp+DKgjWQRpGYVa7Pq+KbThxwzzMfo0sGi7ISa6NowA==",
-      "peerDependencies": {
-        "vue": "^2.0.0"
-      }
-    },
-    "node_modules/vue-i18n": {
-      "version": "8.28.2",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz",
-      "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
-    },
-    "node_modules/vue-js-toggle-button": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/vue-js-toggle-button/-/vue-js-toggle-button-1.3.3.tgz",
-      "integrity": "sha512-0b920oztgK+1SqlYF26MPiT28hAieL5aAQE7u21XEym5ryfzD4EMer4hLkgDC/1sWsCHb22GvV+t1Kb4AI6QFw==",
-      "peerDependencies": {
-        "vue": "^2.0.0"
-      }
-    },
-    "node_modules/vue-notification": {
-      "version": "1.3.20",
-      "resolved": "https://registry.npmjs.org/vue-notification/-/vue-notification-1.3.20.tgz",
-      "integrity": "sha512-vPj67Ah72p8xvtyVE8emfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==",
-      "peerDependencies": {
-        "vue": "^2.0.0"
-      }
-    },
-    "node_modules/vue-property-decorator": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-8.5.1.tgz",
-      "integrity": "sha512-O6OUN2OMsYTGPvgFtXeBU3jPnX5ffQ9V4I1WfxFQ6dqz6cOUbR3Usou7kgFpfiXDvV7dJQSFcJ5yUPgOtPPm1Q==",
-      "dependencies": {
-        "vue-class-component": "^7.1.0"
-      },
-      "peerDependencies": {
-        "vue": "*"
-      }
-    },
-    "node_modules/vue-resize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
-      "integrity": "sha512-z5M7lJs0QluJnaoMFTIeGx6dIkYxOwHThlZDeQnWZBizKblb99GSejPnK37ZbNE/rVwDcYcHY+Io+AxdpY952w==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10"
-      },
-      "peerDependencies": {
-        "vue": "^2.6.0"
-      }
-    },
-    "node_modules/vue-router": {
-      "version": "3.6.5",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
-      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
-    },
-    "node_modules/vue-svgicon": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/vue-svgicon/-/vue-svgicon-3.3.2.tgz",
-      "integrity": "sha512-3jQ9kFZwjELJpJsmO6OU3Q8nDg6aZLRSBn7xSplX+kpfZXTdntgbLPUmPb7lHEjcP4TsGnANiBQVYmGDZi5T4Q==",
-      "dependencies": {
-        "camelcase": "^5.2.0",
-        "colors": "^1.3.0",
-        "fs-plus": "^3.0.2",
-        "glob": "^7.1.2",
-        "svgo": "^1.0.5",
-        "tslib": "^1.9.3",
-        "yargs": "^12.0.1"
-      },
-      "bin": {
-        "vsvg": "dist/lib/index.js"
-      },
-      "engines": {
-        "node": ">= 10.0.0",
-        "npm": ">= 3.0.0"
-      },
-      "peerDependencies": {
-        "vue": "^2.5.17",
-        "vue-template-compiler": "^2.5.16"
-      }
-    },
-    "node_modules/vue-svgicon/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
-    },
-    "node_modules/vue-template-compiler": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
-      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
-      "dependencies": {
-        "de-indent": "^1.0.2",
-        "he": "^1.2.0"
-      }
-    },
-    "node_modules/vue-tsc": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.1.6.tgz",
-      "integrity": "sha512-f98dyZp5FOukcYmbFpuSCJ4Z0vHSOSmxGttZJCsFeX0M4w/Rsq0s4uKXjcSRsZqsRgQa6z7SfuO+y0HVICE57Q==",
-      "dev": true,
-      "dependencies": {
-        "@volar/typescript": "~2.4.1",
-        "@vue/language-core": "2.1.6",
-        "semver": "^7.5.4"
-      },
-      "bin": {
-        "vue-tsc": "bin/vue-tsc.js"
-      },
-      "peerDependencies": {
-        "typescript": ">=5.0.0"
-      }
-    },
-    "node_modules/vuedraggable": {
-      "version": "2.24.3",
-      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
-      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
-      "dependencies": {
-        "sortablejs": "1.10.2"
-      }
-    },
-    "node_modules/webfontloader": {
-      "version": "1.6.28",
-      "resolved": "https://registry.npmjs.org/webfontloader/-/webfontloader-1.6.28.tgz",
-      "integrity": "sha512-Egb0oFEga6f+nSgasH3E0M405Pzn6y3/9tOVanv/DLfa1YBIgcv90L18YyWnvXkRbIM17v5Kv6IT2N6g1x5tvQ=="
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-module": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
-      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
-      "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
-    },
-    "node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
-      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
-    },
-    "node_modules/yaml": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
-      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "12.0.5",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
-      "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
-      "dependencies": {
-        "cliui": "^4.0.0",
-        "decamelize": "^1.2.0",
-        "find-up": "^3.0.0",
-        "get-caller-file": "^1.0.1",
-        "os-locale": "^3.0.0",
-        "require-directory": "^2.1.1",
-        "require-main-filename": "^1.0.1",
-        "set-blocking": "^2.0.0",
-        "string-width": "^2.0.0",
-        "which-module": "^2.0.0",
-        "y18n": "^3.2.1 || ^4.0.0",
-        "yargs-parser": "^11.1.1"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
-      "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      }
-    },
-    "node_modules/yargs/node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
-      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yargs/node_modules/find-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yargs/node_modules/locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/yargs/node_modules/p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
-      "dependencies": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yargs/node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-      "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}
diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index 1da8d584..ad98cdd8 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -5,9 +5,11 @@ import {
 } from '@/shared/libs';
 import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
 import { ITargetModelResponse } from '@/entities';
+import { ISourceConnectionResponse } from '@/entities/sourceConnection/model/types.ts';
 
 const CREATE_TARGET_MODEL = 'CreateCloudModel';
 const GET_SOURCE_MODEL_LIST = 'GetUserModel';
+const UPDATE_TARGET_MODEL = 'UpdateCloudmodel';
 
 interface ICreateTargetModelPayload {
   cloudInfraModel: IRecommendModelResponse['targetInfra'];
@@ -46,3 +48,32 @@ export function useGetTargetModelList() {
     Required<Pick<RequestBodyWrapper<any>, 'pathParams'>>
   >(GET_SOURCE_MODEL_LIST, requestWrapper);
 }
+
+export function useUpdateTargetModel(
+  modelId: string | null,
+  requestData: ICreateTargetModelPayload | null,
+) {
+  const requestBodyWrapper: Pick<
+    RequestBodyWrapper<{
+      id: string | null;
+      requestData: ICreateTargetModelPayload | null;
+    }>,
+    'pathParams' & 'request'
+  > = {
+    pathParams: {
+      id: modelId,
+    },
+    request: { ...requestData },
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<ISourceConnectionResponse>,
+    Pick<
+      RequestBodyWrapper<{
+        id: string | null;
+        requestData: ICreateTargetModelPayload | null;
+      }>,
+      'pathParams' & 'request'
+    >
+  >(UPDATE_TARGET_MODEL, requestBodyWrapper);
+}
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index e754a90b..5bab0a05 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -217,8 +217,4 @@ function handleSave(e: { name: string; description: string }) {
 .divider {
   margin: 7.5px 0 16px 0;
 }
-
-:deep(g) {
-  fill: #3c2c84;
-}
 </style>
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index 172c6f1a..db990634 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -4,7 +4,12 @@ import { CreateForm } from '@/widgets/layout';
 import { SimpleEditForm } from '@/widgets/layout';
 import { JsonEditor } from '@/widgets/layout';
 import { reactive, ref, watch } from 'vue';
-import { ITargetModelResponse, useTargetModelStore } from '@/entities';
+import {
+  ITargetModelResponse,
+  useTargetModelStore,
+  useUpdateTargetModel,
+} from '@/entities';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 
 interface IProps {
   selectedTargetName: string;
@@ -24,7 +29,7 @@ const modalState = reactive({
 
 const targetModelStore = useTargetModelStore();
 const targetModel = ref<ITargetModelResponse | undefined>(undefined);
-
+const resUpdateTargetModel = useUpdateTargetModel(null, null);
 watch(
   () => props.selectedTargetId,
   () => {
@@ -38,9 +43,24 @@ watch(
 function handleModal(e) {
   modalState.context.name = e.name;
   modalState.context.description = e.description;
+  const requestBody = Object.assign(targetModel.value, {
+    userModelName: e.name,
+    description: e.description,
+  });
 
-  emit('update:close-modal', false);
-  modalState.open = false;
+  resUpdateTargetModel
+    .execute({
+      pathParams: { id: props.selectedTargetId },
+      request: {
+        requestBody,
+      },
+    })
+    .then(res => {
+      showSuccessMessage('success', 'Successfully updated target model');
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
 }
 </script>
 
diff --git a/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue b/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
index fdae1004..f55aa1fb 100644
--- a/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
+++ b/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
@@ -37,7 +37,7 @@ const targetModelDescription = ref<string | undefined>('');
 watchEffect(() => {
   targetModelName.value = targetModelStore.getTargetModelById(
     props.selectedTargetModelId,
-  )?.name;
+  )?.userModelName;
 });
 
 watchEffect(() => {

From 889daf2af6a88cbc50260512d38f01d38e1cfb93 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 11 Nov 2024 15:30:19 +0900
Subject: [PATCH 09/41] feat : source model update

---
 front/src/entities/sourceModels/api/index.ts  | 48 ++++++++++-
 front/src/entities/targetModels/api/index.ts  | 24 +++---
 .../sourceModels/ui/SourceModelsPage.vue      | 71 +++++++++++++---
 .../targetModels/ui/TargetModelsPage.vue      | 85 +++++++++++++++----
 .../simpleEditForm/ui/SimpleEditForm.vue      |  7 +-
 .../model/sourceModelListModel.ts             |  1 +
 .../sourceModelList/ui/SourceModelList.vue    | 28 +++++-
 .../ui/CustomViewTargetModel.vue              |  5 +-
 .../targetModelList/ui/TargetModelList.vue    | 33 ++++---
 9 files changed, 245 insertions(+), 57 deletions(-)

diff --git a/front/src/entities/sourceModels/api/index.ts b/front/src/entities/sourceModels/api/index.ts
index c712f338..b897b998 100644
--- a/front/src/entities/sourceModels/api/index.ts
+++ b/front/src/entities/sourceModels/api/index.ts
@@ -3,16 +3,60 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '@/shared/libs';
+import { ISourceConnectionResponse } from '@/entities/sourceConnection/model/types.ts';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+import { ISourceModelResponse } from '@/entities';
 
 const GET_SOURCE_MODEL_LIST = 'GetUserModel';
-
+const UPDATE_SOURCE_MODEL = 'UpdateOnpremmodel';
 export function useGetSourceModelList() {
   const requestWrapper: Required<Pick<RequestBodyWrapper<any>, 'pathParams'>> =
     {
       pathParams: { isTargetModel: 'false' },
     };
   return useAxiosPost<
-    IAxiosResponse<any>,
+    IAxiosResponse<ISourceModelResponse[]>,
     Required<Pick<RequestBodyWrapper<any>, 'pathParams'>>
   >(GET_SOURCE_MODEL_LIST, requestWrapper);
 }
+
+interface ICreateSourceModelPayload {
+  onpremiseInfraModel: ISourceModelResponse['onpremiseInfraModel'];
+  description: string;
+  isInitUserModel: true;
+  userId: string;
+  userModelName: string;
+  userModelVersion: string;
+}
+export function useUpdateSourceModel(
+  modelId: string | null,
+  requestData: ICreateSourceModelPayload | null,
+) {
+  const requestBodyWrapper: Pick<
+    RequestBodyWrapper<
+      Partial<{
+        id: string | null;
+        requestData: ICreateSourceModelPayload | null;
+      }>
+    >,
+    'pathParams' | 'request'
+  > = {
+    pathParams: {
+      id: modelId,
+    },
+    request: { ...requestData },
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<ISourceConnectionResponse>,
+    Pick<
+      RequestBodyWrapper<
+        Partial<{
+          id: string | null;
+          requestData: ICreateSourceModelPayload | null;
+        }>
+      >,
+      'pathParams' | 'request'
+    >
+  >(UPDATE_SOURCE_MODEL, requestBodyWrapper);
+}
diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index ad98cdd8..358cc8b5 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -54,11 +54,13 @@ export function useUpdateTargetModel(
   requestData: ICreateTargetModelPayload | null,
 ) {
   const requestBodyWrapper: Pick<
-    RequestBodyWrapper<{
-      id: string | null;
-      requestData: ICreateTargetModelPayload | null;
-    }>,
-    'pathParams' & 'request'
+    RequestBodyWrapper<
+      Partial<{
+        id: string | null;
+        requestData: ICreateTargetModelPayload | null;
+      }>
+    >,
+    'pathParams' | 'request'
   > = {
     pathParams: {
       id: modelId,
@@ -69,11 +71,13 @@ export function useUpdateTargetModel(
   return useAxiosPost<
     IAxiosResponse<ISourceConnectionResponse>,
     Pick<
-      RequestBodyWrapper<{
-        id: string | null;
-        requestData: ICreateTargetModelPayload | null;
-      }>,
-      'pathParams' & 'request'
+      RequestBodyWrapper<
+        Partial<{
+          id: string | null;
+          requestData: ICreateTargetModelPayload | null;
+        }>
+      >,
+      'pathParams' | 'request'
     >
   >(UPDATE_TARGET_MODEL, requestBodyWrapper);
 }
diff --git a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
index 0a6757fe..274b72d1 100644
--- a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
+++ b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
@@ -4,15 +4,24 @@ import { SourceModelList } from '@/widgets/models/sourceModels';
 import { SourceModelDetail } from '@/widgets/models/sourceModels';
 import { CustomViewSourceModel } from '@/widgets/models/sourceModels';
 import { RecommendedModel } from '@/widgets/models/sourceModels';
-import { reactive, ref } from 'vue';
+import { computed, reactive, ref, watch } from 'vue';
 import { SimpleEditForm } from '@/widgets/layout';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
+import { useSourceModelStore, useUpdateSourceModel } from '@/entities';
 
 const pageName = 'Source Models';
 
 const selectedSourceModelId = ref<string>('');
 const sourceModelName = ref<string>('');
 const sourceModelDescription = ref<string>('');
-
+const sourceModelStore = useSourceModelStore();
+const resUpdateSourceModel = useUpdateSourceModel(null, null);
+const sourceModel = computed(() =>
+  sourceModelStore.getSourceModelById(selectedSourceModelId.value),
+);
+watch(sourceModelName, nv => {
+  console.log(nv);
+});
 const mainTabState = reactive({
   activeTab: 'details',
   tabs: [
@@ -24,19 +33,56 @@ const mainTabState = reactive({
 });
 
 const modalState = reactive({
-  customViewJsonModal: { open: false, trigger: false },
-  editModelModal: { open: false, trigger: false },
+  customViewJsonModal: {
+    open: false,
+    trigger: false,
+  },
+  editModelModal: {
+    open: false,
+    trigger: false,
+    context: {
+      name: '',
+      description: '',
+    },
+    updateTrigger() {
+      modalState.editModelModal.trigger = false;
+    },
+  },
   viewRecommendedListModal: { open: false, trigger: false },
 });
 
 function handleClickSourceModelId(data: { id: string; name: string }) {
+  console.log(data);
   selectedSourceModelId.value = data.id;
-  sourceModelName.value = data.name;
+  sourceModelName.value = data.name ?? '';
 }
 
 function handleJsonModal(value: boolean) {
   modalState.customViewJsonModal.open = value;
 }
+
+function handleUpdateSourceModel(e) {
+  modalState.editModelModal.open = false;
+  modalState.editModelModal.context.name = e.name;
+  modalState.editModelModal.context.description = e.description;
+  console.log(sourceModel.value);
+  const requestBody = Object.assign({}, sourceModel.value, {
+    userModelName: e.name,
+    description: e.description,
+  });
+  resUpdateSourceModel
+    .execute({
+      pathParams: { id: selectedSourceModelId.value },
+      request: requestBody,
+    })
+    .then(res => {
+      showSuccessMessage('success', 'Successfully updated target model');
+      modalState.editModelModal.trigger = true;
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
+}
 </script>
 
 <template>
@@ -45,7 +91,11 @@ function handleJsonModal(value: boolean) {
       <p>{{ pageName }}</p>
     </header>
     <section :class="`${pageName}-page-body`">
-      <source-model-list @select-row="handleClickSourceModelId" />
+      <source-model-list
+        :trigger="modalState.editModelModal.trigger"
+        @select-row="handleClickSourceModelId"
+        @update:trigger="modalState.editModelModal.updateTrigger"
+      />
       <p v-if="!selectedSourceModelId" class="more-details">
         Select an item for more details.
       </p>
@@ -70,10 +120,6 @@ function handleJsonModal(value: boolean) {
               @update:view-recommend-list-modal="
                 e => (modalState.viewRecommendedListModal.open = e)
               "
-              @update:source-model-name="e => (sourceModelName = e)"
-              @update:source-model-description="
-                e => (sourceModelDescription = e)
-              "
             />
           </template>
         </p-tab>
@@ -85,10 +131,11 @@ function handleJsonModal(value: boolean) {
         header-title="Edit Model"
         name-label="Model Name"
         :name="sourceModelName"
-        :description="sourceModelDescription"
+        :description="sourceModel['description'] ?? ''"
         :name-placeholder="'Model Name'"
-        @update:save-modal="modalState.editModelModal.open = false"
+        @update:save-modal="handleUpdateSourceModel"
         @update:close-modal="modalState.editModelModal.open = false"
+        @update:trigger="modalState.editModelModal.trigger = true"
       />
     </div>
     <div class="relative z-70">
diff --git a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
index 253c3f24..161b306f 100644
--- a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
+++ b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
@@ -6,6 +6,12 @@ import { SimpleEditForm } from '@/widgets/layout';
 import { CustomViewTargetModel } from '@/widgets/models/targetModels';
 import { reactive, ref } from 'vue';
 import WorkflowEditor from '@/features/workflow/workflowEditor/ui/WorkflowEditor.vue';
+import {
+  ITargetModelResponse,
+  useTargetModelStore,
+  useUpdateTargetModel,
+} from '@/entities';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 
 const pageName = 'Target Models';
 
@@ -13,6 +19,8 @@ const selectedTargetModelId = ref<string>('');
 const selectedTargetModelName = ref<string>('');
 const targetModelName = ref<string>('');
 const targetModelDescription = ref<string>('');
+const resUpdateTargetModel = useUpdateTargetModel(null, null);
+const targetModelStore = useTargetModelStore();
 
 const mainTabState = reactive({
   activeTab: 'details',
@@ -24,16 +32,58 @@ const mainTabState = reactive({
   ],
 });
 
-const modalState = reactive({
-  editModelModal: { open: false, trigger: false },
-  customViewJsonModal: { open: false, trigger: false },
-  workflowEditorModal: { open: false, trigger: false },
+const modalStates = reactive({
+  editModelModal: {
+    open: false,
+    context: {
+      name: '',
+      description: '',
+    },
+    trigger: false,
+    updateTrigger() {
+      modalStates.editModelModal.trigger = false;
+    },
+  },
+  customViewJsonModal: {
+    open: false,
+  },
+  workflowEditorModal: {
+    open: false,
+  },
 });
 
 function handleClickTargetModel(data: { id: string; name: string }) {
   selectedTargetModelId.value = data.id;
   selectedTargetModelName.value = data.name;
 }
+
+function handleUpdateTargetModel(e) {
+  const targetModel = targetModelStore.getTargetModelById(
+    selectedTargetModelId.value,
+  );
+
+  modalStates.editModelModal.open = false;
+  modalStates.editModelModal.context.name = e.name;
+  modalStates.editModelModal.context.description = e.description;
+
+  const requestBody = Object.assign({}, targetModel, {
+    userModelName: e.name,
+    description: e.description,
+  });
+
+  resUpdateTargetModel
+    .execute({
+      pathParams: { id: selectedTargetModelId.value },
+      request: requestBody,
+    })
+    .then(res => {
+      showSuccessMessage('success', 'Successfully updated target model');
+      modalStates.editModelModal.trigger = true;
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
+}
 </script>
 
 <template>
@@ -42,7 +92,11 @@ function handleClickTargetModel(data: { id: string; name: string }) {
       <p>{{ pageName }}</p>
     </header>
     <section :class="`${pageName}-page-body`">
-      <target-model-list @select-row="handleClickTargetModel" />
+      <target-model-list
+        :trigger="modalStates.editModelModal.trigger"
+        @select-row="handleClickTargetModel"
+        @update:trigger="modalStates.editModelModal.updateTrigger"
+      />
       <div v-if="selectedTargetModelId">
         <p-tab v-model="mainTabState.activeTab" :tabs="mainTabState.tabs">
           <template #details>
@@ -51,7 +105,7 @@ function handleClickTargetModel(data: { id: string; name: string }) {
               <p-button
                 style-type="tertiary"
                 icon-left="ic_edit"
-                @click="modalState.editModelModal.open = true"
+                @click="modalStates.editModelModal.open = true"
               >
                 Edit
               </p-button>
@@ -59,14 +113,14 @@ function handleClickTargetModel(data: { id: string; name: string }) {
             <target-model-detail
               :selected-target-model-id="selectedTargetModelId"
               @update:custom-view-json-modal="
-                modalState.customViewJsonModal.open = true
+                modalStates.customViewJsonModal.open = true
               "
               @update:target-model-name="e => (targetModelName = e)"
               @update:target-model-description="
                 e => (targetModelDescription = e)
               "
               @update:workflow-edit-modal="
-                e => (modalState.workflowEditorModal.open = e)
+                e => (modalStates.workflowEditorModal.open = e)
               "
             />
           </template>
@@ -78,29 +132,30 @@ function handleClickTargetModel(data: { id: string; name: string }) {
     </section>
     <div class="relative z-60">
       <simple-edit-form
-        v-if="modalState.editModelModal.open"
+        v-if="modalStates.editModelModal.open"
         header-title="Edit Model"
         :name="targetModelName"
         :description="targetModelDescription"
         name-label="Model Name"
         name-placeholder="Model Name"
-        @update:save-modal="modalState.editModelModal.open = false"
-        @update:close-modal="modalState.editModelModal.open = false"
+        @update:save-modal="handleUpdateTargetModel"
+        @update:close-modal="modalStates.editModelModal.open = false"
+        @update:trigger="modalStates.editModelModal.trigger = true"
       />
     </div>
     <div class="relative z-70">
       <custom-view-target-model
-        v-if="modalState.customViewJsonModal.open"
+        v-if="modalStates.customViewJsonModal.open"
         :selected-target-id="selectedTargetModelId"
         :selected-target-name="selectedTargetModelName"
-        @update:close-modal="modalState.customViewJsonModal.open = false"
+        @update:close-modal="modalStates.customViewJsonModal.open = false"
       />
     </div>
     <div class="relative z-70">
       <workflow-editor
-        v-if="modalState.workflowEditorModal.open"
+        v-if="modalStates.workflowEditorModal.open"
         :target-model-name="targetModelName"
-        @update:close-modal="modalState.workflowEditorModal.open = false"
+        @update:close-modal="modalStates.workflowEditorModal.open = false"
         tool-type="add"
         wft-id=""
       />
diff --git a/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue b/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
index 0a01f9cd..6a8dabfd 100644
--- a/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
+++ b/front/src/widgets/layout/simpleEditForm/ui/SimpleEditForm.vue
@@ -19,7 +19,11 @@ interface iProps {
 
 const props = defineProps<iProps>();
 
-const emit = defineEmits(['update:save-modal', 'update:close-modal']);
+const emit = defineEmits([
+  'update:save-modal',
+  'update:close-modal',
+  'update:trigger',
+]);
 
 const _name = ref<string>(props.name);
 const _description = ref<string>(props.description ?? '');
@@ -40,6 +44,7 @@ function handleConfirm() {
     name: _name.value,
     description: _description.value,
   });
+  emit('update:trigger');
 }
 
 watch(_name, () => {}, { immediate: true });
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
index d29c4987..582cd3c3 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
+++ b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
@@ -44,6 +44,7 @@ export function useSourceModelListModel() {
   }
 
   function organizeSourceModelTableItem(sourceModel: ISourceModelResponse) {
+    console.log(sourceModel);
     const organizedDatum: Partial<
       Record<SourceModelTableType | 'originalData', any>
     > = {
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
index 8e53ce5d..bb22f181 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
@@ -11,10 +11,16 @@ import { insertDynamicComponent, showErrorMessage } from '@/shared/utils';
 import DynamicTableIconButton from '@/shared/ui/Button/dynamicIconButton/DynamicTableIconButton.vue';
 import { useGetSourceModelList } from '@/entities';
 
+interface IProps {
+  trigger: boolean;
+}
+
+const props = defineProps<IProps>();
+
 const { tableModel, initToolBoxTableModel, sourceModelStore, models } =
   useSourceModelListModel();
 
-const emit = defineEmits(['select-row']);
+const emit = defineEmits(['select-row', 'update:trigger']);
 
 const modals = reactive({
   alertModalState: { open: false },
@@ -29,15 +35,29 @@ onBeforeMount(() => {
 
 onMounted(function () {
   addDeleteIconAtTable.bind(this)();
+  getTableList();
+});
+
+watch(
+  () => props.trigger,
+  () => {
+    getTableList();
+    emit('update:trigger', false);
+  },
+);
+
+function getTableList() {
   resSourceList
     .execute()
     .then(res => {
-      sourceModelStore.setSourceModel(res.data.responseData);
+      if (res.data.responseData) {
+        sourceModelStore.setSourceModel(res.data.responseData);
+      }
     })
     .catch(e => {
       showErrorMessage('error', e.errorMsg);
     });
-});
+}
 
 function addDeleteIconAtTable() {
   const toolboxTable = this.$refs.toolboxTable.$el;
@@ -67,7 +87,7 @@ function handleRefreshTable() {
 function handleSelectedIndex(selectedIndex: number) {
   const selectedData = tableModel.tableState.displayItems[selectedIndex];
   if (selectedData) {
-    emit('select-row', { id: selectedData.id, name: selectedData.name });
+    emit('select-row', { id: selectedData.id, name: selectedData.name ?? '' });
   } else {
     emit('select-row', { id: '', name: '' });
   }
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index db990634..0c1999be 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -17,7 +17,7 @@ interface IProps {
 }
 
 const props = defineProps<IProps>();
-const emit = defineEmits(['update:close-modal']);
+const emit = defineEmits(['update:close-modal', 'update:trigger']);
 
 const modalState = reactive({
   open: false,
@@ -57,6 +57,7 @@ function handleModal(e) {
     })
     .then(res => {
       showSuccessMessage('success', 'Successfully updated target model');
+      emit('update:trigger');
     })
     .catch(e => {
       showErrorMessage('error', e.errorMsg);
@@ -72,7 +73,7 @@ function handleModal(e) {
       :need-widget-layout="true"
       title="Custom & View Target Model"
       first-title="JSON Viewer"
-      @update:modal-state="handleModal"
+      @update:modal-state="$emit('update:close-modal', false)"
     >
       <template #add-info>
         <p-text-editor :code="targetModel?.cloudInfraModel" :read-only="true" />
diff --git a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
index e89b12b5..55da0fd2 100644
--- a/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
+++ b/front/src/widgets/models/targetModels/targetModelList/ui/TargetModelList.vue
@@ -8,13 +8,18 @@ import {
 import { useTargetModelListModel } from '../model/targetModelListModel';
 import { insertDynamicComponent } from '@/shared/utils';
 import DynamicTableIconButton from '@/shared/ui/Button/dynamicIconButton/DynamicTableIconButton.vue';
-import { onBeforeMount, onMounted, watchEffect, reactive } from 'vue';
+import { onBeforeMount, onMounted, watchEffect, reactive, watch } from 'vue';
 import { useGetTargetModelList } from '@/entities';
 
 const { tableModel, initToolBoxTableModel, targetModelStore, targetModels } =
   useTargetModelListModel();
 
-const emit = defineEmits(['select-row']);
+interface IProps {
+  trigger: boolean;
+}
+const props = defineProps<IProps>();
+
+const emit = defineEmits(['select-row', 'update:trigger']);
 
 const modals = reactive({
   alertModalState: { open: false },
@@ -23,14 +28,6 @@ const modals = reactive({
 
 const resGetTargetModelList = useGetTargetModelList();
 
-function getTableList() {
-  resGetTargetModelList.execute().then(res => {
-    if (res.data.responseData) {
-      targetModelStore.setTargetModel(res.data.responseData);
-    }
-  });
-}
-
 onBeforeMount(() => {
   initToolBoxTableModel();
 });
@@ -40,6 +37,14 @@ onMounted(function () {
   getTableList();
 });
 
+watch(
+  () => props.trigger,
+  () => {
+    getTableList();
+    emit('update:trigger', false);
+  },
+);
+
 function addDeleteIconAtTable() {
   const toolboxTable = this.$refs.toolboxTable.$el;
   const targetElement = toolboxTable.querySelector('.right-tool-group');
@@ -59,7 +64,13 @@ function addDeleteIconAtTable() {
   );
   return instance;
 }
-
+function getTableList() {
+  resGetTargetModelList.execute().then(res => {
+    if (res.data.responseData) {
+      targetModelStore.setTargetModel(res.data.responseData);
+    }
+  });
+}
 function handleSelectedIndex(selectedIndex: number) {
   const selectedData = tableModel.tableState.displayItems[selectedIndex];
   if (selectedData) {

From 58d7175b47432e8d2cbdb7a3be853c598ebb613f Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 11 Nov 2024 20:34:11 +0900
Subject: [PATCH 10/41] feat : mci page modal

---
 .../workload/loadConfig/model/index.ts        |  65 +++++
 .../workload/loadConfig/ui/LoadConfig.vue     | 231 ++++++++++++++++++
 .../vm/vmInformation/ui/VmInformation.vue     |  18 +-
 front/tailwind.config.js                      |   4 +
 4 files changed, 316 insertions(+), 2 deletions(-)
 create mode 100644 front/src/features/workload/loadConfig/model/index.ts
 create mode 100644 front/src/features/workload/loadConfig/ui/LoadConfig.vue

diff --git a/front/src/features/workload/loadConfig/model/index.ts b/front/src/features/workload/loadConfig/model/index.ts
new file mode 100644
index 00000000..3e8059aa
--- /dev/null
+++ b/front/src/features/workload/loadConfig/model/index.ts
@@ -0,0 +1,65 @@
+import { reactive, ref } from 'vue';
+import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
+
+export function useLoadConfigModel() {
+  const protocol = reactive({
+    menu: [
+      { name: 'HTTP', label: 'HTTP', type: 'item' },
+      { name: 'HTTPS', label: 'HTTPS', type: 'item' },
+    ],
+  });
+
+  const methods = reactive({
+    menu: [
+      { name: 'GET', label: 'GET', type: 'item' },
+      { name: 'POST', label: 'POST', type: 'item' },
+      { name: 'PUT', label: 'PUT', type: 'item' },
+      { name: 'DELETE', label: 'DELETE', type: 'item' },
+    ],
+  });
+
+  const location = reactive({
+    values: [
+      {
+        key: 'remote',
+        label: 'Remote',
+      },
+      {
+        key: 'local',
+        label: 'Local',
+      },
+    ],
+    selected: ['remote'],
+  });
+
+  const installed = reactive({
+    menu: [
+      { name: 'true', label: 'True', type: 'item' },
+      { name: 'false', label: 'False', type: 'item' },
+    ],
+  });
+
+  const isMetrics = ref<boolean>(true);
+
+  const inputModels = reactive({
+    scenarioName: useInputModel<string>(''),
+    hostName: useInputModel<string>(''),
+    port: useInputModel<string>(''),
+    path: useInputModel<string>(''),
+    bodyData: useInputModel<string>(''),
+    virtualUsers: useInputModel<string>(''),
+    testDuration: useInputModel<string>(''),
+    rampUpTime: useInputModel<string>(''),
+    rampUpSteps: useInputModel<string>(''),
+    agentHostName: useInputModel<string>(''),
+  });
+
+  return {
+    location,
+    protocol,
+    methods,
+    isMetrics,
+    inputModels,
+    installed,
+  };
+}
diff --git a/front/src/features/workload/loadConfig/ui/LoadConfig.vue b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
new file mode 100644
index 00000000..4afbb14e
--- /dev/null
+++ b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
@@ -0,0 +1,231 @@
+<script setup lang="ts">
+import {
+  PButtonModal,
+  PFieldGroup,
+  PTextInput,
+  PSelectDropdown,
+  PTextarea,
+  PRadio,
+  PRadioGroup,
+  PToggleButton,
+  PDivider,
+} from '@cloudforet-test/mirinae';
+import { i18n } from '@/app/i18n';
+import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
+import { useLoadConfigModel } from '@/features/workload/loadConfig/model';
+
+interface IProps {
+  isOpen: boolean;
+}
+
+const props = defineProps<IProps>();
+const emit = defineEmits(['close']);
+
+const userId = useInputModel<string>('');
+const loadConfigModel = useLoadConfigModel();
+
+function handelClose() {
+  emit('close');
+}
+</script>
+
+<template>
+  <PButtonModal
+    :visible="isOpen"
+    :v-model="isOpen"
+    size="sm"
+    :loading="false"
+    headerTitle="Load Config"
+    @confirm="handelClose"
+    @cancel="handelClose"
+    @close="handelClose"
+  >
+    <template #body>
+      <div class="config-form">
+        <div class="title">
+          <p-field-group :label="'Test Scenario Name'" required>
+            <template #default="{ invalid }">
+              <p-text-input
+                v-model="userId.value.value"
+                :placeholder="'Test Scenario Name'"
+                block
+                @blur="userId.onBlur"
+              />
+            </template>
+          </p-field-group>
+        </div>
+
+        <section class="section">
+          <p-field-group :label="'Target Host Name'" required>
+            <template #default="{ invalid }">
+              <p-text-input
+                v-model="userId.value.value"
+                :placeholder="'Host Name'"
+                block
+                @blur="userId.onBlur"
+              />
+            </template>
+          </p-field-group>
+          <p-field-group :label="'Port'" required>
+            <template #default="{ invalid }">
+              <p-text-input
+                v-model="userId.value.value"
+                :placeholder="'1~65535'"
+                block
+                @blur="userId.onBlur"
+              />
+            </template>
+          </p-field-group>
+          <p-field-group :label="'URI'" required>
+            <template #default="{ invalid }">
+              <div class="flex gap-1">
+                <p-select-dropdown
+                  class="flex-1"
+                  :menu="loadConfigModel.protocol.menu"
+                  :placeholder="'Protocol'"
+                ></p-select-dropdown>
+                <p-text-input
+                  class="flex-2"
+                  v-model="userId.value.value"
+                  :placeholder="'Path'"
+                  block
+                  @blur="userId.onBlur"
+                />
+              </div>
+            </template>
+          </p-field-group>
+          <p-field-group :label="'Method'" required>
+            <template #default="{ invalid }">
+              <p-select-dropdown
+                class="block"
+                :menu="loadConfigModel.methods.menu"
+                :placeholder="'Method'"
+              ></p-select-dropdown>
+            </template>
+          </p-field-group>
+          <p-field-group class="!m-0" :label="'Body Data'">
+            <template #default="{ invalid }">
+              <p-textarea
+                class="min-h-12"
+                v-model="userId.value.value"
+                :placeholder="'Copy and Paste the data.'"
+                @blur="userId.onBlur"
+              />
+            </template>
+          </p-field-group>
+        </section>
+        <section class="section">
+          <p-field-group :label="'Virtual Users'" required>
+            <template #default="{ invalid }">
+              <p-text-input
+                v-model="userId.value.value"
+                :placeholder="'Number of virtual users'"
+                block
+                @blur="userId.onBlur"
+              />
+            </template>
+          </p-field-group>
+          <p-field-group :label="'Test Duration'" required>
+            <template #default="{ invalid }">
+              <p-text-input
+                v-model="userId.value.value"
+                :placeholder="'Test Run Time'"
+                block
+                @blur="userId.onBlur"
+              >
+                <template #input-right>sec</template>
+              </p-text-input>
+            </template>
+          </p-field-group>
+          <div class="flex w-full gap-1">
+            <p-field-group class="flex-1 !m-0" :label="'RampUp Time'" required>
+              <template #default="{ invalid }">
+                <p-text-input
+                  v-model="userId.value.value"
+                  :placeholder="'Time'"
+                  block
+                  @blur="userId.onBlur"
+                >
+                  <template #input-right>sec</template>
+                </p-text-input>
+              </template>
+            </p-field-group>
+            <p-field-group class="flex-1 !m-0" :label="'RampUp Steps'" required>
+              <template #default="{ invalid }">
+                <p-text-input
+                  v-model="userId.value.value"
+                  :placeholder="'Number of steps'"
+                  block
+                  @blur="userId.onBlur"
+                />
+              </template>
+            </p-field-group>
+          </div>
+        </section>
+        <section class="section">
+          <p-field-group class="!m-0" :label="'Install Location'" required>
+            <template #default="{ invalid }">
+              <p-radio-group>
+                <p-radio
+                  v-for="value in loadConfigModel.location.values"
+                  :key="value.key"
+                  v-model="loadConfigModel.location.selected"
+                  :value="value"
+                >
+                  {{ value.label }}
+                </p-radio>
+              </p-radio-group>
+            </template>
+          </p-field-group>
+        </section>
+        <section class="section">
+          <div class="flex gap-2">
+            <p-toggle-button :value="loadConfigModel.isMetrics.value">
+            </p-toggle-button>
+            <p>Collect Additional System Metrics</p>
+          </div>
+          <p-divider class="mt-2 mb-2"></p-divider>
+          <div class="flex w-full gap-1">
+            <p-field-group class="!m-0 flex-2" :label="'Agent Hostname'">
+              <template #default="{ invalid }">
+                <p-text-input
+                  v-model="userId.value.value"
+                  :placeholder="'Agent Host Name'"
+                  block
+                  @blur="userId.onBlur"
+                />
+              </template>
+            </p-field-group>
+            <p-field-group
+              class="!m-0 flex-1"
+              :label="'Agent Hostname'"
+              required
+            >
+              <template #default="{ invalid }">
+                <p-select-dropdown
+                  class="block"
+                  :menu="loadConfigModel.installed.menu"
+                  :placeholder="'select'"
+                ></p-select-dropdown>
+              </template>
+            </p-field-group>
+          </div>
+        </section>
+      </div>
+    </template>
+  </PButtonModal>
+</template>
+
+<style scoped lang="postcss">
+.config-form {
+  @apply bg-gray-100;
+  padding: 16px;
+
+  .section {
+    background: white;
+    margin: 8px 0 8px 0;
+    padding: 12px;
+    border-radius: 6px;
+  }
+}
+</style>
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index 894312c2..b3df2559 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { useVmInformationModel } from '@/widgets/workload/vm/vmInformation/model';
 import { PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
-import { onBeforeMount, onMounted, watch } from 'vue';
+import { onBeforeMount, onMounted, reactive, watch } from 'vue';
+import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
 
 interface IProps {
   nsId: string;
@@ -14,6 +15,11 @@ console.log(props);
 const { initTable, setVmId, detailTableModel, resVmInfo } =
   useVmInformationModel(props);
 const resLoadStatus: any = {};
+
+const modalState = reactive({
+  open: false,
+  context: {},
+});
 onBeforeMount(() => {
   initTable();
 });
@@ -34,7 +40,14 @@ watch(
   { deep: true },
 );
 
-function handleLoadStatus(e) {}
+function handleLoadStatus(e) {
+  modalState.open = true;
+  console.log(modalState.open);
+}
+
+function handleClose() {
+  modalState.open = false;
+}
 </script>
 
 <template>
@@ -53,6 +66,7 @@ function handleLoadStatus(e) {}
         </div>
       </template>
     </p-definition-table>
+    <LoadConfig :isOpen="modalState.open" @close="handleClose"></LoadConfig>
   </div>
 </template>
 
diff --git a/front/tailwind.config.js b/front/tailwind.config.js
index e17a9ca5..ea373a7a 100644
--- a/front/tailwind.config.js
+++ b/front/tailwind.config.js
@@ -4,6 +4,10 @@ export default {
   purge: ['./src/**/*.{html,js,jsx,ts,tsx,vue}', './index.html'],
 
   theme: {
+    flex: {
+      1: '1 1 0%',
+      2: '2 2 0%',
+    },
     ...mirinaeTailwind.theme,
     // your customized theme
   },

From 8a5e07dae01f0a2ee37a17a2594b1090375df677 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 12 Nov 2024 10:08:43 +0900
Subject: [PATCH 11/41] feat : Custom View source,target

---
 .../entities/sourceConnection/api/index.ts    | 27 --------------
 front/src/entities/sourceModels/api/index.ts  | 30 ++++++++++++++-
 front/src/entities/targetModels/api/index.ts  |  4 +-
 .../sourceModels/ui/SourceModelsPage.vue      |  1 +
 front/src/shared/utils/dateformatter/index.ts | 27 +++++++++-----
 .../ui/CustomViewSourceModel.vue              | 37 +++++++++++++++----
 .../recommendedModel/ui/RecommendedModel.vue  |  2 +-
 .../sourceModelList/ui/SourceModelList.vue    |  3 +-
 .../ui/CustomViewTargetModel.vue              | 17 +++++----
 .../ui/TargetModelDetail.vue                  |  2 +-
 .../metaViewer/ui/MetaViewer.vue              |  2 +-
 11 files changed, 92 insertions(+), 60 deletions(-)

diff --git a/front/src/entities/sourceConnection/api/index.ts b/front/src/entities/sourceConnection/api/index.ts
index a6a3d52d..fc09b7c2 100644
--- a/front/src/entities/sourceConnection/api/index.ts
+++ b/front/src/entities/sourceConnection/api/index.ts
@@ -20,7 +20,6 @@ const DELETE_SOURCE_CONNECTION = 'delete-connection-info';
 const REFRESH_SOURCE_GROUP_CONNECTION_INFO_STATUS =
   'Refresh-Source-Group-Connection-Info-Status';
 const GET_INFRA_INFO_REFINED = 'get-infra-info-refined';
-const CREATE_ONPREMMODEL = 'CreateOnpremmodel';
 
 export function useCreateConnectionInfo(
   sgId: string | null,
@@ -183,29 +182,3 @@ export function useGetInfraInfoRefined(
     >
   >(GET_INFRA_INFO_REFINED, requestWrapper);
 }
-
-interface OnpremModelPayload {
-  onpremiseInfraModel: {
-    servers: any[];
-    network: {
-      ipv4Networks: any[];
-      ipv6Networks: any[];
-    };
-  };
-  description: string;
-  userModelName: string;
-  isInitUserModel: boolean;
-  userModelVersion: string;
-}
-
-export function useCreateOnpremmodel(data: OnpremModelPayload | null) {
-  const requestWrapper: Required<
-    Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>
-  > = {
-    request: data,
-  };
-  return useAxiosPost<
-    IAxiosResponse<any>,
-    Required<Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>>
-  >(CREATE_ONPREMMODEL, requestWrapper);
-}
diff --git a/front/src/entities/sourceModels/api/index.ts b/front/src/entities/sourceModels/api/index.ts
index b897b998..600b0a4b 100644
--- a/front/src/entities/sourceModels/api/index.ts
+++ b/front/src/entities/sourceModels/api/index.ts
@@ -9,6 +9,8 @@ import { ISourceModelResponse } from '@/entities';
 
 const GET_SOURCE_MODEL_LIST = 'GetUserModel';
 const UPDATE_SOURCE_MODEL = 'UpdateOnpremmodel';
+const CREATE_ONPREMMODEL = 'CreateOnpremmodel';
+
 export function useGetSourceModelList() {
   const requestWrapper: Required<Pick<RequestBodyWrapper<any>, 'pathParams'>> =
     {
@@ -44,7 +46,7 @@ export function useUpdateSourceModel(
     pathParams: {
       id: modelId,
     },
-    request: { ...requestData },
+    request: { requestData },
   };
 
   return useAxiosPost<
@@ -60,3 +62,29 @@ export function useUpdateSourceModel(
     >
   >(UPDATE_SOURCE_MODEL, requestBodyWrapper);
 }
+
+interface OnpremModelPayload {
+  onpremiseInfraModel: {
+    servers: any[];
+    network: {
+      ipv4Networks: any[];
+      ipv6Networks: any[];
+    };
+  };
+  description: string;
+  userModelName: string;
+  isInitUserModel: boolean;
+  userModelVersion: string;
+}
+
+export function useCreateOnpremmodel(data: OnpremModelPayload | null) {
+  const requestWrapper: Required<
+    Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>
+  > = {
+    request: data,
+  };
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>>
+  >(CREATE_ONPREMMODEL, requestWrapper);
+}
diff --git a/front/src/entities/targetModels/api/index.ts b/front/src/entities/targetModels/api/index.ts
index 358cc8b5..8d6eb63a 100644
--- a/front/src/entities/targetModels/api/index.ts
+++ b/front/src/entities/targetModels/api/index.ts
@@ -15,7 +15,7 @@ interface ICreateTargetModelPayload {
   cloudInfraModel: IRecommendModelResponse['targetInfra'];
   csp: string;
   description: string;
-  isInitUserModel: true;
+  isInitUserModel: boolean;
   isTargetModel: true;
   region: string;
   userId: string;
@@ -65,7 +65,7 @@ export function useUpdateTargetModel(
     pathParams: {
       id: modelId,
     },
-    request: { ...requestData },
+    request: { requestData },
   };
 
   return useAxiosPost<
diff --git a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
index 274b72d1..2a277642 100644
--- a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
+++ b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
@@ -144,6 +144,7 @@ function handleUpdateSourceModel(e) {
         :source-model-name="sourceModelName"
         :source-model-id="selectedSourceModelId"
         @update:close-modal="handleJsonModal"
+        @update:trigger="modalState.editModelModal.trigger = true"
       />
       <recommended-model
         v-if="modalState.viewRecommendedListModal.open"
diff --git a/front/src/shared/utils/dateformatter/index.ts b/front/src/shared/utils/dateformatter/index.ts
index aad44af1..0ce41e5b 100644
--- a/front/src/shared/utils/dateformatter/index.ts
+++ b/front/src/shared/utils/dateformatter/index.ts
@@ -2,16 +2,23 @@ export function formatDate(
   date: Date | string,
   format: string = 'yyyy-MM-dd HH:mm:ss',
 ): string {
-  const d = new Date(date);
+  try {
+    const d = new Date(date);
+    if (isNaN(d.getTime())) {
+      throw new Error('Invalid date');
+    }
 
-  const map: { [key: string]: string } = {
-    yyyy: d.getFullYear().toString(),
-    MM: String(d.getMonth() + 1).padStart(2, '0'),
-    dd: String(d.getDate()).padStart(2, '0'),
-    HH: String(d.getHours()).padStart(2, '0'),
-    mm: String(d.getMinutes()).padStart(2, '0'),
-    ss: String(d.getSeconds()).padStart(2, '0'),
-  };
+    const map: { [key: string]: string } = {
+      yyyy: d.getFullYear().toString(),
+      MM: String(d.getMonth() + 1).padStart(2, '0'),
+      dd: String(d.getDate()).padStart(2, '0'),
+      HH: String(d.getHours()).padStart(2, '0'),
+      mm: String(d.getMinutes()).padStart(2, '0'),
+      ss: String(d.getSeconds()).padStart(2, '0'),
+    };
 
-  return format.replace(/yyyy|MM|dd|HH|mm|ss/g, matched => map[matched]);
+    return format.replace(/yyyy|MM|dd|HH|mm|ss/g, matched => map[matched]);
+  } catch (e) {
+    return '';
+  }
 }
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index 3a809722..47a91a32 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -1,13 +1,16 @@
 <script setup lang="ts">
 import { PButton } from '@cloudforet-test/mirinae';
 import { CreateForm } from '@/widgets/layout';
-// import { collectJsonEditor } from '@/features/sourceServices';
-import { JsonEditor } from '@/widgets/layout';
 import { i18n } from '@/app/i18n';
 import { SimpleEditForm } from '@/widgets/layout';
 import { reactive, ref, watch } from 'vue';
-import { ISourceModelResponse, useSourceModelStore } from '@/entities';
+import {
+  ISourceModelResponse,
+  useCreateOnpremmodel,
+  useSourceModelStore,
+} from '@/entities';
 import { PTextEditor } from '@cloudforet-test/mirinae';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 
 const modelName = ref<string>('');
 
@@ -17,7 +20,7 @@ interface iProps {
 }
 
 const props = defineProps<iProps>();
-const emit = defineEmits(['update:close-modal']);
+const emit = defineEmits(['update:close-modal', 'update:trigger']);
 
 const modalState = reactive({
   open: false,
@@ -29,6 +32,8 @@ const modalState = reactive({
 
 const sourceModelStore = useSourceModelStore();
 const targetModel = ref<ISourceModelResponse | undefined>(undefined);
+const resCreateSourceModel = useCreateOnpremmodel(null);
+
 watch(
   () => props.sourceModelId,
   () => {
@@ -50,8 +55,26 @@ function handleSave() {
 function handleSaveModal(e) {
   modalState.context.name = e.name;
   modalState.context.description = e.description;
-  emit('update:close-modal', false);
-  modalState.open = false;
+
+  const requestBody = Object.assign({}, targetModel.value, {
+    userModelName: e.name,
+    description: e.description,
+    isInitUserModel: false,
+  });
+
+  resCreateSourceModel
+    .execute({
+      request: requestBody,
+    })
+    .then(res => {
+      showSuccessMessage('success', 'Successfully created source model');
+      emit('update:close-modal', false);
+      emit('update:trigger');
+      modalState.open = false;
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
 }
 </script>
 
@@ -82,7 +105,7 @@ function handleSaveModal(e) {
     </create-form>
     <simple-edit-form
       v-if="modalState.open"
-      header-title="Save Target Model"
+      header-title="Save Source Model"
       name=""
       name-label="Model Name"
       name-placeholder="Model Name"
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
index 5bab0a05..f2ce22ce 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
@@ -169,7 +169,7 @@ function handleSave(e: { name: string; description: string }) {
         </p-toolbox-table>
       </template>
       <template #buttons>
-        <p-button style-type="tertiary">cancel</p-button>
+        <p-button style-type="tertiary" @click="handleModal">cancel</p-button>
         <p-button @click="modalState.targetModal = true">
           Save as a Target Model
         </p-button>
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
index bb22f181..f2c0abc7 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
@@ -80,8 +80,7 @@ function addDeleteIconAtTable() {
 }
 
 function handleRefreshTable() {
-  tableModel.initState();
-  // tableModel.handleChange();
+  getTableList();
 }
 
 function handleSelectedIndex(selectedIndex: number) {
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index 0c1999be..c4437a21 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -5,6 +5,7 @@ import { SimpleEditForm } from '@/widgets/layout';
 import { JsonEditor } from '@/widgets/layout';
 import { reactive, ref, watch } from 'vue';
 import {
+  createTargetModel,
   ITargetModelResponse,
   useTargetModelStore,
   useUpdateTargetModel,
@@ -29,7 +30,8 @@ const modalState = reactive({
 
 const targetModelStore = useTargetModelStore();
 const targetModel = ref<ITargetModelResponse | undefined>(undefined);
-const resUpdateTargetModel = useUpdateTargetModel(null, null);
+const resCreateTargetModel = createTargetModel(null);
+
 watch(
   () => props.selectedTargetId,
   () => {
@@ -40,23 +42,22 @@ watch(
   { immediate: true },
 );
 
-function handleModal(e) {
+function handleCreateTargetModel(e) {
   modalState.context.name = e.name;
   modalState.context.description = e.description;
   const requestBody = Object.assign(targetModel.value, {
     userModelName: e.name,
     description: e.description,
+    isInitUserModel: false,
   });
 
-  resUpdateTargetModel
+  resCreateTargetModel
     .execute({
       pathParams: { id: props.selectedTargetId },
-      request: {
-        requestBody,
-      },
+      request: requestBody,
     })
     .then(res => {
-      showSuccessMessage('success', 'Successfully updated target model');
+      showSuccessMessage('success', 'Successfully Create target model');
       emit('update:trigger');
     })
     .catch(e => {
@@ -95,7 +96,7 @@ function handleModal(e) {
       :description="modalState.context.description"
       name-label="Name"
       name-placeholder="Target Model Name"
-      @update:save-modal="handleModal"
+      @update:save-modal="handleCreateTargetModel"
       @update:close-modal="modalState.open = false"
     />
   </div>
diff --git a/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue b/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
index f55aa1fb..c0f7a23b 100644
--- a/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
+++ b/front/src/widgets/models/targetModels/targetModelDetail/ui/TargetModelDetail.vue
@@ -82,7 +82,7 @@ function handleOpenWorkflowEditor() {
     >
       <template #data-customAndViewJSON>
         <p class="link-button-text" @click="handleJsonModal">
-          Custom & View Source Model
+          Custom & View Target Model
         </p>
       </template>
       <template #data-workflowTool>
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index dfef7ddd..d26d3ef0 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -7,8 +7,8 @@ import { SimpleEditForm } from '@/widgets/layout';
 import { ref } from 'vue';
 import { AxiosResponse } from 'axios';
 import { IUseAxiosWrapperReturnType } from '@/shared/libs';
-import { useCreateOnpremmodel } from '@/entities/sourceConnection/api';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
+import { useCreateOnpremmodel } from '@/entities';
 
 interface iProps {
   collectData: string | undefined;

From 9150f9fe728e4f1d0291c75a2970d6ae328af65c Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 12 Nov 2024 10:15:49 +0900
Subject: [PATCH 12/41] feat : Custom View source,target list custom field data

---
 .../model/sourceModelListModel.ts              |  4 +---
 .../model/targetModelDetailModel.ts            | 18 ++++++++++--------
 .../model/targetModelListModel.ts              |  2 +-
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
index 582cd3c3..f5973965 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
+++ b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
@@ -42,9 +42,7 @@ export function useSourceModelListModel() {
       },
     ];
   }
-
   function organizeSourceModelTableItem(sourceModel: ISourceModelResponse) {
-    console.log(sourceModel);
     const organizedDatum: Partial<
       Record<SourceModelTableType | 'originalData', any>
     > = {
@@ -52,7 +50,7 @@ export function useSourceModelListModel() {
       id: sourceModel.id,
       description: sourceModel.description,
       migrationType: sourceModel['migrationType'] ?? '',
-      custom: sourceModel['custom '] ?? '',
+      custom: sourceModel.isInitUserModel ? 'Basic' : 'Custom',
       createdDateTime: formatDate(sourceModel.createTime),
       updatedDateTime: formatDate(sourceModel.updateTime),
       originalData: sourceModel,
diff --git a/front/src/widgets/models/targetModels/targetModelDetail/model/targetModelDetailModel.ts b/front/src/widgets/models/targetModels/targetModelDetail/model/targetModelDetailModel.ts
index 900a17da..26a97f0e 100644
--- a/front/src/widgets/models/targetModels/targetModelDetail/model/targetModelDetailModel.ts
+++ b/front/src/widgets/models/targetModels/targetModelDetail/model/targetModelDetailModel.ts
@@ -1,6 +1,7 @@
 import { useTargetModelStore, TargetModelTableType } from '@/entities';
 import { useDefinitionTableModel } from '@/shared/hooks/table/definitionTable/useDefinitionTableModel';
 import { ref, watch } from 'vue';
+import { formatDate } from '@/shared/utils';
 
 export function useTargetModelDetailModel() {
   const targetModelStore = useTargetModelStore();
@@ -35,20 +36,21 @@ export function useTargetModelDetailModel() {
 
   function setDefineTableData(targetModelId: string) {
     const targetModel = targetModelStore.getTargetModelById(targetModelId);
-    let data: Partial<Record<TargetModelTableType, any>> = {};
+    let data: Partial<Record<TargetModelTableType | 'originalData', any>> = {};
 
     if (targetModel) {
       data = {
-        name: targetModel.name,
+        name: targetModel.userModelName,
         id: targetModel.id,
         description: targetModel.description,
-        migrationType: targetModel.migrationType,
-        custom: targetModel.custom,
+        migrationType: targetModel['migrationType'] ?? '',
+        custom: targetModel.isInitUserModel ? 'Basic' : 'Custom',
         modelType: 'Target',
-        createdDateTime: targetModel.createdDateTime,
-        updatedDateTime: targetModel.updatedDateTime,
-        customAndViewJSON: targetModel.customAndViewJSON,
-        workflowTool: targetModel.workflowTool,
+        createdDateTime: formatDate(targetModel.createTime),
+        updatedDateTime: formatDate(targetModel.updateTime),
+        customAndViewJSON: '',
+        workflowTool: '',
+        originalData: targetModel,
       };
     }
     return data;
diff --git a/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts b/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
index 7c767526..72a98135 100644
--- a/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
+++ b/front/src/widgets/models/targetModels/targetModelList/model/targetModelListModel.ts
@@ -50,7 +50,7 @@ export function useTargetModelListModel() {
       id: targetModel.id,
       description: targetModel.description,
       migrationType: targetModel['migrationType'] ?? '',
-      custom: targetModel['custom '] ?? '',
+      custom: targetModel.isInitUserModel ? 'Basic' : 'Custom',
       createdDateTime: formatDate(targetModel.createTime),
       updatedDateTime: formatDate(targetModel.updateTime),
       originalData: targetModel,

From 6934fb4b819e1a1b605e5b8f75386eb7439f5757 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 12 Nov 2024 10:16:24 +0900
Subject: [PATCH 13/41] chore : package-lock

---
 front/package-lock.json | 8201 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 8201 insertions(+)
 create mode 100644 front/package-lock.json

diff --git a/front/package-lock.json b/front/package-lock.json
new file mode 100644
index 00000000..e73cba62
--- /dev/null
+++ b/front/package-lock.json
@@ -0,0 +1,8201 @@
+{
+  "name": "front-environment",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "front-environment",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@cloudforet-test/mirinae": "2.0.0-dev171",
+        "@vueuse/core": "^10.7.2",
+        "@vueuse/integrations": "^11.0.1",
+        "axios": "^1.7.2",
+        "jwt-decode": "^4.0.0",
+        "pinia": "^2.1.7",
+        "postcss-loader": "^8.1.1",
+        "postcss-simple-vars": "^7.0.1",
+        "sequential-workflow-designer": "^0.24.6",
+        "sequential-workflow-editor": "^0.14.0",
+        "sequential-workflow-editor-model": "^0.14.0",
+        "vue": "^2.7.16",
+        "vue-fragment": "^1.5.1",
+        "vue-i18n": "^8.28.2",
+        "vue-router": "^3.6.5"
+      },
+      "devDependencies": {
+        "@originjs/vite-plugin-commonjs": "^1.0.3",
+        "@types/lodash": "^4.14.192",
+        "@types/node": "^22.0.0",
+        "@typescript-eslint/eslint-plugin": "^5.41.0",
+        "@typescript-eslint/parser": "^5.41.0",
+        "@vitejs/plugin-vue2": "^2.3.1",
+        "@vue/eslint-config-prettier": "^9.0.0",
+        "@vue/eslint-config-typescript": "^13.0.0",
+        "@vueuse/core": "^11.0.1",
+        "async-validator": "^4.2.5",
+        "autoprefixer": "^10.4.19",
+        "eslint": "8.57.0",
+        "eslint-plugin-prettier": "^5.0.0",
+        "eslint-plugin-vue": "^9.27.0",
+        "lint-staged": "^13.2.0",
+        "lodash": "^4.14.192",
+        "postcss": "^8.4.39",
+        "prettier": "^3.3.3",
+        "tailwindcss": "^3.4.4",
+        "typescript": "^5.2.2",
+        "vite": "^3.2.4",
+        "vue-tsc": "^2.0.21"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "dependencies": {
+        "@babel/types": "^7.26.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@cfcs/core": {
+      "version": "0.0.24",
+      "resolved": "https://registry.npmjs.org/@cfcs/core/-/core-0.0.24.tgz",
+      "integrity": "sha512-feB38qu+eDk0Pggh/yR7gjaNmvUYA2uCxHP3Pz2MLE4LZ/9jPdtu8bzCSI47yTEhWyZCF5Pk698hdz8IN2mTjA==",
+      "dependencies": {
+        "@egjs/component": "^3.0.4"
+      }
+    },
+    "node_modules/@cfcs/core/node_modules/@egjs/component": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-3.0.5.tgz",
+      "integrity": "sha512-cLcGizTrrUNA2EYE3MBmEDt2tQv1joVP1Q3oDisZ5nw0MZDx2kcgEXM+/kZpfa/PAkFvYVhRUZwytIQWoN3V/w=="
+    },
+    "node_modules/@cloudforet-test/mirinae": {
+      "version": "2.0.0-dev171",
+      "resolved": "https://registry.npmjs.org/@cloudforet-test/mirinae/-/mirinae-2.0.0-dev171.tgz",
+      "integrity": "sha512-COJ/V267OU4R6QZpOKbP6D1b2RIf+HHtlxtxiyOlqPovMfnQcbB9xkxHHbHwvnaNCnz/vAiLkhZdfaz7k2rxSQ==",
+      "dependencies": {
+        "@egjs/vue-flicking": "^3.7.4",
+        "@faker-js/faker": "^7.3.0",
+        "@juggle/resize-observer": "^3.3.1",
+        "@popperjs/core": "^2.11.4",
+        "@vueuse/components": "^9.0.2",
+        "@vueuse/core": "^8.9.1",
+        "ajv": "^8.12.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-i18n": "^4.2.0",
+        "bytes": "^3.1.2",
+        "codemirror": "^5.65.6",
+        "color": "^3.1.2",
+        "commander": "^10.0.1",
+        "core-js": "^3.29.1",
+        "dayjs": "^1.10.7",
+        "dompurify": "^2.3.3",
+        "dragselect": "^1.15.1",
+        "ejs": "^3.1.10",
+        "filepond": "^4.30.3",
+        "filepond-plugin-file-validate-type": "^1.2.6",
+        "flatpickr": "^4.6.9",
+        "fuse.js": "^3.6.1",
+        "highlight.js": "^11.5.1",
+        "linkify-it": "^4.0.1",
+        "lodash": "^4.17.21",
+        "marked": "^4.0.12",
+        "uuid": "^8.3.2",
+        "v-click-outside": "^3.0.1",
+        "v-tooltip": "^2.0.3",
+        "velocity-animate": "^1.5.2",
+        "vue": "2.7.16",
+        "vue-filepond": "^6.0.3",
+        "vue-focus": "^2.1.0",
+        "vue-fragment": "^1.5.1",
+        "vue-gtag": "^1.16.1",
+        "vue-i18n": "^8.15.5",
+        "vue-js-toggle-button": "^1.3.3",
+        "vue-notification": "^1.3.20",
+        "vue-svgicon": "^3.2.9",
+        "vue-template-compiler": "2.7.16",
+        "vuedraggable": "^2.24.3",
+        "webfontloader": "^1.6.28"
+      }
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/@types/web-bluetooth": {
+      "version": "0.0.14",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.14.tgz",
+      "integrity": "sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A=="
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core": {
+      "version": "8.9.4",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-8.9.4.tgz",
+      "integrity": "sha512-B/Mdj9TK1peFyWaPof+Zf/mP9XuGAngaJZBwPaXBvU3aCTZlx3ltlrFFFyMV4iGBwsjSCeUCgZrtkEj9dS2Y3Q==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.14",
+        "@vueuse/metadata": "8.9.4",
+        "@vueuse/shared": "8.9.4",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.1.0",
+        "vue": "^2.6.0 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+      "version": "8.9.4",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-8.9.4.tgz",
+      "integrity": "sha512-wt+T30c4K6dGRMVqPddexEVLa28YwxW5OFIPmzUHICjphfAuBFTTdDoyqREZNDOFJZ44ARH1WWQNCUK8koJ+Ag==",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.1.0",
+        "vue": "^2.6.0 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/@vueuse/metadata": {
+      "version": "8.9.4",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.9.4.tgz",
+      "integrity": "sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@cloudforet-test/mirinae/node_modules/fuse.js": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-3.6.1.tgz",
+      "integrity": "sha512-hT9yh/tiinkmirKrlv4KWOjztdoZo1mx9Qh4KvWqC7isoXwdUY3PNWUxceF4/qO9R6riA2C29jdTOeQOIROjgw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@egjs/agent": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@egjs/agent/-/agent-2.4.4.tgz",
+      "integrity": "sha512-cvAPSlUILhBBOakn2krdPnOGv5hAZq92f1YHxYcfu0p7uarix2C6Ia3AVizpS1SGRZGiEkIS5E+IVTLg1I2Iog=="
+    },
+    "node_modules/@egjs/axes": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/@egjs/axes/-/axes-2.8.0.tgz",
+      "integrity": "sha512-WPMIM/ExZBS8guD3oeNr6YGDn2xSnj0YUZHWvY/NWvTQIs7A2O7WxJivYgzcg7r2q0RYtzrdpHn+982iaKCLSw==",
+      "dependencies": {
+        "@egjs/agent": "^2.2.1",
+        "@egjs/component": "^2.2.2",
+        "@egjs/hammerjs": "^2.0.15"
+      }
+    },
+    "node_modules/@egjs/children-differ": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@egjs/children-differ/-/children-differ-1.0.1.tgz",
+      "integrity": "sha512-DRvyqMf+CPCOzAopQKHtW+X8iN6Hy6SFol+/7zCUiE5y4P/OB8JP8FtU4NxtZwtafvSL4faD5KoQYPj3JHzPFQ==",
+      "dependencies": {
+        "@egjs/list-differ": "^1.0.0"
+      }
+    },
+    "node_modules/@egjs/component": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-2.2.2.tgz",
+      "integrity": "sha512-2m6nu6/Mbs6VnoT4IHFGUBX6V82Zp01zDmlWpIJ3fMatHpe7BB1qUYFgMmSWGY0uOvOl4plvflwbCRUAGMfwWQ=="
+    },
+    "node_modules/@egjs/flicking": {
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/@egjs/flicking/-/flicking-3.9.3.tgz",
+      "integrity": "sha512-KGOSSeGDA9+0m24F3/hC+nc77/kRPuIVM3prTRcPB5jzhWcxJHpP9nyxJvitFJ+Ge4sPbZQxzLzUErgz9rrfWQ==",
+      "dependencies": {
+        "@egjs/axes": "^2.8.0",
+        "@egjs/component": "^2.2.2",
+        "@egjs/imready": "^1.1.2",
+        "@egjs/list-differ": "^1.0.0"
+      }
+    },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@egjs/imready": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@egjs/imready/-/imready-1.4.1.tgz",
+      "integrity": "sha512-JIOBs4lB7FYdsKi5uvz2j3SObX8eShtZjtqlOH41tm185aJOQZwiKBK8+V4MxzG4X6DqVhpdN8UcuVwBbElfsg==",
+      "dependencies": {
+        "@cfcs/core": "^0.0.24",
+        "@egjs/component": "^3.0.1"
+      }
+    },
+    "node_modules/@egjs/imready/node_modules/@egjs/component": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@egjs/component/-/component-3.0.5.tgz",
+      "integrity": "sha512-cLcGizTrrUNA2EYE3MBmEDt2tQv1joVP1Q3oDisZ5nw0MZDx2kcgEXM+/kZpfa/PAkFvYVhRUZwytIQWoN3V/w=="
+    },
+    "node_modules/@egjs/list-differ": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@egjs/list-differ/-/list-differ-1.0.1.tgz",
+      "integrity": "sha512-OTFTDQcWS+1ZREOdCWuk5hCBgYO4OsD30lXcOCyVOAjXMhgL5rBRDnt/otb6Nz8CzU0L/igdcaQBDLWc4t9gvg=="
+    },
+    "node_modules/@egjs/vue-children-differ": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@egjs/vue-children-differ/-/vue-children-differ-1.0.1.tgz",
+      "integrity": "sha512-UPwMPoPaqGMjBGM8zoxvFyhIc8/Kqj3kkxYfPx6jRn0nnIZ/yfI4OHjPpU8FidnvvhVRUzrJfKeMX8DAsJCz7Q==",
+      "dependencies": {
+        "@egjs/children-differ": "^1.0.1"
+      }
+    },
+    "node_modules/@egjs/vue-flicking": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/@egjs/vue-flicking/-/vue-flicking-3.8.3.tgz",
+      "integrity": "sha512-d/DZgwnl0B96q+LN8sY/5QhPDUNUgf8ZMAbIcL//WuquziwmVXc0QBrGRFU/Ac7yl+Y5eszXWHybZsoKtrtbLg==",
+      "dependencies": {
+        "@egjs/flicking": "~3.9.3",
+        "@egjs/list-differ": "^1.0.0",
+        "@egjs/vue-children-differ": "^1.0.0",
+        "vue-property-decorator": "^8.1.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.18.tgz",
+      "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz",
+      "integrity": "sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@faker-js/faker": {
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/@faker-js/faker/-/faker-7.6.0.tgz",
+      "integrity": "sha512-XK6BTq1NDMo9Xqw/YkYyGjSsg44fbNwYRx7QK2CuoQgyy+f1rrTDHoExVM5PsyXCtfl2vs2vVJ0MN0yN6LppRw==",
+      "engines": {
+        "node": ">=14.0.0",
+        "npm": ">=6.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@juggle/resize-observer": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz",
+      "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA=="
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@originjs/vite-plugin-commonjs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@originjs/vite-plugin-commonjs/-/vite-plugin-commonjs-1.0.3.tgz",
+      "integrity": "sha512-KuEXeGPptM2lyxdIEJ4R11+5ztipHoE7hy8ClZt3PYaOVQ/pyngd2alaSrPnwyFeOW1UagRBaQ752aA1dTMdOQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.14.14"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.46",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
+      "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.13",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.13.tgz",
+      "integrity": "sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "22.9.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.0.tgz",
+      "integrity": "sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~6.19.8"
+      }
+    },
+    "node_modules/@types/q": {
+      "version": "1.5.8",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.8.tgz",
+      "integrity": "sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+      "dev": true
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
+      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.4.0",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/type-utils": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
+      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "@typescript-eslint/utils": "5.62.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@types/json-schema": "^7.0.9",
+        "@types/semver": "^7.3.12",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "eslint-scope": "^5.1.1",
+        "semver": "^7.3.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/@vitejs/plugin-vue2": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue2/-/plugin-vue2-2.3.1.tgz",
+      "integrity": "sha512-/ksaaz2SRLN11JQhLdEUhDzOn909WEk99q9t9w+N12GjQCljzv7GyvAbD/p20aBUjHkvpGOoQ+FCOkG+mjDF4A==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >= 16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0",
+        "vue": "^2.7.0-0"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.9.tgz",
+      "integrity": "sha512-t++GIrUeQnKCieZdY9e+Uar2VmTqOE4Z9KcEcdSHKmKZPuqpbbWow1YKe1i3HpU2s1JqLRVM8y/n87WKXyxJAg==",
+      "dev": true,
+      "dependencies": {
+        "@volar/source-map": "2.4.9"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.9.tgz",
+      "integrity": "sha512-UGE+WgJwk64OcfBwBOBKIzmF+uNx4dC5GzOvaVsHbTBp/IVqeTVsGiO5CwBAt6l3vVXYbMuddG2DU8FEnBRxTg==",
+      "dev": true
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.9.tgz",
+      "integrity": "sha512-Zmh3Bq8CFD6OANKYsi4vs/l7togwfjFH0kgrT12uAsDff2AJQjbEUKTVUnxmHbnbH2B9ja7Lb6Mu/Wj9wBuJlg==",
+      "dev": true,
+      "dependencies": {
+        "@volar/language-core": "2.4.9",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.12.tgz",
+      "integrity": "sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.12",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz",
+      "integrity": "sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.5.12",
+        "@vue/shared": "3.5.12"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+      "dependencies": {
+        "@babel/parser": "^7.23.5",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      },
+      "optionalDependencies": {
+        "prettier": "^1.18.2 || ^2.0.0"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
+    },
+    "node_modules/@vue/eslint-config-prettier": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
+      "integrity": "sha512-z1ZIAAUS9pKzo/ANEfd2sO+v2IUalz7cM/cTLOZ7vRFOPk5/xuRKQteOu1DErFLAh/lYGXMVZ0IfYKlyInuDVg==",
+      "dev": true,
+      "dependencies": {
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-prettier": "^5.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">= 8.0.0",
+        "prettier": ">= 3.0.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz",
+      "integrity": "sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "^7.1.1",
+        "@typescript-eslint/parser": "^7.1.1",
+        "vue-eslint-parser": "^9.3.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0",
+        "eslint-plugin-vue": "^9.0.0",
+        "typescript": ">=4.7.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/type-utils": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/parser": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/scope-manager": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/type-utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@vue/language-core": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.10.tgz",
+      "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==",
+      "dev": true,
+      "dependencies": {
+        "@volar/language-core": "~2.4.8",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^0.2.0",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.12.tgz",
+      "integrity": "sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==",
+      "dev": true
+    },
+    "node_modules/@vueuse/components": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-9.13.0.tgz",
+      "integrity": "sha512-UJ8PjQ4SGb2rsVIy9vhEc6aCu+3+2cc+xEfGNX8/M1NKIuL2Vo6c2Kc2fYFaRzWZkP8HWXu+IcwvnAzL44IEFA==",
+      "dependencies": {
+        "@vueuse/core": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      }
+    },
+    "node_modules/@vueuse/components/node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+    },
+    "node_modules/@vueuse/components/node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/components/node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/components/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-11.2.0.tgz",
+      "integrity": "sha512-JIUwRcOqOWzcdu1dGlfW04kaJhW3EXnnjJJfLTtddJanymTL7lF1C0+dVVZ/siLfc73mWn+cGP1PE1PKPruRSA==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "11.2.0",
+        "@vueuse/shared": "11.2.0",
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.2.0.tgz",
+      "integrity": "sha512-VxFjie0EanOudYSgMErxXfq6fo8vhr5ICI+BuE3I9FnX7ePllEsVrRQ7O6Q1TLgApeLuPKcHQxAXpP+KnlrJsg==",
+      "dependencies": {
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/integrations": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-11.2.0.tgz",
+      "integrity": "sha512-zGXz3dsxNHKwiD9jPMvR3DAxQEOV6VWIEYTGVSB9PNpk4pTWR+pXrHz9gvXWcP2sTk3W2oqqS6KwWDdntUvNVA==",
+      "dependencies": {
+        "@vueuse/core": "11.2.0",
+        "@vueuse/shared": "11.2.0",
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "async-validator": "^4",
+        "axios": "^1",
+        "change-case": "^5",
+        "drauu": "^0.4",
+        "focus-trap": "^7",
+        "fuse.js": "^7",
+        "idb-keyval": "^6",
+        "jwt-decode": "^4",
+        "nprogress": "^0.2",
+        "qrcode": "^1.5",
+        "sortablejs": "^1",
+        "universal-cookie": "^7"
+      },
+      "peerDependenciesMeta": {
+        "async-validator": {
+          "optional": true
+        },
+        "axios": {
+          "optional": true
+        },
+        "change-case": {
+          "optional": true
+        },
+        "drauu": {
+          "optional": true
+        },
+        "focus-trap": {
+          "optional": true
+        },
+        "fuse.js": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "jwt-decode": {
+          "optional": true
+        },
+        "nprogress": {
+          "optional": true
+        },
+        "qrcode": {
+          "optional": true
+        },
+        "sortablejs": {
+          "optional": true
+        },
+        "universal-cookie": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/integrations/node_modules/@vueuse/shared": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.2.0.tgz",
+      "integrity": "sha512-VxFjie0EanOudYSgMErxXfq6fo8vhr5ICI+BuE3I9FnX7ePllEsVrRQ7O6Q1TLgApeLuPKcHQxAXpP+KnlrJsg==",
+      "dependencies": {
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/integrations/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-11.2.0.tgz",
+      "integrity": "sha512-L0ZmtRmNx+ZW95DmrgD6vn484gSpVeRbgpWevFKXwqqQxW9hnSi2Ppuh2BzMjnbv4aJRiIw8tQatXT9uOB23dQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-i18n": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/ajv-i18n/-/ajv-i18n-4.2.0.tgz",
+      "integrity": "sha512-v/ei2UkCEeuKNXh8RToiFsUclmU+G57LO1Oo22OagNMENIw+Yb8eMwvHu7Vn9fmkjJyv6XclhJ8TbuigSglPkg==",
+      "peerDependencies": {
+        "ajv": "^8.0.0-beta.0"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.0.tgz",
+      "integrity": "sha512-StlonZhBBrsPPwrDjiPAiVTf/rolxffLxVPT60Qv/t88BZ81BvUVzHgGqEFvJ1ii8HXtm1+zU2Icr59tfWEcag==",
+      "dev": true
+    },
+    "node_modules/ansi-escapes": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-5.0.0.tgz",
+      "integrity": "sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
+      "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/ansi-styles/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.reduce": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz",
+      "integrity": "sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-array-method-boxes-properly": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.2.1",
+        "get-intrinsic": "^1.2.3",
+        "is-array-buffer": "^3.0.4",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "devOptional": true
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
+      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001678",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001678.tgz",
+      "integrity": "sha512-RR+4U/05gNtps58PEBDZcPWTgEO2MBeoPZ96aQcjmfkBWRIDfN451fW2qyDA9/+HohLLIL5GqiMwA+IB1pWarw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
+      "integrity": "sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==",
+      "dev": true,
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
+      "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
+      "dependencies": {
+        "string-width": "^2.1.1",
+        "strip-ansi": "^4.0.0",
+        "wrap-ansi": "^2.0.0"
+      }
+    },
+    "node_modules/cliui/node_modules/ansi-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cliui/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dependencies": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==",
+      "dependencies": {
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dependencies": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/coa/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/coa/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/coa/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "5.65.18",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.18.tgz",
+      "integrity": "sha512-Gaz4gHnkbHMGgahNt3CA5HBk5lLQBqmD/pBgeB4kQU6OedZmqMBjlRF0LSrp2tJ4wlLNPm2FfaUd1pDy0mdlpA=="
+    },
+    "node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+    },
+    "node_modules/core-js": {
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.39.0.tgz",
+      "integrity": "sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "node_modules/css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
+    },
+    "node_modules/css-select/node_modules/nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "dependencies": {
+        "boolbase": "~1.0.0"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dependencies": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
+    },
+    "node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+    },
+    "node_modules/dompurify": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.7.tgz",
+      "integrity": "sha512-2q4bEI+coQM8f5ez7kt2xclg1XsecaV9ASJk/54vwlfRRNQfDqJz2pzQ8t0Ix/ToBpXlVjrRIx7pFC/o8itG2Q=="
+    },
+    "node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/dragselect": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/dragselect/-/dragselect-1.15.1.tgz",
+      "integrity": "sha512-2U57z6flnl5tJKHOMqMTgasIVDMWlo0357LYsRPzaSHfcG6ZygLPijJC4JAYCJ85ycjEV9m1N2HlxAduz8yl2g=="
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.52",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.52.tgz",
+      "integrity": "sha512-xtoijJTZ+qeucLBDNztDOuQBE1ksqjvNjvqFoST3nGC7fSpqJ+X6BdTBaY5BHG+IhWWmpc6b/KfpeuEDupEPOQ==",
+      "dev": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.3",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.4",
+        "get-symbol-description": "^1.0.2",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.0.7",
+        "is-array-buffer": "^3.0.4",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.1",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.3",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-array-method-boxes-properly": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
+      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.54.tgz",
+      "integrity": "sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/linux-loong64": "0.14.54",
+        "esbuild-android-64": "0.14.54",
+        "esbuild-android-arm64": "0.14.54",
+        "esbuild-darwin-64": "0.14.54",
+        "esbuild-darwin-arm64": "0.14.54",
+        "esbuild-freebsd-64": "0.14.54",
+        "esbuild-freebsd-arm64": "0.14.54",
+        "esbuild-linux-32": "0.14.54",
+        "esbuild-linux-64": "0.14.54",
+        "esbuild-linux-arm": "0.14.54",
+        "esbuild-linux-arm64": "0.14.54",
+        "esbuild-linux-mips64le": "0.14.54",
+        "esbuild-linux-ppc64le": "0.14.54",
+        "esbuild-linux-riscv64": "0.14.54",
+        "esbuild-linux-s390x": "0.14.54",
+        "esbuild-netbsd-64": "0.14.54",
+        "esbuild-openbsd-64": "0.14.54",
+        "esbuild-sunos-64": "0.14.54",
+        "esbuild-windows-32": "0.14.54",
+        "esbuild-windows-64": "0.14.54",
+        "esbuild-windows-arm64": "0.14.54"
+      }
+    },
+    "node_modules/esbuild-android-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz",
+      "integrity": "sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-android-arm64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz",
+      "integrity": "sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-darwin-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz",
+      "integrity": "sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-darwin-arm64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz",
+      "integrity": "sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-freebsd-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz",
+      "integrity": "sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-freebsd-arm64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz",
+      "integrity": "sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-32": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz",
+      "integrity": "sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz",
+      "integrity": "sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-arm": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz",
+      "integrity": "sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-arm64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz",
+      "integrity": "sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-mips64le": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz",
+      "integrity": "sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-ppc64le": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz",
+      "integrity": "sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-riscv64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz",
+      "integrity": "sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-s390x": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz",
+      "integrity": "sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-netbsd-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz",
+      "integrity": "sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-openbsd-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz",
+      "integrity": "sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-sunos-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz",
+      "integrity": "sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-32": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz",
+      "integrity": "sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz",
+      "integrity": "sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-arm64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz",
+      "integrity": "sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
+      "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
+      "dev": true,
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0",
+        "synckit": "^0.9.1"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": "*",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "9.30.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.30.0.tgz",
+      "integrity": "sha512-CyqlRgShvljFkOeYK8wN5frh/OGTvkj1S7wlr2Q2pUvwq+X5VYiLd6ZjujpgSgLnys2W8qrBLkXQ41SUYaoPIQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.3",
+        "vue-eslint-parser": "^9.4.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esquery/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "dev": true
+    },
+    "node_modules/execa": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
+      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.1",
+        "human-signals": "^4.3.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^3.0.7",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fast-uri": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz",
+      "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw=="
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/filepond": {
+      "version": "4.32.1",
+      "resolved": "https://registry.npmjs.org/filepond/-/filepond-4.32.1.tgz",
+      "integrity": "sha512-saY+F6VsiUomUH+w/sFO49gwL+GZG3WglSbg46ubuowSY3imE6dl1wUu48VT1NnIIeXFqRUEDt9td2QP8C6uDg=="
+    },
+    "node_modules/filepond-plugin-file-validate-type": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/filepond-plugin-file-validate-type/-/filepond-plugin-file-validate-type-1.2.9.tgz",
+      "integrity": "sha512-Tzv07aNdZvjUXDRA3XL16QMEvh6llDrXlcZ6W0eTHQ+taHaVg/JKJTFs/AViO+6ZcpPCcQStbhYEL2HoS+vldw==",
+      "peerDependencies": {
+        "filepond": ">=1.x <5.x"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatpickr": {
+      "version": "4.6.13",
+      "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz",
+      "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw=="
+    },
+    "node_modules/flatted": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
+      "dev": true
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
+      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fs-plus": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fs-plus/-/fs-plus-3.1.1.tgz",
+      "integrity": "sha512-Se2PJdOWXqos1qVTkvqqjb0CSnfBnwwD+pq+z4ksT+e97mEShod/hrNg0TRCCsXPbJzcIq+NuzQhigunMWMJUA==",
+      "dependencies": {
+        "async": "^1.5.2",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.2",
+        "underscore-plus": "1.x"
+      }
+    },
+    "node_modules/fs-plus/node_modules/async": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "integrity": "sha512-nSVgobk4rv61R9PUSDtYt7mPVB2olxNR5RWJcAsH676/ef11bUZwvu7+RGYrYauVdDPcO519v68wRhXQtxsV9w=="
+    },
+    "node_modules/fs-plus/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fuse.js": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.0.0.tgz",
+      "integrity": "sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.10.0",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.10.0.tgz",
+      "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
+      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/invert-kv": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz",
+      "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
+      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "dependencies": {
+        "which-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
+      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.6",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/jwt-decode": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+      "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/lcid": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz",
+      "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==",
+      "dependencies": {
+        "invert-kv": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/lint-staged": {
+      "version": "13.3.0",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.3.0.tgz",
+      "integrity": "sha512-mPRtrYnipYYv1FEE134ufbWpeggNTo+O/UPzngoaKzbzHAthvR55am+8GfHTnqNRQVRRrYQLGW9ZyUoD7DsBHQ==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "5.3.0",
+        "commander": "11.0.0",
+        "debug": "4.3.4",
+        "execa": "7.2.0",
+        "lilconfig": "2.1.0",
+        "listr2": "6.6.1",
+        "micromatch": "4.0.5",
+        "pidtree": "0.6.0",
+        "string-argv": "0.3.2",
+        "yaml": "2.3.1"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/lint-staged/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/commander": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz",
+      "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/lint-staged/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lint-staged/node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/lint-staged/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/listr2": {
+      "version": "6.6.1",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-6.6.1.tgz",
+      "integrity": "sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==",
+      "dev": true,
+      "dependencies": {
+        "cli-truncate": "^3.1.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^5.0.1",
+        "rfdc": "^1.3.0",
+        "wrap-ansi": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "enquirer": ">= 2.3.0 < 3"
+      },
+      "peerDependenciesMeta": {
+        "enquirer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/log-update": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-5.0.1.tgz",
+      "integrity": "sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==",
+      "dev": true,
+      "dependencies": {
+        "ansi-escapes": "^5.0.0",
+        "cli-cursor": "^4.0.0",
+        "slice-ansi": "^5.0.0",
+        "strip-ansi": "^7.0.1",
+        "wrap-ansi": "^8.0.1"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true
+    },
+    "node_modules/map-age-cleaner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+      "dependencies": {
+        "p-defer": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/marked": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
+      "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA=="
+    },
+    "node_modules/mem": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz",
+      "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==",
+      "dependencies": {
+        "map-age-cleaner": "^0.1.1",
+        "mimic-fn": "^2.0.0",
+        "p-is-promise": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mem/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true
+    },
+    "node_modules/nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
+      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.getownpropertydescriptors": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz",
+      "integrity": "sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==",
+      "dependencies": {
+        "array.prototype.reduce": "^1.0.6",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "gopd": "^1.0.1",
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/os-locale": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz",
+      "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==",
+      "dependencies": {
+        "execa": "^1.0.0",
+        "lcid": "^2.0.0",
+        "mem": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/os-locale/node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
+    "node_modules/os-locale/node_modules/execa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+      "dependencies": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/os-locale/node_modules/get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/os-locale/node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-locale/node_modules/npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+      "dependencies": {
+        "path-key": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/os-locale/node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/os-locale/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/os-locale/node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-locale/node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-locale/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/p-defer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+      "integrity": "sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/p-is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz",
+      "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.6.tgz",
+      "integrity": "sha512-vIsR8JkDN5Ga2vAxqOE2cJj4VtsHnzpR1Fz30kClxlh0yCHfec6uoMeM3e/ddqmwFUejK3NlrcQa/shnpyT4hA==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
+      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.47",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
+      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.0",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
+      "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
+      "dev": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
+      "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==",
+      "dependencies": {
+        "cosmiconfig": "^9.0.0",
+        "jiti": "^1.20.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-simple-vars": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-simple-vars/-/postcss-simple-vars-7.0.1.tgz",
+      "integrity": "sha512-5GLLXaS8qmzHMOjVxqkk1TZPf1jMqesiI7qLhnlyERalG0sMbHIbJqrcnrpmZdKCLglHnRHoEBB61RtGTsj++A==",
+      "engines": {
+        "node": ">=14.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.1"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "node_modules/pump": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+      "deprecated": "You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.\n\n(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)",
+      "engines": {
+        "node": ">=0.6.0",
+        "teleport": ">=0.2.0"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz",
+      "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
+      "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug=="
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "2.79.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
+      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.1.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
+    },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sequential-workflow-designer": {
+      "version": "0.24.8",
+      "resolved": "https://registry.npmjs.org/sequential-workflow-designer/-/sequential-workflow-designer-0.24.8.tgz",
+      "integrity": "sha512-DkLwdtkP2F8AnvrICtrgzTS4TfCpDHRTpN71G3OQSL1zky5T8I5GTm7iqnMmQkwfjRi1Xx8b8e5miW687/6jYw==",
+      "dependencies": {
+        "sequential-workflow-model": "^0.2.0"
+      },
+      "peerDependencies": {
+        "sequential-workflow-model": "^0.2.0"
+      }
+    },
+    "node_modules/sequential-workflow-editor": {
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/sequential-workflow-editor/-/sequential-workflow-editor-0.14.4.tgz",
+      "integrity": "sha512-70yv6VtzWHpHPkzTccdXRxCvmr4Ph/ZCb6tEAZyXz1cmomxWwU5eu03mx8pRw8A78Z+jEANqMv0fUclPwnLIYg==",
+      "dependencies": {
+        "sequential-workflow-editor-model": "^0.14.4",
+        "sequential-workflow-model": "^0.2.0"
+      },
+      "peerDependencies": {
+        "sequential-workflow-editor-model": "^0.14.4",
+        "sequential-workflow-model": "^0.2.0"
+      }
+    },
+    "node_modules/sequential-workflow-editor-model": {
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/sequential-workflow-editor-model/-/sequential-workflow-editor-model-0.14.4.tgz",
+      "integrity": "sha512-TcC+PlkOzDmx+VcwwVdDr2Qfe5Sw9/vUc5Wl70cHFQfOkxXPPrB6HiESPIrX6Lf+6pESe5mGGMBV1gCFewo5/g==",
+      "dependencies": {
+        "sequential-workflow-model": "^0.2.0"
+      },
+      "peerDependencies": {
+        "sequential-workflow-model": "^0.2.0"
+      }
+    },
+    "node_modules/sequential-workflow-model": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/sequential-workflow-model/-/sequential-workflow-model-0.2.0.tgz",
+      "integrity": "sha512-oK+He1N/0Ogg4Z/7KbAzhBRTJEqpPewQAIV7G9WvxhLcpTHvrR9rTMykDwWDVdroNFiLQYa00nYvjqrCIzYfqg=="
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
+      "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility"
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dev": true,
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
+      "dependencies": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/svgo/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/svgo/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/svgo/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/svgo/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/synckit": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+      "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
+      "dev": true,
+      "dependencies": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.14",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz",
+      "integrity": "sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==",
+      "dev": true,
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.0",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.0.tgz",
+      "integrity": "sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "devOptional": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/underscore": {
+      "version": "1.13.7",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.7.tgz",
+      "integrity": "sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g=="
+    },
+    "node_modules/underscore-plus": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/underscore-plus/-/underscore-plus-1.7.0.tgz",
+      "integrity": "sha512-A3BEzkeicFLnr+U/Q3EyWwJAQPbA19mtZZ4h+lLq3ttm9kn8WC4R3YpuJZEXmWdLjYP47Zc8aLZm9kwdv+zzvA==",
+      "dependencies": {
+        "underscore": "^1.9.1"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true
+    },
+    "node_modules/unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg=="
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/util.promisify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v-click-outside": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/v-click-outside/-/v-click-outside-3.2.0.tgz",
+      "integrity": "sha512-QD0bDy38SHJXQBjgnllmkI/rbdiwmq9RC+/+pvrFjYJKTn8dtp7Penf9q1lLBta280fYG2q53mgLhQ+3l3z74w==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/v-tooltip": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.1.3.tgz",
+      "integrity": "sha512-xXngyxLQTOx/yUEy50thb8te7Qo4XU6h4LZB6cvEfVd9mnysUxLEoYwGWDdqR+l69liKsy3IPkdYff3J1gAJ5w==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "lodash": "^4.17.21",
+        "popper.js": "^1.16.1",
+        "vue-resize": "^1.0.1"
+      }
+    },
+    "node_modules/velocity-animate": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/velocity-animate/-/velocity-animate-1.5.2.tgz",
+      "integrity": "sha512-m6EXlCAMetKztO1ppBhGU1/1MR3IiEevO6ESq6rcrSQ3Q77xYSW13jkfXW88o4xMrkXJhy/U7j4wFR/twMB0Eg=="
+    },
+    "node_modules/vite": {
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.2.11.tgz",
+      "integrity": "sha512-K/jGKL/PgbIgKCiJo5QbASQhFiV02X9Jh+Qq0AKCRCRKZtOTVi4t6wh75FDpGf2N9rYOnzH87OEFQNaFy6pdxQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.15.9",
+        "postcss": "^8.4.18",
+        "resolve": "^1.22.1",
+        "rollup": "^2.79.1"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz",
+      "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.18.tgz",
+      "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.15.18",
+        "@esbuild/linux-loong64": "0.15.18",
+        "esbuild-android-64": "0.15.18",
+        "esbuild-android-arm64": "0.15.18",
+        "esbuild-darwin-64": "0.15.18",
+        "esbuild-darwin-arm64": "0.15.18",
+        "esbuild-freebsd-64": "0.15.18",
+        "esbuild-freebsd-arm64": "0.15.18",
+        "esbuild-linux-32": "0.15.18",
+        "esbuild-linux-64": "0.15.18",
+        "esbuild-linux-arm": "0.15.18",
+        "esbuild-linux-arm64": "0.15.18",
+        "esbuild-linux-mips64le": "0.15.18",
+        "esbuild-linux-ppc64le": "0.15.18",
+        "esbuild-linux-riscv64": "0.15.18",
+        "esbuild-linux-s390x": "0.15.18",
+        "esbuild-netbsd-64": "0.15.18",
+        "esbuild-openbsd-64": "0.15.18",
+        "esbuild-sunos-64": "0.15.18",
+        "esbuild-windows-32": "0.15.18",
+        "esbuild-windows-64": "0.15.18",
+        "esbuild-windows-arm64": "0.15.18"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-android-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz",
+      "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-android-arm64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz",
+      "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-darwin-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz",
+      "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-darwin-arm64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz",
+      "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-freebsd-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz",
+      "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-freebsd-arm64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz",
+      "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-32": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz",
+      "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz",
+      "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-arm": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz",
+      "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-arm64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz",
+      "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-mips64le": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz",
+      "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-ppc64le": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz",
+      "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-riscv64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz",
+      "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-linux-s390x": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz",
+      "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-netbsd-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz",
+      "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-openbsd-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz",
+      "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-sunos-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz",
+      "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-windows-32": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz",
+      "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-windows-64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz",
+      "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild-windows-arm64": {
+      "version": "0.15.18",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz",
+      "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
+      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
+      "dev": true
+    },
+    "node_modules/vue": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
+      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.16",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue-class-component": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/vue-class-component/-/vue-class-component-7.2.6.tgz",
+      "integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/vue-filepond": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vue-filepond/-/vue-filepond-6.0.3.tgz",
+      "integrity": "sha512-m0wArAdpgzOOs19bWA6zzYlHAb2aK+igPoKPZGrzpgKiiELPKW7XZ2OBDXzk7rhpFLkedujVrMqwjPyZfmQTTQ==",
+      "peerDependencies": {
+        "filepond": ">=4.7.4 < 5.x",
+        "vue": ">=2.6.0 < 3.x"
+      }
+    },
+    "node_modules/vue-focus": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vue-focus/-/vue-focus-2.1.0.tgz",
+      "integrity": "sha512-4eUqO1fPEpzXyNlyjFvDbwZ3lU28k24vURbx90mG0VlQGuk2CdXdWxxjAR8nmOVb8oWbm0xX+968BpbRy2qzCw==",
+      "dependencies": {
+        "loose-envify": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-fragment": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/vue-fragment/-/vue-fragment-1.6.0.tgz",
+      "integrity": "sha512-a5T8ZZZK/EQzgVShEl374HbobUJ0a7v12BzOzS6Z/wd/5EE/5SffcyHC+7bf9hP3L7Yc0hhY/GhMdwFQ25O/8A==",
+      "peerDependencies": {
+        "vue": "^2.5.16"
+      }
+    },
+    "node_modules/vue-gtag": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-1.16.1.tgz",
+      "integrity": "sha512-5vs0pSGxdqrfXqN1Qwt0ZFXG0iTYjRMu/saddc7QIC5yp+DKgjWQRpGYVa7Pq+KbThxwzzMfo0sGi7ISa6NowA==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "8.28.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz",
+      "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
+    },
+    "node_modules/vue-js-toggle-button": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/vue-js-toggle-button/-/vue-js-toggle-button-1.3.3.tgz",
+      "integrity": "sha512-0b920oztgK+1SqlYF26MPiT28hAieL5aAQE7u21XEym5ryfzD4EMer4hLkgDC/1sWsCHb22GvV+t1Kb4AI6QFw==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-notification": {
+      "version": "1.3.20",
+      "resolved": "https://registry.npmjs.org/vue-notification/-/vue-notification-1.3.20.tgz",
+      "integrity": "sha512-vPj67Ah72p8xvtyVE8emfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-property-decorator": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-8.5.1.tgz",
+      "integrity": "sha512-O6OUN2OMsYTGPvgFtXeBU3jPnX5ffQ9V4I1WfxFQ6dqz6cOUbR3Usou7kgFpfiXDvV7dJQSFcJ5yUPgOtPPm1Q==",
+      "dependencies": {
+        "vue-class-component": "^7.1.0"
+      },
+      "peerDependencies": {
+        "vue": "*"
+      }
+    },
+    "node_modules/vue-resize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
+      "integrity": "sha512-z5M7lJs0QluJnaoMFTIeGx6dIkYxOwHThlZDeQnWZBizKblb99GSejPnK37ZbNE/rVwDcYcHY+Io+AxdpY952w==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "vue": "^2.6.0"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
+      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
+    },
+    "node_modules/vue-svgicon": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/vue-svgicon/-/vue-svgicon-3.3.2.tgz",
+      "integrity": "sha512-3jQ9kFZwjELJpJsmO6OU3Q8nDg6aZLRSBn7xSplX+kpfZXTdntgbLPUmPb7lHEjcP4TsGnANiBQVYmGDZi5T4Q==",
+      "dependencies": {
+        "camelcase": "^5.2.0",
+        "colors": "^1.3.0",
+        "fs-plus": "^3.0.2",
+        "glob": "^7.1.2",
+        "svgo": "^1.0.5",
+        "tslib": "^1.9.3",
+        "yargs": "^12.0.1"
+      },
+      "bin": {
+        "vsvg": "dist/lib/index.js"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      },
+      "peerDependencies": {
+        "vue": "^2.5.17",
+        "vue-template-compiler": "^2.5.16"
+      }
+    },
+    "node_modules/vue-svgicon/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
+      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.1.10.tgz",
+      "integrity": "sha512-RBNSfaaRHcN5uqVqJSZh++Gy/YUzryuv9u1aFWhsammDJXNtUiJMNoJ747lZcQ68wUQFx6E73y4FY3D8E7FGMA==",
+      "dev": true,
+      "dependencies": {
+        "@volar/typescript": "~2.4.8",
+        "@vue/language-core": "2.1.10",
+        "semver": "^7.5.4"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/vuedraggable": {
+      "version": "2.24.3",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+      "dependencies": {
+        "sortablejs": "1.10.2"
+      }
+    },
+    "node_modules/webfontloader": {
+      "version": "1.6.28",
+      "resolved": "https://registry.npmjs.org/webfontloader/-/webfontloader-1.6.28.tgz",
+      "integrity": "sha512-Egb0oFEga6f+nSgasH3E0M405Pzn6y3/9tOVanv/DLfa1YBIgcv90L18YyWnvXkRbIM17v5Kv6IT2N6g1x5tvQ=="
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+    },
+    "node_modules/yaml": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "12.0.5",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
+      "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
+      "dependencies": {
+        "cliui": "^4.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^1.0.1",
+        "os-locale": "^3.0.0",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^1.0.1",
+        "set-blocking": "^2.0.0",
+        "string-width": "^2.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^3.2.1 || ^4.0.0",
+        "yargs-parser": "^11.1.1"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
+      "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      }
+    },
+    "node_modules/yargs/node_modules/ansi-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yargs/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yargs/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yargs/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yargs/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yargs/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/yargs/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dependencies": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yargs/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From 1bff29cfed0154db9949ece5ed67f6c57e2acab1 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 12 Nov 2024 18:18:04 +0900
Subject: [PATCH 14/41] feat: loadConfig request, validation

---
 front/src/app/style/style.pcss                |   7 +
 front/src/entities/mci/api/index.ts           |  20 +-
 front/src/entities/mci/model/types.ts         |  24 ++-
 front/src/entities/vm/api/index.ts            |  29 ---
 front/src/entities/vm/model/index.ts          |   2 -
 front/src/entities/vm/model/store.ts          |  44 ----
 front/src/entities/vm/model/types.ts          |  18 --
 front/src/entities/vmgroups/api/index.ts      |  31 ---
 front/src/entities/vmgroups/model/index.ts    |   2 -
 front/src/entities/vmgroups/model/store.ts    |  33 ---
 front/src/entities/vmgroups/model/types.ts    |   9 -
 .../workload/loadConfig/model/index.ts        |  37 ++--
 .../workload/loadConfig/model/validate.ts     |  45 ++++
 .../workload/loadConfig/ui/LoadConfig.vue     | 194 ++++++++++++++----
 .../workloadOperations/mci/ui/MciPage.vue     |  12 +-
 front/src/shared/libs/api/request.ts          |   3 +
 .../workload/mci/mciList/ui/MciList.vue       |   2 +
 .../workload/vm/vmInformation/model/index.ts  |  85 ++++----
 .../vm/vmInformation/ui/VmInformation.vue     |  24 ++-
 .../widgets/workload/vm/vmList/model/index.ts |  38 ++--
 .../widgets/workload/vm/vmList/ui/VmList.vue  |  15 +-
 21 files changed, 364 insertions(+), 310 deletions(-)
 delete mode 100644 front/src/entities/vm/api/index.ts
 delete mode 100644 front/src/entities/vm/model/index.ts
 delete mode 100644 front/src/entities/vm/model/store.ts
 delete mode 100644 front/src/entities/vm/model/types.ts
 delete mode 100644 front/src/entities/vmgroups/api/index.ts
 delete mode 100644 front/src/entities/vmgroups/model/index.ts
 delete mode 100644 front/src/entities/vmgroups/model/store.ts
 delete mode 100644 front/src/entities/vmgroups/model/types.ts
 create mode 100644 front/src/features/workload/loadConfig/model/validate.ts

diff --git a/front/src/app/style/style.pcss b/front/src/app/style/style.pcss
index f1fbe423..e4ad9619 100644
--- a/front/src/app/style/style.pcss
+++ b/front/src/app/style/style.pcss
@@ -125,3 +125,10 @@ pre {
     padding: 0 1rem;
   }
 }
+
+.p-toolbox{
+  .outline {
+    outline: none;
+  }
+}
+
diff --git a/front/src/entities/mci/api/index.ts b/front/src/entities/mci/api/index.ts
index 2f0ecf1c..da06d3c9 100644
--- a/front/src/entities/mci/api/index.ts
+++ b/front/src/entities/mci/api/index.ts
@@ -3,7 +3,11 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '../../../shared/libs';
-import { IMci, MciResponseData } from '@/entities/mci/model';
+import {
+  IMci,
+  IRunLoadTestRequest,
+  MciResponseData,
+} from '@/entities/mci/model';
 
 export interface IMciRequestParams {
   nsId: string | null;
@@ -13,6 +17,7 @@ export interface IMciRequestParams {
 
 const GET_ALL_MCI = 'GetAllMci';
 const GET_MCI_INFO = 'GetMci';
+const RUN_LOAD_TEST = 'Runloadtest';
 
 export function useGetMciList(projectId: string | null, option: string | null) {
   const requestBodyWrapper: Required<
@@ -55,3 +60,16 @@ export function useGetMciInfo(params: IMciRequestParams | null) {
     Required<Pick<RequestBodyWrapper<IMciRequestParams>, 'pathParams'>>
   >(GET_MCI_INFO, requestBodyWrapper);
 }
+
+export function useRunLoadTest(requestPayload: IRunLoadTestRequest | null) {
+  const requestBodyWrapper: Required<
+    Pick<RequestBodyWrapper<IRunLoadTestRequest | null>, 'request'>
+  > = {
+    request: requestPayload,
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<IRunLoadTestRequest>,
+    Required<Pick<RequestBodyWrapper<IMciRequestParams | null>, 'request'>>
+  >(RUN_LOAD_TEST, requestBodyWrapper);
+}
diff --git a/front/src/entities/mci/model/types.ts b/front/src/entities/mci/model/types.ts
index a2a5c11c..1589c239 100644
--- a/front/src/entities/mci/model/types.ts
+++ b/front/src/entities/mci/model/types.ts
@@ -136,4 +136,26 @@ export interface IMci {
   newVmList: any; // Assuming newVmList can be any type
 }
 
-// Usage example:
+export interface IRunLoadTestRequest {
+  agentHostname: string;
+  collectAdditionalSystemMetrics: boolean;
+  httpReqs: Array<{
+    bodyData: string;
+    hostname: string;
+    method: 'get' | 'post' | 'put' | 'delete';
+    path: string;
+    port: string;
+    protocol: 'http' | 'https';
+  }>;
+  installLoadGenerator: {
+    installLocation: 'local' | 'remote';
+  };
+  nsId: string;
+  mciId: string;
+  vmId: string;
+  testName: string;
+  virtualUsers: string;
+  duration: string;
+  rampUpTime: string;
+  rampUpSteps: string;
+}
diff --git a/front/src/entities/vm/api/index.ts b/front/src/entities/vm/api/index.ts
deleted file mode 100644
index b4f5b5f1..00000000
--- a/front/src/entities/vm/api/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import {
-  IAxiosResponse,
-  RequestBodyWrapper,
-  useAxiosPost,
-} from '../../../shared/libs';
-import { IVm } from '@/entities/mci/model';
-
-export interface IVmRequestParams {
-  nsId: string;
-  mciId: string;
-  vmId: string;
-}
-
-const GET_VM_Info = 'GetMciVm';
-
-export function useGetVmInfo(params: IVmRequestParams | null) {
-  const requestBodyWrapper: Required<
-    Pick<RequestBodyWrapper<IVmRequestParams | null>, 'pathParams'>
-  > = {
-    pathParams: params,
-  };
-
-  return useAxiosPost<
-    IAxiosResponse<IVm>,
-    Required<Pick<RequestBodyWrapper<IVmRequestParams | null>, 'pathParams'>>
-  >(GET_VM_Info, requestBodyWrapper);
-}
-
-export const t = {};
diff --git a/front/src/entities/vm/model/index.ts b/front/src/entities/vm/model/index.ts
deleted file mode 100644
index bf0d5c0a..00000000
--- a/front/src/entities/vm/model/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './types';
-export * from './store';
diff --git a/front/src/entities/vm/model/store.ts b/front/src/entities/vm/model/store.ts
deleted file mode 100644
index a211f553..00000000
--- a/front/src/entities/vm/model/store.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { defineStore } from 'pinia';
-import { IVm } from './types.ts';
-import { ref, Ref } from 'vue';
-
-const NAMESPACE = 'vm';
-
-interface IVmStore {
-  vms: Ref<IVm[]>;
-  setVm: (val: IVm[]) => void;
-  addVm: (val: IVm) => void;
-  loadVmById: (vmId: string) => IVm | null;
-  loadVmSubGroupById: (vmId: string) => IVm | null;
-}
-
-//TODO ns, mci정보도 추가 저장해야함.
-export const useVmStore = defineStore(NAMESPACE, (): IVmStore => {
-  const vms = ref<IVm[]>([]);
-
-  function setVm(_vms: IVm[]) {
-    vms.value = _vms;
-  }
-
-  function addVm(_vms: IVm) {
-    vms.value.push({ ..._vms });
-  }
-
-  function loadVmById(vmId: string) {
-    return (
-      vms.value.find(vm => {
-        return vm.id === vmId;
-      }) || null
-    );
-  }
-
-  function loadVmSubGroupById(vmSubGrupId: string) {
-    return (
-      vms.value.find(vm => {
-        return vm.subGroupId === vmSubGrupId;
-      }) || null
-    );
-  }
-
-  return { vms, setVm, loadVmById, addVm, loadVmSubGroupById };
-});
diff --git a/front/src/entities/vm/model/types.ts b/front/src/entities/vm/model/types.ts
deleted file mode 100644
index e1aa721f..00000000
--- a/front/src/entities/vm/model/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export type vmDetailTableType =
-  | 'serverId'
-  | 'description'
-  | 'publicIP'
-  | 'publicDNS'
-  | 'privateIP'
-  | 'privateDNS'
-  | 'serverStatus'
-  | 'loadStatus'
-  | 'provider';
-
-export type vmConnectionTableType =
-  | 'connectionName'
-  | 'credential'
-  | 'provider'
-  | 'driverFileName'
-  | 'region'
-  | 'availableZone';
diff --git a/front/src/entities/vmgroups/api/index.ts b/front/src/entities/vmgroups/api/index.ts
deleted file mode 100644
index f1be05e0..00000000
--- a/front/src/entities/vmgroups/api/index.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
-  IAxiosResponse,
-  RequestBodyWrapper,
-  useAxiosPost,
-} from '../../../shared/libs';
-import { IVmGroupsResponse } from '../model';
-
-export interface IVmGroupRequestParams {
-  nsId: string;
-  mciId: string;
-}
-
-const GET_ALL_VM_GROUP = 'GetMciGroupIds';
-
-export function useGetVmGroup(props: IVmGroupRequestParams | null) {
-  const requestBodyWrapper: Required<
-    Pick<RequestBodyWrapper<IVmGroupRequestParams | null>, 'pathParams'>
-  > = {
-    pathParams: {
-      nsId: props!.nsId,
-      mciId: props!.mciId,
-    },
-  };
-
-  return useAxiosPost<
-    IAxiosResponse<IVmGroupsResponse>,
-    Required<
-      Pick<RequestBodyWrapper<IVmGroupRequestParams | null>, 'pathParams'>
-    >
-  >(GET_ALL_VM_GROUP, requestBodyWrapper);
-}
diff --git a/front/src/entities/vmgroups/model/index.ts b/front/src/entities/vmgroups/model/index.ts
deleted file mode 100644
index e353b144..00000000
--- a/front/src/entities/vmgroups/model/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './store';
-export * from './types';
diff --git a/front/src/entities/vmgroups/model/store.ts b/front/src/entities/vmgroups/model/store.ts
deleted file mode 100644
index 89c29df4..00000000
--- a/front/src/entities/vmgroups/model/store.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ref, Ref } from 'vue';
-import { IVmGroup } from './types.ts';
-import { defineStore } from 'pinia';
-
-const NAMESPACE = 'vmgroups';
-
-export interface IVmGroupsStore {
-  vmGroups: Ref<IVmGroup[]>;
-  setVmGroups: (val: IVmGroup[]) => void;
-  loadVmGroupById: (id: string) => IVmGroup | null;
-}
-
-export const useVmListStore = defineStore(NAMESPACE, (): IVmGroupsStore => {
-  const vmGroups = ref<IVmGroup[]>([]);
-
-  function setVmGroups(_vmGroups: IVmGroup[]) {
-    vmGroups.value = _vmGroups;
-  }
-
-  function loadVmGroupById(id: string) {
-    return (
-      vmGroups.value.find((vmGroup: IVmGroup): boolean => {
-        return vmGroup.id === id;
-      }) || null
-    );
-  }
-
-  return {
-    setVmGroups,
-    loadVmGroupById,
-    vmGroups,
-  };
-});
diff --git a/front/src/entities/vmgroups/model/types.ts b/front/src/entities/vmgroups/model/types.ts
deleted file mode 100644
index e84f4b92..00000000
--- a/front/src/entities/vmgroups/model/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface IVmGroupsResponse {
-  output: string[];
-}
-
-export interface IVmGroup {
-  id: string;
-}
-
-export type ServerGroupTableType = 'id';
diff --git a/front/src/features/workload/loadConfig/model/index.ts b/front/src/features/workload/loadConfig/model/index.ts
index 3e8059aa..092c3306 100644
--- a/front/src/features/workload/loadConfig/model/index.ts
+++ b/front/src/features/workload/loadConfig/model/index.ts
@@ -1,21 +1,27 @@
 import { reactive, ref } from 'vue';
 import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
+import {
+  validateFunc,
+  validateNumberFunc,
+} from '@/features/workload/loadConfig/model/validate.ts';
 
 export function useLoadConfigModel() {
   const protocol = reactive({
     menu: [
-      { name: 'HTTP', label: 'HTTP', type: 'item' },
-      { name: 'HTTPS', label: 'HTTPS', type: 'item' },
+      { name: 'http', label: 'HTTP', type: 'item' },
+      { name: 'https', label: 'HTTPS', type: 'item' },
     ],
+    selected: 'http',
   });
 
   const methods = reactive({
     menu: [
-      { name: 'GET', label: 'GET', type: 'item' },
-      { name: 'POST', label: 'POST', type: 'item' },
-      { name: 'PUT', label: 'PUT', type: 'item' },
-      { name: 'DELETE', label: 'DELETE', type: 'item' },
+      { name: 'get', label: 'GET', type: 'item' },
+      { name: 'post', label: 'POST', type: 'item' },
+      { name: 'put', label: 'PUT', type: 'item' },
+      { name: 'delete', label: 'DELETE', type: 'item' },
     ],
+    selected: 'get',
   });
 
   const location = reactive({
@@ -29,7 +35,7 @@ export function useLoadConfigModel() {
         label: 'Local',
       },
     ],
-    selected: ['remote'],
+    selected: 'remote',
   });
 
   const installed = reactive({
@@ -37,20 +43,21 @@ export function useLoadConfigModel() {
       { name: 'true', label: 'True', type: 'item' },
       { name: 'false', label: 'False', type: 'item' },
     ],
+    selected: 'true',
   });
 
   const isMetrics = ref<boolean>(true);
 
   const inputModels = reactive({
-    scenarioName: useInputModel<string>(''),
-    hostName: useInputModel<string>(''),
-    port: useInputModel<string>(''),
-    path: useInputModel<string>(''),
+    scenarioName: useInputModel<string>('', validateFunc),
+    targetHostName: useInputModel<string>('', validateFunc),
+    port: useInputModel<string>('80', e => validateNumberFunc(e, 100)),
+    path: useInputModel<string>('', validateFunc),
     bodyData: useInputModel<string>(''),
-    virtualUsers: useInputModel<string>(''),
-    testDuration: useInputModel<string>(''),
-    rampUpTime: useInputModel<string>(''),
-    rampUpSteps: useInputModel<string>(''),
+    virtualUsers: useInputModel<string>('', validateFunc),
+    testDuration: useInputModel<string>('', e => validateNumberFunc(e, 300)),
+    rampUpTime: useInputModel<string>('', e => validateNumberFunc(e, 60)),
+    rampUpSteps: useInputModel<string>('', e => validateNumberFunc(e, 20)),
     agentHostName: useInputModel<string>(''),
   });
 
diff --git a/front/src/features/workload/loadConfig/model/validate.ts b/front/src/features/workload/loadConfig/model/validate.ts
new file mode 100644
index 00000000..8887dadf
--- /dev/null
+++ b/front/src/features/workload/loadConfig/model/validate.ts
@@ -0,0 +1,45 @@
+interface IValidationResult {
+  isValid: boolean;
+  message?: string | null;
+}
+
+export function validateFunc(value: string): IValidationResult {
+  const result: IValidationResult = {
+    isValid: false,
+    message: null,
+  };
+
+  console.log(value);
+
+  result.isValid = !!value.length;
+
+  if (!result.isValid) {
+    result.message = 'not empty';
+  }
+
+  return result;
+}
+
+export function validateNumberFunc(
+  value: string,
+  max: number,
+): IValidationResult {
+  const result: IValidationResult = {
+    isValid: false,
+    message: null,
+  };
+
+  const numberValue = parseFloat(value);
+  if (max) {
+    result.isValid =
+      !isNaN(numberValue) && numberValue > 0 && numberValue <= max;
+  } else {
+    result.isValid = !isNaN(numberValue) && numberValue > 0;
+  }
+
+  if (!result.isValid) {
+    result.message = 'must be a positive number';
+  }
+
+  return result;
+}
diff --git a/front/src/features/workload/loadConfig/ui/LoadConfig.vue b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
index 4afbb14e..fbc53cbe 100644
--- a/front/src/features/workload/loadConfig/ui/LoadConfig.vue
+++ b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
@@ -10,23 +10,91 @@ import {
   PToggleButton,
   PDivider,
 } from '@cloudforet-test/mirinae';
-import { i18n } from '@/app/i18n';
-import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
 import { useLoadConfigModel } from '@/features/workload/loadConfig/model';
+import { useRunLoadTest } from '@/entities/mci/api';
+import { onBeforeMount, onMounted, watch } from 'vue';
+import { showErrorMessage } from '@/shared/utils';
 
 interface IProps {
   isOpen: boolean;
+  nsId: string;
+  mciId: string;
+  vmId: string;
+  ip: string;
 }
 
 const props = defineProps<IProps>();
 const emit = defineEmits(['close']);
+console.log(props);
 
-const userId = useInputModel<string>('');
 const loadConfigModel = useLoadConfigModel();
+const resRunLoadTest = useRunLoadTest(null);
+watch(
+  () => props.ip,
+  () => {
+    loadConfigModel.inputModels.agentHostName.value = props.ip;
+    loadConfigModel.inputModels.targetHostName.value = props.ip;
+  },
+  { immediate: true },
+);
+
+async function validate() {
+  const inputModels = loadConfigModel.inputModels;
+  const validationPromises = Object.keys(inputModels).map(key =>
+    inputModels[key].exeValidation(inputModels[key].value),
+  );
+
+  await Promise.all(validationPromises);
+  return Object.keys(inputModels).every(key => inputModels[key].isValid);
+}
+
+async function handleConfirm() {
+  const isValid = await validate();
+
+  if (isValid) {
+    resRunLoadTest
+      .execute({
+        request: {
+          agentHostName: loadConfigModel.inputModels.agentHostName.value,
+          collectAdditionalSystemMetrics: loadConfigModel.isMetrics.value,
+          httpReqs: [
+            {
+              method: loadConfigModel.methods.selected,
+              protocol: loadConfigModel.protocol.selected,
+              bodyData: loadConfigModel.inputModels.bodyData.value,
+              hostName: loadConfigModel.inputModels.targetHostName.value,
+              port: loadConfigModel.inputModels.port.value,
+              path: loadConfigModel.inputModels.path.value,
+            },
+          ],
+          testName: loadConfigModel.inputModels.scenarioName.value,
+          virtualUsers: loadConfigModel.inputModels.virtualUsers.value,
+          duration: loadConfigModel.inputModels.testDuration.value,
+          rampUpTime: loadConfigModel.inputModels.rampUpTime.value,
+          rampUpSteps: loadConfigModel.inputModels.rampUpSteps.value,
+          mciId: props.mciId,
+          nsId: props.nsId,
+          vmId: props.vmId,
+        },
+      })
+      .then(res => {
+        console.log(res);
+      })
+      .catch(e => {
+        showErrorMessage('error', e.errorMsg);
+      });
+  } else {
+    console.log('Some inputs are invalid');
+  }
+}
 
 function handelClose() {
   emit('close');
 }
+
+function handleSelect(e) {
+  console.log(e);
+}
 </script>
 
 <template>
@@ -36,60 +104,79 @@ function handelClose() {
     size="sm"
     :loading="false"
     headerTitle="Load Config"
-    @confirm="handelClose"
+    @confirm="handleConfirm"
     @cancel="handelClose"
     @close="handelClose"
   >
     <template #body>
       <div class="config-form">
         <div class="title">
-          <p-field-group :label="'Test Scenario Name'" required>
+          <p-field-group
+            :label="'Test Scenario Name'"
+            required
+            :invalid="!loadConfigModel.inputModels.scenarioName.isValid"
+          >
             <template #default="{ invalid }">
               <p-text-input
-                v-model="userId.value.value"
+                :invalid="invalid"
+                v-model="loadConfigModel.inputModels.scenarioName.value"
                 :placeholder="'Test Scenario Name'"
                 block
-                @blur="userId.onBlur"
               />
             </template>
           </p-field-group>
         </div>
 
         <section class="section">
-          <p-field-group :label="'Target Host Name'" required>
+          <p-field-group
+            :invalid="!loadConfigModel.inputModels.targetHostName.isValid"
+            :label="'Target Host Name'"
+            required
+          >
             <template #default="{ invalid }">
               <p-text-input
-                v-model="userId.value.value"
+                :invalid="invalid"
+                v-model="loadConfigModel.inputModels.targetHostName.value"
                 :placeholder="'Host Name'"
                 block
-                @blur="userId.onBlur"
               />
             </template>
           </p-field-group>
-          <p-field-group :label="'Port'" required>
+          <p-field-group
+            :invalid="!loadConfigModel.inputModels.port.isValid"
+            :label="'Port'"
+            required
+          >
             <template #default="{ invalid }">
               <p-text-input
-                v-model="userId.value.value"
+                :invalid="invalid"
+                v-model="loadConfigModel.inputModels.port.value"
+                :type="'number'"
                 :placeholder="'1~65535'"
                 block
-                @blur="userId.onBlur"
               />
             </template>
           </p-field-group>
-          <p-field-group :label="'URI'" required>
+          <p-field-group
+            :invalid="!loadConfigModel.inputModels.path.isValid"
+            :label="'URI'"
+            required
+          >
             <template #default="{ invalid }">
               <div class="flex gap-1">
                 <p-select-dropdown
                   class="flex-1"
                   :menu="loadConfigModel.protocol.menu"
+                  :selected="loadConfigModel.protocol.selected"
                   :placeholder="'Protocol'"
+                  @select="e => (loadConfigModel.protocol.selected = e)"
                 ></p-select-dropdown>
                 <p-text-input
+                  :invalid="invalid"
                   class="flex-2"
-                  v-model="userId.value.value"
+                  v-model="loadConfigModel.inputModels.path.value"
                   :placeholder="'Path'"
                   block
-                  @blur="userId.onBlur"
                 />
               </div>
             </template>
@@ -99,7 +186,9 @@ function handelClose() {
               <p-select-dropdown
                 class="block"
                 :menu="loadConfigModel.methods.menu"
+                :selected="loadConfigModel.methods.selected"
                 :placeholder="'Method'"
+                @select="e => (loadConfigModel.methods.selected = e)"
               ></p-select-dropdown>
             </template>
           </p-field-group>
@@ -107,57 +196,77 @@ function handelClose() {
             <template #default="{ invalid }">
               <p-textarea
                 class="min-h-12"
-                v-model="userId.value.value"
+                v-model="loadConfigModel.inputModels.bodyData.value"
                 :placeholder="'Copy and Paste the data.'"
-                @blur="userId.onBlur"
               />
             </template>
           </p-field-group>
         </section>
         <section class="section">
-          <p-field-group :label="'Virtual Users'" required>
+          <p-field-group
+            :invalid="!loadConfigModel.inputModels.virtualUsers.isValid"
+            :label="'Virtual Users'"
+            required
+          >
             <template #default="{ invalid }">
               <p-text-input
-                v-model="userId.value.value"
+                :invalid="invalid"
+                v-model="loadConfigModel.inputModels.virtualUsers.value"
                 :placeholder="'Number of virtual users'"
                 block
-                @blur="userId.onBlur"
               />
             </template>
           </p-field-group>
-          <p-field-group :label="'Test Duration'" required>
+          <p-field-group
+            :invalid="!loadConfigModel.inputModels.testDuration.isValid"
+            :label="'Test Duration'"
+            required
+          >
             <template #default="{ invalid }">
               <p-text-input
-                v-model="userId.value.value"
+                :invalid="invalid"
+                v-model="loadConfigModel.inputModels.testDuration.value"
+                :type="'number'"
                 :placeholder="'Test Run Time'"
                 block
-                @blur="userId.onBlur"
               >
                 <template #input-right>sec</template>
               </p-text-input>
             </template>
           </p-field-group>
-          <div class="flex w-full gap-1">
-            <p-field-group class="flex-1 !m-0" :label="'RampUp Time'" required>
+          <div class="flex gap-1">
+            <p-field-group
+              :invalid="!loadConfigModel.inputModels.rampUpTime.isValid"
+              class="flex-1 !m-0"
+              :label="'RampUp Time'"
+              required
+            >
               <template #default="{ invalid }">
                 <p-text-input
-                  v-model="userId.value.value"
+                  :invalid="invalid"
+                  v-model="loadConfigModel.inputModels.rampUpTime.value"
                   :placeholder="'Time'"
+                  :type="'number'"
                   block
-                  @blur="userId.onBlur"
                 >
-                  <template #input-right>sec</template>
                 </p-text-input>
               </template>
             </p-field-group>
-            <p-field-group class="flex-1 !m-0" :label="'RampUp Steps'" required>
+            <p-field-group
+              :invalid="!loadConfigModel.inputModels.rampUpSteps.isValid"
+              class="flex-1 !m-0"
+              :label="'RampUp Steps'"
+              required
+            >
               <template #default="{ invalid }">
                 <p-text-input
-                  v-model="userId.value.value"
+                  :invalid="invalid"
+                  v-model="loadConfigModel.inputModels.rampUpSteps.value"
                   :placeholder="'Number of steps'"
+                  :type="'number'"
                   block
-                  @blur="userId.onBlur"
-                />
+                >
+                </p-text-input>
               </template>
             </p-field-group>
           </div>
@@ -170,7 +279,7 @@ function handelClose() {
                   v-for="value in loadConfigModel.location.values"
                   :key="value.key"
                   v-model="loadConfigModel.location.selected"
-                  :value="value"
+                  :value="value.key"
                 >
                   {{ value.label }}
                 </p-radio>
@@ -180,19 +289,26 @@ function handelClose() {
         </section>
         <section class="section">
           <div class="flex gap-2">
-            <p-toggle-button :value="loadConfigModel.isMetrics.value">
+            <p-toggle-button
+              :value="loadConfigModel.isMetrics.value"
+              @update:value="e => (loadConfigModel.isMetrics.value = e)"
+            >
             </p-toggle-button>
             <p>Collect Additional System Metrics</p>
           </div>
           <p-divider class="mt-2 mb-2"></p-divider>
           <div class="flex w-full gap-1">
-            <p-field-group class="!m-0 flex-2" :label="'Agent Hostname'">
+            <p-field-group
+              :invalid="!loadConfigModel.inputModels.agentHostName.isValid"
+              class="!m-0 flex-2"
+              :label="'Agent Hostname'"
+            >
               <template #default="{ invalid }">
                 <p-text-input
-                  v-model="userId.value.value"
+                  :invalid="invalid"
+                  v-model="loadConfigModel.inputModels.agentHostName.value"
                   :placeholder="'Agent Host Name'"
                   block
-                  @blur="userId.onBlur"
                 />
               </template>
             </p-field-group>
@@ -205,7 +321,9 @@ function handelClose() {
                 <p-select-dropdown
                   class="block"
                   :menu="loadConfigModel.installed.menu"
+                  :selected="loadConfigModel.installed.selected"
                   :placeholder="'select'"
+                  @select="e => (loadConfigModel.installed.selected = e)"
                 ></p-select-dropdown>
               </template>
             </p-field-group>
diff --git a/front/src/pages/workloadOperations/mci/ui/MciPage.vue b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
index ec041724..a0de6d05 100644
--- a/front/src/pages/workloadOperations/mci/ui/MciPage.vue
+++ b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
@@ -63,11 +63,15 @@ const selectedVmId = ref<string>('');
 
 function handleSelectMciTableRow(id: string) {
   selectedMciId.value = id;
+  selectedVmId.value = '';
 }
 
-function handleSelectVmGroupTableRow(id: string) {
+function handleSelectVmListTableRow(id: string) {
   console.log(selectedVmId.value);
   if (!isNullOrUndefined(id)) selectedVmId.value = id;
+  else {
+    selectedVmId.value = '';
+  }
 }
 </script>
 
@@ -105,9 +109,9 @@ function handleSelectVmGroupTableRow(id: string) {
               <p>Server List</p>
             </div>
             <VmList
-              :ns-id="nsId"
-              :mci-id="selectedMciId"
-              @selectCard="handleSelectVmGroupTableRow"
+              :nsId="nsId"
+              :mciId="selectedMciId"
+              @selectCard="handleSelectVmListTableRow"
             >
               <template #vmInfoTable>
                 <p-button-tab
diff --git a/front/src/shared/libs/api/request.ts b/front/src/shared/libs/api/request.ts
index 01c83dcd..1c3a3c04 100644
--- a/front/src/shared/libs/api/request.ts
+++ b/front/src/shared/libs/api/request.ts
@@ -98,6 +98,9 @@ export function extractErrorMessage(error: any): string | null {
     if (errorData.error) {
       return errorData.error;
     }
+    if (errorData.responseData?.errorMessage) {
+      return errorData.responseData.errorMessage;
+    }
     return errorData.message || error.message || 'Unknown error occurred';
   } else if (error.request) {
     // 요청은 되었으나 서버로부터 응답이 없음
diff --git a/front/src/widgets/workload/mci/mciList/ui/MciList.vue b/front/src/widgets/workload/mci/mciList/ui/MciList.vue
index 020bb0d9..acf5ad49 100644
--- a/front/src/widgets/workload/mci/mciList/ui/MciList.vue
+++ b/front/src/widgets/workload/mci/mciList/ui/MciList.vue
@@ -35,6 +35,8 @@ function handleSelectedIndex(index: number[]) {
   const selectedData = mciTableModel.tableState.displayItems[index];
   if (selectedData) {
     emit('selectRow', selectedData.name);
+  } else {
+    emit('selectRow', '');
   }
 }
 
diff --git a/front/src/widgets/workload/vm/vmInformation/model/index.ts b/front/src/widgets/workload/vm/vmInformation/model/index.ts
index 90d4d1cb..445609f0 100644
--- a/front/src/widgets/workload/vm/vmInformation/model/index.ts
+++ b/front/src/widgets/workload/vm/vmInformation/model/index.ts
@@ -1,8 +1,16 @@
 import { computed, reactive, ref, watch } from 'vue';
-import { useVmStore, vmDetailTableType } from '@/entities/vm/model';
-import { useGetVmInfo } from '@/entities/vm/api';
 import { useDefinitionTableModel } from '@/shared/hooks/table/definitionTable/useDefinitionTableModel.ts';
-import { IVm, useMCIStore } from '@/entities/mci/model';
+import { IMci, IVm, useMCIStore } from '@/entities/mci/model';
+export type vmDetailTableType =
+  | 'serverId'
+  | 'description'
+  | 'publicIP'
+  | 'publicDNS'
+  | 'privateIP'
+  | 'privateDNS'
+  | 'serverStatus'
+  | 'loadStatus'
+  | 'provider';
 
 interface IProps {
   nsId: string;
@@ -10,14 +18,11 @@ interface IProps {
   vmId: string;
 }
 
-export function useVmInformationModel(props: IProps) {
+export function useVmInformationModel() {
   const targetVmId = ref<string | null>();
   const mciStore = useMCIStore();
-  const targetMci = reactive({
-    mci: computed(() => mciStore.getMciById(props.mciId)),
-  });
-  const resVmInfo = useGetVmInfo(null);
-
+  const targetMci = ref<IMci | null>(null);
+  const targetVm = ref<IVm | undefined>(undefined);
   const vmLoadStatus = ref<string>('');
 
   const detailTableModel =
@@ -39,32 +44,18 @@ export function useVmInformationModel(props: IProps) {
     ];
   }
 
+  function setMci(mciId: string) {
+    targetMci.value = mciStore.getMciById(mciId);
+  }
+
   function setVmId(_vmId: string | null) {
     console.log(`setVmId : ${_vmId}`);
     targetVmId.value = _vmId;
   }
 
-  async function fetchVmInfo(vmId: string) {
-    return new Promise((resolve, reject) =>
-      resVmInfo
-        .execute({
-          pathParams: { nsId: props.nsId, mciId: props.mciId, vmId },
-        })
-        .then(res => {
-          if (res.data.responseData) {
-            mciStore.setVmInfo(props.mciId, res.data.responseData);
-          }
-          resolve(res);
-        })
-        .catch(e => {
-          reject(e);
-        }),
-    );
-  }
-
   function organizeVmDefineTableData(vm: IVm) {
     console.log(vmLoadStatus.value);
-
+    console.log(vm);
     const data: Record<vmDetailTableType, any> = {
       serverId: vm.id,
       description: vm.description,
@@ -85,14 +76,15 @@ export function useVmInformationModel(props: IProps) {
   }
 
   function setDefineTableData(vmId: string) {
+    console.log(vmId);
     let data: Partial<Record<vmDetailTableType, any>> = {};
 
-    const targetVm = targetMci.mci?.vm.find(vm => vm.id === vmId);
+    targetVm.value = targetMci.value?.vm.find(vm => vm.id === vmId);
     console.log(targetVm);
 
     try {
-      if (targetVm) {
-        data = organizeVmDefineTableData(targetVm);
+      if (targetVm.value) {
+        data = organizeVmDefineTableData(targetVm.value);
       }
     } catch (e) {
       return data;
@@ -101,19 +93,24 @@ export function useVmInformationModel(props: IProps) {
     return data;
   }
 
-  watch(
-    () => targetVmId.value,
-    nv => {
-      detailTableModel.tableState.loading = true;
+  watch(targetVmId, nv => {
+    console.log('targetVmId change');
+    detailTableModel.tableState.loading = true;
 
-      console.log(nv);
-      if (nv) {
-        detailTableModel.tableState.data = setDefineTableData(nv);
-        console.log(detailTableModel.tableState.data);
-      }
-      detailTableModel.tableState.loading = false;
-    },
-  );
+    if (nv) {
+      detailTableModel.tableState.data = setDefineTableData(nv);
+    } else {
+      initTable();
+    }
+    detailTableModel.tableState.loading = false;
+  });
 
-  return { initTable, setVmId, detailTableModel, resVmInfo, mappingLoadStatus };
+  return {
+    initTable,
+    setVmId,
+    detailTableModel,
+    mappingLoadStatus,
+    targetVm,
+    setMci,
+  };
 }
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index b3df2559..3b3ea89a 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -12,14 +12,15 @@ interface IProps {
 
 const props = defineProps<IProps>();
 console.log(props);
-const { initTable, setVmId, detailTableModel, resVmInfo } =
-  useVmInformationModel(props);
+const { initTable, setVmId, detailTableModel, targetVm, setMci } =
+  useVmInformationModel();
 const resLoadStatus: any = {};
 
 const modalState = reactive({
   open: false,
   context: {},
 });
+
 onBeforeMount(() => {
   initTable();
 });
@@ -27,19 +28,12 @@ onBeforeMount(() => {
 watch(
   props,
   nv => {
+    setMci(nv.mciId);
     setVmId(nv.vmId);
   },
   { immediate: true, deep: true },
 );
 
-watch(
-  detailTableModel.tableState.data,
-  nv => {
-    console.log(nv);
-  },
-  { deep: true },
-);
-
 function handleLoadStatus(e) {
   modalState.open = true;
   console.log(modalState.open);
@@ -66,7 +60,15 @@ function handleClose() {
         </div>
       </template>
     </p-definition-table>
-    <LoadConfig :isOpen="modalState.open" @close="handleClose"></LoadConfig>
+    <LoadConfig
+      v-if="targetVm"
+      :isOpen="modalState.open"
+      :mciId="mciId"
+      :nsId="nsId"
+      :vmId="vmId"
+      :ip="targetVm?.publicIP ?? ''"
+      @close="handleClose"
+    ></LoadConfig>
   </div>
 </template>
 
diff --git a/front/src/widgets/workload/vm/vmList/model/index.ts b/front/src/widgets/workload/vm/vmList/model/index.ts
index 0bb7d9e2..d621d2f4 100644
--- a/front/src/widgets/workload/vm/vmList/model/index.ts
+++ b/front/src/widgets/workload/vm/vmList/model/index.ts
@@ -1,27 +1,20 @@
-import { computed, reactive, watch } from 'vue';
-import { IVm, useMCIStore } from '@/entities/mci/model';
+import { computed, reactive, ref, watch } from 'vue';
+import { IMci, IVm, useMCIStore } from '@/entities/mci/model';
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel.ts';
-import {
-  ISourceService,
-  SourceServiceTableType,
-} from '@/entities/sourceService/model/types.ts';
 
-interface IProps {
-  nsId: string;
-  mciId: string;
-}
-
-export function useVmListModel(props: IProps) {
+export function useVmListModel() {
   const mciStore = useMCIStore();
-  const targetMci = reactive({
-    mci: computed(() => mciStore.getMciById(props.mciId)),
-  });
+  const targetMci = ref<IMci | null>(null);
 
   const vmListTableModel = useToolboxTableModel<Record<'name', any>>();
 
+  function setMci(mciId: string) {
+    targetMci.value = mciStore.getMciById(mciId);
+  }
+
   function getVmList() {
     console.log(targetMci);
-    return targetMci.mci?.vm ?? [];
+    return targetMci.value?.vm ?? [];
   }
 
   function organizeVMTableData(vm: IVm) {
@@ -45,18 +38,10 @@ export function useVmListModel(props: IProps) {
   }
 
   watch(
-    () => targetMci,
+    targetMci,
     () => {
       vmListTableModel.tableState.items =
-        targetMci.mci?.vm.map(vm => organizeVMTableData(vm)) || [];
-    },
-    { immediate: true },
-  );
-
-  watch(
-    () => vmListTableModel,
-    () => {
-      console.log(vmListTableModel);
+        targetMci.value?.vm.map(vm => organizeVMTableData(vm)) || [];
     },
     { immediate: true },
   );
@@ -65,5 +50,6 @@ export function useVmListModel(props: IProps) {
     vmListTableModel,
     getVmList,
     initToolBoxTableModel,
+    setMci,
   };
 }
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index 6865380f..c0875a51 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -16,9 +16,20 @@ interface IProps {
 
 const props = defineProps<IProps>();
 const emit = defineEmits(['selectCard']);
+console.log(props);
 
-const { getVmList, initToolBoxTableModel, vmListTableModel } =
-  useVmListModel<IProps>(props);
+const { getVmList, initToolBoxTableModel, vmListTableModel, setMci } =
+  useVmListModel();
+
+watch(
+  () => props.mciId,
+  () => {
+    console.log(props.mciId);
+    setMci(props.mciId);
+    vmListTableModel.tableState.selectIndex = [];
+  },
+  { immediate: true },
+);
 
 onMounted(() => {
   initToolBoxTableModel();

From 0fa4a44df037c7ded13f3e1877bae2dcc0bce95f Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 14 Nov 2024 13:45:25 +0900
Subject: [PATCH 15/41] feat: loadconfig result

---
 front/src/entities/mci/api/index.ts           |  29 ++++
 front/src/entities/mci/model/stores.ts        |  17 ++-
 front/src/entities/mci/model/types.ts         |  49 +++++++
 .../workload/loadConfig/model/index.ts        |   4 +-
 .../workload/loadConfig/ui/LoadConfig.vue     |  15 +--
 .../ui/SuccessfullyLoadConfigModal.vue        | 124 ++++++++++++++++++
 .../workloadOperations/mci/ui/MciPage.vue     |   2 +-
 front/src/shared/hooks/vm/index.ts            |  15 ++-
 .../workload/mci/mciDetail/ui/MciDetail.vue   |  12 +-
 .../workload/mci/mciList/ui/MciList.vue       |  12 ++
 .../workload/vm/vmInformation/model/index.ts  |  14 +-
 .../vm/vmInformation/ui/VmInformation.vue     |  86 ++++++++++--
 12 files changed, 337 insertions(+), 42 deletions(-)
 create mode 100644 front/src/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue

diff --git a/front/src/entities/mci/api/index.ts b/front/src/entities/mci/api/index.ts
index da06d3c9..31355559 100644
--- a/front/src/entities/mci/api/index.ts
+++ b/front/src/entities/mci/api/index.ts
@@ -4,6 +4,7 @@ import {
   useAxiosPost,
 } from '../../../shared/libs';
 import {
+  ILastloadtestStateResponse,
   IMci,
   IRunLoadTestRequest,
   MciResponseData,
@@ -18,6 +19,7 @@ export interface IMciRequestParams {
 const GET_ALL_MCI = 'GetAllMci';
 const GET_MCI_INFO = 'GetMci';
 const RUN_LOAD_TEST = 'Runloadtest';
+const GET_LAST_LOAD_TEST_CONFIG = 'Getlastloadtestexecutionstate';
 
 export function useGetMciList(projectId: string | null, option: string | null) {
   const requestBodyWrapper: Required<
@@ -73,3 +75,30 @@ export function useRunLoadTest(requestPayload: IRunLoadTestRequest | null) {
     Required<Pick<RequestBodyWrapper<IMciRequestParams | null>, 'request'>>
   >(RUN_LOAD_TEST, requestBodyWrapper);
 }
+
+interface ILastloadtestStateResponseWrapper {
+  result: ILastloadtestStateResponse;
+}
+
+export function useGetLastLoadTestState(
+  params: IMciRequestParams | { vmId: string } | null,
+) {
+  const requestBodyWrapper: Required<
+    Pick<
+      RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
+      'request'
+    >
+  > = {
+    request: params,
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<ILastloadtestStateResponseWrapper>,
+    Required<
+      Pick<
+        RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
+        'request'
+      >
+    >
+  >(GET_LAST_LOAD_TEST_CONFIG, requestBodyWrapper);
+}
diff --git a/front/src/entities/mci/model/stores.ts b/front/src/entities/mci/model/stores.ts
index 9e96e7d2..5bf46fda 100644
--- a/front/src/entities/mci/model/stores.ts
+++ b/front/src/entities/mci/model/stores.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
 import { ref, Ref } from 'vue';
-import { IMci, IVm } from './types.ts';
+import { ILastloadtestStateResponse, IMci, IVm } from './types.ts';
 
 const NAMESPACE = 'MCI';
 
@@ -40,6 +40,20 @@ export const useMCIStore = defineStore(NAMESPACE, () => {
       Object.assign(targetVm, vm);
     }
   }
+
+  function assignLastLoadTestStateToVm(
+    mciID: string,
+    vmID: string,
+    response: ILastloadtestStateResponse,
+  ) {
+    const mci = getMciById(mciID);
+    if (mci) {
+      const vm = mci.vm.find(_vm => _vm.id === vmID);
+      if (vm) {
+        vm.lastloadtestStateResponse = response;
+      }
+    }
+  }
   return {
     mcis,
     setMci,
@@ -47,5 +61,6 @@ export const useMCIStore = defineStore(NAMESPACE, () => {
     getMciById,
     setVmsInfo,
     setVmInfo,
+    assignLastLoadTestStateToVm,
   };
 });
diff --git a/front/src/entities/mci/model/types.ts b/front/src/entities/mci/model/types.ts
index 1589c239..51f34362 100644
--- a/front/src/entities/mci/model/types.ts
+++ b/front/src/entities/mci/model/types.ts
@@ -91,6 +91,7 @@ export interface IVm {
   dataDiskIds: any; // Assuming dataDiskIds can be any type
   sshKeyId: string;
   cspSshKeyId: string;
+  lastloadtestStateResponse?: ILastloadtestStateResponse;
 }
 
 interface StatusCount {
@@ -159,3 +160,51 @@ export interface IRunLoadTestRequest {
   rampUpTime: string;
   rampUpSteps: string;
 }
+
+interface LoadGeneratorServer {
+  additionalVmKey: string;
+  createdAt: string;
+  csp: string;
+  id: number;
+  label: string;
+  lat: string;
+  lon: string;
+  machineType: string;
+  privateIp: string;
+  publicIp: string;
+  region: string;
+  sshPort: string;
+  startTime: string;
+  status: string;
+  updatedAt: string;
+  username: string;
+  vmId: string;
+  zone: string;
+}
+
+interface LoadGeneratorInstallInfo {
+  createdAt: string;
+  id: number;
+  installLocation: string;
+  installPath: string;
+  installType: string;
+  installVersion: string;
+  loadGeneratorServers: LoadGeneratorServer[];
+  privateKeyName: string;
+  publicKeyName: string;
+  status: string;
+  updatedAt: string;
+}
+
+export interface ILastloadtestStateResponse {
+  compileDuration: string;
+  createdAt: string;
+  executionDuration: string;
+  executionStatus: string;
+  id: number;
+  loadGeneratorInstallInfo: LoadGeneratorInstallInfo;
+  loadTestKey: string;
+  startAt: string;
+  totalExpectedExecutionSecond: number;
+  updatedAt: string;
+}
diff --git a/front/src/features/workload/loadConfig/model/index.ts b/front/src/features/workload/loadConfig/model/index.ts
index 092c3306..f748bf5c 100644
--- a/front/src/features/workload/loadConfig/model/index.ts
+++ b/front/src/features/workload/loadConfig/model/index.ts
@@ -51,10 +51,10 @@ export function useLoadConfigModel() {
   const inputModels = reactive({
     scenarioName: useInputModel<string>('', validateFunc),
     targetHostName: useInputModel<string>('', validateFunc),
-    port: useInputModel<string>('80', e => validateNumberFunc(e, 100)),
+    port: useInputModel<string>('80', e => validateNumberFunc(e, 65532)),
     path: useInputModel<string>('', validateFunc),
     bodyData: useInputModel<string>(''),
-    virtualUsers: useInputModel<string>('', validateFunc),
+    virtualUsers: useInputModel<string>('', e => validateNumberFunc(e, 100)),
     testDuration: useInputModel<string>('', e => validateNumberFunc(e, 300)),
     rampUpTime: useInputModel<string>('', e => validateNumberFunc(e, 60)),
     rampUpSteps: useInputModel<string>('', e => validateNumberFunc(e, 20)),
diff --git a/front/src/features/workload/loadConfig/ui/LoadConfig.vue b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
index fbc53cbe..a75c9a58 100644
--- a/front/src/features/workload/loadConfig/ui/LoadConfig.vue
+++ b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
@@ -24,8 +24,7 @@ interface IProps {
 }
 
 const props = defineProps<IProps>();
-const emit = defineEmits(['close']);
-console.log(props);
+const emit = defineEmits(['close', 'success']);
 
 const loadConfigModel = useLoadConfigModel();
 const resRunLoadTest = useRunLoadTest(null);
@@ -51,7 +50,7 @@ async function validate() {
 async function handleConfirm() {
   const isValid = await validate();
 
-  if (isValid) {
+  if (isValid && !resRunLoadTest.isLoading.value) {
     resRunLoadTest
       .execute({
         request: {
@@ -67,6 +66,9 @@ async function handleConfirm() {
               path: loadConfigModel.inputModels.path.value,
             },
           ],
+          installLoadGenerator: {
+            installLocation: loadConfigModel.location.selected,
+          },
           testName: loadConfigModel.inputModels.scenarioName.value,
           virtualUsers: loadConfigModel.inputModels.virtualUsers.value,
           duration: loadConfigModel.inputModels.testDuration.value,
@@ -78,7 +80,7 @@ async function handleConfirm() {
         },
       })
       .then(res => {
-        console.log(res);
+        emit('success', loadConfigModel.inputModels.scenarioName.value);
       })
       .catch(e => {
         showErrorMessage('error', e.errorMsg);
@@ -91,10 +93,6 @@ async function handleConfirm() {
 function handelClose() {
   emit('close');
 }
-
-function handleSelect(e) {
-  console.log(e);
-}
 </script>
 
 <template>
@@ -212,6 +210,7 @@ function handleSelect(e) {
               <p-text-input
                 :invalid="invalid"
                 v-model="loadConfigModel.inputModels.virtualUsers.value"
+                :type="'number'"
                 :placeholder="'Number of virtual users'"
                 block
               />
diff --git a/front/src/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue b/front/src/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue
new file mode 100644
index 00000000..dea2e39f
--- /dev/null
+++ b/front/src/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue
@@ -0,0 +1,124 @@
+<script setup lang="ts">
+import {
+  PDefinitionTable,
+  PIconModal,
+  PSpinner,
+  PStatus,
+} from '@cloudforet-test/mirinae';
+import { useDefinitionTableModel } from '@/shared/hooks/table/definitionTable/useDefinitionTableModel.ts';
+import { onBeforeMount, onMounted, ref, watch } from 'vue';
+
+interface IProps {
+  scenarioName: string;
+  isOpen: boolean;
+}
+
+const props = defineProps<IProps>();
+const emit = defineEmits(['close']);
+
+type tableType = 'name' | 'status';
+
+const detailTableModel = useDefinitionTableModel<Record<tableType, any>>();
+
+onBeforeMount(() => {
+  initTable();
+});
+
+watch(
+  () => props.scenarioName,
+  () => {
+    detailTableModel.tableState.data = organizeTableData();
+  },
+  { immediate: true },
+);
+
+function initTable() {
+  detailTableModel.initState();
+
+  detailTableModel.tableState.fields = [
+    { label: 'Test Scenario Name', name: 'name', disableCopy: true },
+    { label: 'Load Status', name: 'status', disableCopy: true },
+  ];
+}
+
+function organizeTableData() {
+  const data: Record<tableType, any> = {
+    name: props.scenarioName,
+    status: 'loading',
+  };
+
+  return data;
+}
+
+function handleClose(e) {
+  if (!e) {
+    emit('close');
+  }
+}
+</script>
+
+<template>
+  <p-icon-modal
+    :visible="isOpen"
+    :size="'md'"
+    :iconName="'ic_checkbox-circle-selected'"
+    :headerTitle="'Successfully Requested Load Generation'"
+    :headerDesc="'Now, modules for load generation are installed and load is generated.'"
+    :styleType="'primary'"
+    @clickButton="handleClose"
+  >
+    <template #body>
+      <div class="button-modal-body">
+        <p-definition-table
+          :fields="detailTableModel.tableState.fields"
+          :data="detailTableModel.tableState.data"
+          :style-type="'white'"
+          class="min-h-0"
+          block
+        >
+          <template #data-status="{ data }">
+            <div class="flex">
+              <p-spinner size="xs" />
+              <p-status :icon="null" :disableIcon="true" :iconSize="0"
+                >on_processing
+              </p-status>
+            </div>
+          </template>
+        </p-definition-table>
+        <section class="content">
+          <h2>Notification</h2>
+          <label
+            >It takes some time to proceed with the test and collect the result
+            data. Even if you close this now, it continues in the background.
+            You can check the status after closing in ‘Load Status’. If the test
+            progresses and the result data collection is successful, the chart
+            will appear normally in the Evaluate Performance Results.</label
+          >
+        </section>
+      </div>
+    </template>
+  </p-icon-modal>
+</template>
+
+<style scoped lang="postcss">
+.button-modal-body {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  text-align: left;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    padding: 16px;
+    gap: 8px;
+    border-radius: 6px;
+    border: 1px solid #dddddf;
+    background-color: #f8f8fc;
+
+    h2 {
+      font-weight: bold;
+    }
+  }
+}
+</style>
diff --git a/front/src/pages/workloadOperations/mci/ui/MciPage.vue b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
index a0de6d05..55746fc7 100644
--- a/front/src/pages/workloadOperations/mci/ui/MciPage.vue
+++ b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
@@ -118,7 +118,7 @@ function handleSelectVmListTableRow(id: string) {
                   v-model="vmDetailTabState.activeTab"
                   :tabs="vmDetailTabState.tabs"
                 >
-                  <template #information>
+                  <template #information v-if="selectedVmId">
                     <VmInformation
                       :mciId="selectedMciId"
                       :nsId="nsId"
diff --git a/front/src/shared/hooks/vm/index.ts b/front/src/shared/hooks/vm/index.ts
index f48bdbac..692fa3d5 100644
--- a/front/src/shared/hooks/vm/index.ts
+++ b/front/src/shared/hooks/vm/index.ts
@@ -11,19 +11,21 @@ export function getCloudProvidersInVms(vms: IVm[]) {
     }
   });
 
-  return provider;
+  return Object.values(provider);
 }
 
 function providerColor(provider: string) {
+  const upperCaseProvider = provider.toUpperCase();
+
   let color = '#EDEDEF';
-  switch (provider) {
+  switch (upperCaseProvider) {
     case 'AWS':
       color = '#FF9900';
       break;
-    case 'Google':
+    case 'GOOGLE':
       color = '#4387F4';
       break;
-    case 'Azure':
+    case 'AZURE':
       color = '#00BCF0';
       break;
     case 'NHN':
@@ -31,5 +33,8 @@ function providerColor(provider: string) {
       break;
   }
 
-  return color;
+  return {
+    name: provider,
+    color: color,
+  };
 }
diff --git a/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue b/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
index 238653ef..1e445c0f 100644
--- a/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
+++ b/front/src/widgets/workload/mci/mciDetail/ui/MciDetail.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useMciDetailModel } from '@/widgets/workload/mci/mciDetail/model';
 import { onBeforeMount, onMounted, watch, PropType } from 'vue';
-import { PDefinitionTable } from '@cloudforet-test/mirinae';
+import { PBadge, PDefinitionTable } from '@cloudforet-test/mirinae';
 
 interface IProps {
   selectedMciId: string;
@@ -31,6 +31,16 @@ watch(
       :data="mciDetailModel.tableModel.tableState.data"
       :loading="mciDetailModel.tableModel.tableState.loading"
     >
+      <template #data-provider="{ data }">
+        <p-badge
+          v-for="(provider, index) in data"
+          :key="index"
+          :backgroundColor="provider.color"
+          class="mr-1"
+        >
+          {{ provider.name }}
+        </p-badge>
+      </template>
     </p-definition-table>
   </div>
 </template>
diff --git a/front/src/widgets/workload/mci/mciList/ui/MciList.vue b/front/src/widgets/workload/mci/mciList/ui/MciList.vue
index acf5ad49..8c82c96e 100644
--- a/front/src/widgets/workload/mci/mciList/ui/MciList.vue
+++ b/front/src/widgets/workload/mci/mciList/ui/MciList.vue
@@ -4,6 +4,7 @@ import {
   PButton,
   PHorizontalLayout,
   PToolboxTable,
+  PBadge,
 } from '@cloudforet-test/mirinae';
 import { useGetMciInfo, useGetMciList } from '@/entities/mci/api';
 import { computed, onBeforeMount, onMounted, reactive } from 'vue';
@@ -78,11 +79,22 @@ onMounted(() => {
             <p-button
               style-type="primary"
               icon-left="ic_plus_bold"
+              disabled
               @click="mciCreateModalState.open = true"
             >
               Create
             </p-button>
           </template>
+          <template #col-provider-format="{ item, field }">
+            <p-badge
+              v-for="(provider, index) in item.provider"
+              :key="index"
+              :backgroundColor="provider.color"
+              class="mr-1"
+            >
+              {{ provider.name }}
+            </p-badge>
+          </template>
         </p-toolbox-table>
       </template>
     </p-horizontal-layout>
diff --git a/front/src/widgets/workload/vm/vmInformation/model/index.ts b/front/src/widgets/workload/vm/vmInformation/model/index.ts
index 445609f0..4288b230 100644
--- a/front/src/widgets/workload/vm/vmInformation/model/index.ts
+++ b/front/src/widgets/workload/vm/vmInformation/model/index.ts
@@ -1,6 +1,7 @@
 import { computed, reactive, ref, watch } from 'vue';
 import { useDefinitionTableModel } from '@/shared/hooks/table/definitionTable/useDefinitionTableModel.ts';
 import { IMci, IVm, useMCIStore } from '@/entities/mci/model';
+import { getCloudProvidersInVms } from '@/shared/hooks/vm';
 export type vmDetailTableType =
   | 'serverId'
   | 'description'
@@ -23,7 +24,6 @@ export function useVmInformationModel() {
   const mciStore = useMCIStore();
   const targetMci = ref<IMci | null>(null);
   const targetVm = ref<IVm | undefined>(undefined);
-  const vmLoadStatus = ref<string>('');
 
   const detailTableModel =
     useDefinitionTableModel<Record<vmDetailTableType, any>>();
@@ -54,7 +54,6 @@ export function useVmInformationModel() {
   }
 
   function organizeVmDefineTableData(vm: IVm) {
-    console.log(vmLoadStatus.value);
     console.log(vm);
     const data: Record<vmDetailTableType, any> = {
       serverId: vm.id,
@@ -64,17 +63,13 @@ export function useVmInformationModel() {
       privateIP: vm.privateIP,
       privateDNS: vm.privateDNS,
       serverStatus: vm.status,
-      loadStatus: vmLoadStatus.value,
-      provider: vm.connectionConfig.providerName,
+      loadStatus: vm.lastloadtestStateResponse?.executionStatus ?? '--',
+      provider: getCloudProvidersInVms([vm]),
     };
 
     return data;
   }
 
-  function mappingLoadStatus(status: string) {
-    vmLoadStatus.value = status;
-  }
-
   function setDefineTableData(vmId: string) {
     console.log(vmId);
     let data: Partial<Record<vmDetailTableType, any>> = {};
@@ -94,7 +89,6 @@ export function useVmInformationModel() {
   }
 
   watch(targetVmId, nv => {
-    console.log('targetVmId change');
     detailTableModel.tableState.loading = true;
 
     if (nv) {
@@ -109,8 +103,8 @@ export function useVmInformationModel() {
     initTable,
     setVmId,
     detailTableModel,
-    mappingLoadStatus,
     targetVm,
     setMci,
+    mciStore,
   };
 }
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index 3b3ea89a..3e48c00a 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -1,8 +1,11 @@
 <script setup lang="ts">
 import { useVmInformationModel } from '@/widgets/workload/vm/vmInformation/model';
-import { PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
+import { PBadge, PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
 import { onBeforeMount, onMounted, reactive, watch } from 'vue';
 import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
+import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
+import { useGetLastLoadTestState } from '@/entities/mci/api';
+import { showErrorMessage } from '@/shared/utils';
 
 interface IProps {
   nsId: string;
@@ -12,13 +15,20 @@ interface IProps {
 
 const props = defineProps<IProps>();
 console.log(props);
-const { initTable, setVmId, detailTableModel, targetVm, setMci } =
+const { initTable, setVmId, detailTableModel, targetVm, setMci, mciStore } =
   useVmInformationModel();
-const resLoadStatus: any = {};
+const resLoadStatus = useGetLastLoadTestState(null);
 
 const modalState = reactive({
-  open: false,
-  context: {},
+  loadConfigRequest: {
+    open: false,
+    context: {
+      scenarioName: '',
+    },
+  },
+  loadConfigSuccess: {
+    open: false,
+  },
 });
 
 onBeforeMount(() => {
@@ -28,19 +38,49 @@ onBeforeMount(() => {
 watch(
   props,
   nv => {
-    setMci(nv.mciId);
-    setVmId(nv.vmId);
+    setDatatableData();
   },
   { immediate: true, deep: true },
 );
 
+function setDatatableData() {
+  resLoadStatus
+    .execute({ request: props })
+    .then(res => {
+      if (res.data.responseData) {
+        mciStore.assignLastLoadTestStateToVm(
+          props.mciId,
+          props.vmId,
+          res.data.responseData.result,
+        );
+      }
+      setMci(props.mciId);
+      // setVmId(null);
+      setVmId(props.vmId);
+    })
+    .catch(e => {
+      showErrorMessage(e, e.errorMsg.value);
+    });
+}
+
 function handleLoadStatus(e) {
-  modalState.open = true;
-  console.log(modalState.open);
+  modalState.loadConfigRequest.open = true;
+  modalState.loadConfigSuccess.open = false;
 }
 
-function handleClose() {
-  modalState.open = false;
+function handleLoadConfigRequestClose() {
+  modalState.loadConfigRequest.open = false;
+}
+
+function handleLoadConfigRequestSuccess(e: string) {
+  modalState.loadConfigRequest.open = false;
+  modalState.loadConfigSuccess.open = true;
+  modalState.loadConfigRequest.context.scenarioName = e;
+}
+
+function handleLoadConfigSuccessClose() {
+  modalState.loadConfigSuccess.open = false;
+  setDatatableData();
 }
 </script>
 
@@ -49,7 +89,9 @@ function handleClose() {
     <p-definition-table
       :fields="detailTableModel.tableState.fields"
       :data="detailTableModel.tableState.data"
-      :loading="detailTableModel.tableState.loading"
+      :loading="
+        detailTableModel.tableState.loading && resLoadStatus.isLoading.value
+      "
       block
     >
       <template #extra="{ name }">
@@ -59,16 +101,32 @@ function handleClose() {
           </p-button>
         </div>
       </template>
+      <template #data-provider="{ data }">
+        <p-badge
+          v-for="(provider, index) in data"
+          :key="index"
+          :backgroundColor="provider.color"
+          class="mr-1"
+        >
+          {{ provider.name }}
+        </p-badge>
+      </template>
     </p-definition-table>
     <LoadConfig
       v-if="targetVm"
-      :isOpen="modalState.open"
+      :isOpen="modalState.loadConfigRequest.open"
       :mciId="mciId"
       :nsId="nsId"
       :vmId="vmId"
       :ip="targetVm?.publicIP ?? ''"
-      @close="handleClose"
+      @success="handleLoadConfigRequestSuccess"
+      @close="handleLoadConfigRequestClose"
     ></LoadConfig>
+    <SuccessfullyLoadConfigModal
+      :isOpen="modalState.loadConfigSuccess.open"
+      :scenarioName="modalState.loadConfigRequest.context.scenarioName"
+      @close="handleLoadConfigSuccessClose"
+    ></SuccessfullyLoadConfigModal>
   </div>
 </template>
 

From 06870b5ec0b0274a32ead492a13dec50c9ae6d1a Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 14 Nov 2024 14:37:50 +0900
Subject: [PATCH 16/41] refactor : page rendering logic relocation

---
 .../workloadOperations/mci/ui/MciPage.vue     |  53 ------
 .../vm/vmInformation/ui/VmInformation.vue     |  85 ++--------
 .../widgets/workload/vm/vmList/model/index.ts |   1 +
 .../widgets/workload/vm/vmList/ui/VmList.vue  | 154 +++++++++++++++++-
 4 files changed, 161 insertions(+), 132 deletions(-)

diff --git a/front/src/pages/workloadOperations/mci/ui/MciPage.vue b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
index 55746fc7..000bb5c1 100644
--- a/front/src/pages/workloadOperations/mci/ui/MciPage.vue
+++ b/front/src/pages/workloadOperations/mci/ui/MciPage.vue
@@ -29,32 +29,6 @@ const tabState = reactive({
   ],
 });
 
-const vmDetailTabState = reactive({
-  activeTab: 'information',
-  tabs: [
-    {
-      name: 'information',
-      label: 'Information',
-    },
-    {
-      name: 'connection',
-      label: 'Connection',
-    },
-    {
-      name: 'monitoring',
-      label: 'Monitoring',
-    },
-    {
-      name: 'evaluatePref',
-      label: 'Evaluate Pref',
-    },
-    {
-      name: 'estimateCost',
-      label: 'Estimate Cost',
-    },
-  ],
-});
-
 //TODO projectId 가져와야함.
 const nsId = 'mig01';
 
@@ -113,33 +87,6 @@ function handleSelectVmListTableRow(id: string) {
               :mciId="selectedMciId"
               @selectCard="handleSelectVmListTableRow"
             >
-              <template #vmInfoTable>
-                <p-button-tab
-                  v-model="vmDetailTabState.activeTab"
-                  :tabs="vmDetailTabState.tabs"
-                >
-                  <template #information v-if="selectedVmId">
-                    <VmInformation
-                      :mciId="selectedMciId"
-                      :nsId="nsId"
-                      :vmId="selectedVmId"
-                    >
-                    </VmInformation>
-                  </template>
-                  <template #connection>
-                    <p>to be..</p>
-                  </template>
-                  <template #monitoring>
-                    <p>to be..</p>
-                  </template>
-                  <template #evaluatePref>
-                    <VmEvaluatePerf></VmEvaluatePerf>
-                  </template>
-                  <template #estimateCost>
-                    <p>to be..</p>
-                  </template>
-                </p-button-tab>
-              </template>
             </VmList>
           </template>
         </p-tab>
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index 3e48c00a..a9b0b28c 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useVmInformationModel } from '@/widgets/workload/vm/vmInformation/model';
 import { PBadge, PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
-import { onBeforeMount, onMounted, reactive, watch } from 'vue';
+import { onBeforeMount, onMounted, reactive, Ref, watch } from 'vue';
 import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
 import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
 import { useGetLastLoadTestState } from '@/entities/mci/api';
@@ -11,25 +11,14 @@ interface IProps {
   nsId: string;
   mciId: string;
   vmId: string;
+  loading: Ref<boolean>;
 }
 
 const props = defineProps<IProps>();
+const emit = defineEmits(['openLoadconfig']);
 console.log(props);
 const { initTable, setVmId, detailTableModel, targetVm, setMci, mciStore } =
   useVmInformationModel();
-const resLoadStatus = useGetLastLoadTestState(null);
-
-const modalState = reactive({
-  loadConfigRequest: {
-    open: false,
-    context: {
-      scenarioName: '',
-    },
-  },
-  loadConfigSuccess: {
-    open: false,
-  },
-});
 
 onBeforeMount(() => {
   initTable();
@@ -38,49 +27,14 @@ onBeforeMount(() => {
 watch(
   props,
   nv => {
-    setDatatableData();
+    setMci(props.mciId);
+    setVmId(props.vmId);
   },
   { immediate: true, deep: true },
 );
 
-function setDatatableData() {
-  resLoadStatus
-    .execute({ request: props })
-    .then(res => {
-      if (res.data.responseData) {
-        mciStore.assignLastLoadTestStateToVm(
-          props.mciId,
-          props.vmId,
-          res.data.responseData.result,
-        );
-      }
-      setMci(props.mciId);
-      // setVmId(null);
-      setVmId(props.vmId);
-    })
-    .catch(e => {
-      showErrorMessage(e, e.errorMsg.value);
-    });
-}
-
-function handleLoadStatus(e) {
-  modalState.loadConfigRequest.open = true;
-  modalState.loadConfigSuccess.open = false;
-}
-
-function handleLoadConfigRequestClose() {
-  modalState.loadConfigRequest.open = false;
-}
-
-function handleLoadConfigRequestSuccess(e: string) {
-  modalState.loadConfigRequest.open = false;
-  modalState.loadConfigSuccess.open = true;
-  modalState.loadConfigRequest.context.scenarioName = e;
-}
-
-function handleLoadConfigSuccessClose() {
-  modalState.loadConfigSuccess.open = false;
-  setDatatableData();
+function handleOpenLoadConfig() {
+  emit('openLoadconfig');
 }
 </script>
 
@@ -89,14 +43,16 @@ function handleLoadConfigSuccessClose() {
     <p-definition-table
       :fields="detailTableModel.tableState.fields"
       :data="detailTableModel.tableState.data"
-      :loading="
-        detailTableModel.tableState.loading && resLoadStatus.isLoading.value
-      "
+      :loading="detailTableModel.tableState.loading || loading.value"
       block
     >
       <template #extra="{ name }">
         <div v-if="name === 'loadStatus'">
-          <p-button style-type="tertiary" size="sm" @click="handleLoadStatus">
+          <p-button
+            style-type="tertiary"
+            size="sm"
+            @click="handleOpenLoadConfig"
+          >
             Load Config
           </p-button>
         </div>
@@ -112,21 +68,6 @@ function handleLoadConfigSuccessClose() {
         </p-badge>
       </template>
     </p-definition-table>
-    <LoadConfig
-      v-if="targetVm"
-      :isOpen="modalState.loadConfigRequest.open"
-      :mciId="mciId"
-      :nsId="nsId"
-      :vmId="vmId"
-      :ip="targetVm?.publicIP ?? ''"
-      @success="handleLoadConfigRequestSuccess"
-      @close="handleLoadConfigRequestClose"
-    ></LoadConfig>
-    <SuccessfullyLoadConfigModal
-      :isOpen="modalState.loadConfigSuccess.open"
-      :scenarioName="modalState.loadConfigRequest.context.scenarioName"
-      @close="handleLoadConfigSuccessClose"
-    ></SuccessfullyLoadConfigModal>
   </div>
 </template>
 
diff --git a/front/src/widgets/workload/vm/vmList/model/index.ts b/front/src/widgets/workload/vm/vmList/model/index.ts
index d621d2f4..edcbe966 100644
--- a/front/src/widgets/workload/vm/vmList/model/index.ts
+++ b/front/src/widgets/workload/vm/vmList/model/index.ts
@@ -47,6 +47,7 @@ export function useVmListModel() {
   );
 
   return {
+    mciStore,
     vmListTableModel,
     getVmList,
     initToolBoxTableModel,
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index c0875a51..3ec5f66a 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -5,9 +5,17 @@ import {
   PToolbox,
   PDataLoader,
   PToolboxTable,
+  PButtonTab,
 } from '@cloudforet-test/mirinae';
 import { useVmListModel } from '@/widgets/workload/vm/vmList/model';
 import { onBeforeMount, onMounted, reactive, ref, watch } from 'vue';
+import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
+import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
+import { showErrorMessage } from '@/shared/utils';
+import { useGetLastLoadTestState } from '@/entities/mci/api';
+import { IVm } from '@/entities/mci/model';
+import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';
+import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
 
 interface IProps {
   nsId: string;
@@ -16,17 +24,55 @@ interface IProps {
 
 const props = defineProps<IProps>();
 const emit = defineEmits(['selectCard']);
-console.log(props);
-
-const { getVmList, initToolBoxTableModel, vmListTableModel, setMci } =
+const resLoadStatus = useGetLastLoadTestState(null);
+const selectedVm = ref<IVm | null>(null);
+const { mciStore, initToolBoxTableModel, vmListTableModel, setMci } =
   useVmListModel();
 
+const modalState = reactive({
+  loadConfigRequest: {
+    open: false,
+    context: {
+      scenarioName: '',
+    },
+  },
+  loadConfigSuccess: {
+    open: false,
+  },
+});
+const vmDetailTabState = reactive({
+  activeTab: 'information',
+  tabs: [
+    {
+      name: 'information',
+      label: 'Information',
+    },
+    {
+      name: 'connection',
+      label: 'Connection',
+    },
+    {
+      name: 'monitoring',
+      label: 'Monitoring',
+    },
+    {
+      name: 'evaluatePref',
+      label: 'Evaluate Pref',
+    },
+    {
+      name: 'estimateCost',
+      label: 'Estimate Cost',
+    },
+  ],
+});
+
 watch(
   () => props.mciId,
   () => {
     console.log(props.mciId);
     setMci(props.mciId);
     vmListTableModel.tableState.selectIndex = [];
+    selectedVm.value = null;
   },
   { immediate: true },
 );
@@ -35,9 +81,60 @@ onMounted(() => {
   initToolBoxTableModel();
 });
 
-function handleClick(value: any) {
+function setVmLoadTestResult() {
+  if (selectedVm.value === null) return;
+
+  resLoadStatus
+    .execute({
+      request: {
+        nsId: props.nsId,
+        mciId: props.mciId,
+        vmId: selectedVm.value.id,
+      },
+    })
+    .then(res => {
+      if (res.data.responseData) {
+        mciStore.assignLastLoadTestStateToVm(
+          props.mciId,
+          selectedVm.value!.id,
+          res.data.responseData.result,
+        );
+      }
+    })
+    .catch(e => {
+      showErrorMessage(e, e.errorMsg.value);
+    });
+}
+
+function handleCardClick(value: any) {
   console.log(value);
-  if (value && value.name) emit('selectCard', value.originalData.id);
+  if (value && value.name) {
+    emit('selectCard', value.originalData.id);
+    selectedVm.value = value.originalData;
+    setVmLoadTestResult();
+  } else {
+    selectedVm.value = null;
+  }
+}
+
+function handleLoadStatus(e) {
+  modalState.loadConfigRequest.open = true;
+  modalState.loadConfigSuccess.open = false;
+}
+
+function handleLoadConfigRequestClose() {
+  modalState.loadConfigRequest.open = false;
+}
+
+function handleLoadConfigRequestSuccess(e: string) {
+  modalState.loadConfigRequest.open = false;
+  modalState.loadConfigSuccess.open = true;
+  modalState.loadConfigRequest.context.scenarioName = e;
+}
+
+function handleLoadConfigSuccessClose() {
+  modalState.loadConfigSuccess.open = false;
+  setVmLoadTestResult();
 }
 </script>
 
@@ -79,7 +176,7 @@ function handleClick(value: any) {
           v-model="vmListTableModel.tableState.selectIndex"
           :value="value.name"
           :multi-selectable="true"
-          @click="() => handleClick(value)"
+          @click="() => handleCardClick(value)"
           style="
             width: 205.5px;
             height: 56px;
@@ -95,8 +192,51 @@ function handleClick(value: any) {
       </div>
     </section>
     <section>
-      <slot :name="'vmInfoTable'"></slot>
+      <p-button-tab
+        v-model="vmDetailTabState.activeTab"
+        :tabs="vmDetailTabState.tabs"
+        v-if="selectedVm?.id"
+      >
+        <template #information>
+          <VmInformation
+            :mciId="props.mciId"
+            :nsId="nsId"
+            :vmId="selectedVm.id"
+            :loading="resLoadStatus.isLoading"
+            @openLoadconfig="handleLoadStatus"
+          >
+          </VmInformation>
+        </template>
+        <template #connection>
+          <p>to be..</p>
+        </template>
+        <template #monitoring>
+          <p>to be..</p>
+        </template>
+        <template #evaluatePref>
+          <VmEvaluatePerf @openLoadconfig="handleLoadStatus"></VmEvaluatePerf>
+        </template>
+        <template #estimateCost>
+          <p>to be..</p>
+        </template>
+      </p-button-tab>
     </section>
+
+    <LoadConfig
+      v-if="selectedVm"
+      :isOpen="modalState.loadConfigRequest.open"
+      :mciId="mciId"
+      :nsId="nsId"
+      :vmId="selectedVm?.id ?? ''"
+      :ip="selectedVm?.publicIP ?? ''"
+      @success="handleLoadConfigRequestSuccess"
+      @close="handleLoadConfigRequestClose"
+    ></LoadConfig>
+    <SuccessfullyLoadConfigModal
+      :isOpen="modalState.loadConfigSuccess.open"
+      :scenarioName="modalState.loadConfigRequest.context.scenarioName"
+      @close="handleLoadConfigSuccessClose"
+    ></SuccessfullyLoadConfigModal>
   </div>
 </template>
 

From d39ddbc6bf654ec4560a36742e77f954bb89c4be Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 14 Nov 2024 17:02:02 +0900
Subject: [PATCH 17/41] fix: loadConfig update, create model api request body

---
 front/src/entities/mci/api/index.ts           | 42 --------------
 front/src/entities/sourceModels/api/index.ts  | 22 ++------
 .../src/entities/sourceModels/model/types.ts  | 14 +++++
 front/src/entities/vm/api/api.ts              | 56 +++++++++++++++++++
 front/src/entities/vm/model/type.ts           |  0
 .../workload/loadConfig/ui/LoadConfig.vue     |  2 +-
 .../metaViewer/ui/MetaViewer.vue              |  8 +--
 .../workload/mci/mciList/model/index.ts       |  7 +--
 .../vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue   | 13 ++++-
 .../workload/vm/vmInformation/model/index.ts  |  9 +++
 .../vm/vmInformation/ui/VmInformation.vue     | 24 ++++----
 .../widgets/workload/vm/vmList/ui/VmList.vue  |  7 ++-
 12 files changed, 118 insertions(+), 86 deletions(-)
 create mode 100644 front/src/entities/vm/api/api.ts
 create mode 100644 front/src/entities/vm/model/type.ts

diff --git a/front/src/entities/mci/api/index.ts b/front/src/entities/mci/api/index.ts
index 31355559..faf6395f 100644
--- a/front/src/entities/mci/api/index.ts
+++ b/front/src/entities/mci/api/index.ts
@@ -18,8 +18,6 @@ export interface IMciRequestParams {
 
 const GET_ALL_MCI = 'GetAllMci';
 const GET_MCI_INFO = 'GetMci';
-const RUN_LOAD_TEST = 'Runloadtest';
-const GET_LAST_LOAD_TEST_CONFIG = 'Getlastloadtestexecutionstate';
 
 export function useGetMciList(projectId: string | null, option: string | null) {
   const requestBodyWrapper: Required<
@@ -62,43 +60,3 @@ export function useGetMciInfo(params: IMciRequestParams | null) {
     Required<Pick<RequestBodyWrapper<IMciRequestParams>, 'pathParams'>>
   >(GET_MCI_INFO, requestBodyWrapper);
 }
-
-export function useRunLoadTest(requestPayload: IRunLoadTestRequest | null) {
-  const requestBodyWrapper: Required<
-    Pick<RequestBodyWrapper<IRunLoadTestRequest | null>, 'request'>
-  > = {
-    request: requestPayload,
-  };
-
-  return useAxiosPost<
-    IAxiosResponse<IRunLoadTestRequest>,
-    Required<Pick<RequestBodyWrapper<IMciRequestParams | null>, 'request'>>
-  >(RUN_LOAD_TEST, requestBodyWrapper);
-}
-
-interface ILastloadtestStateResponseWrapper {
-  result: ILastloadtestStateResponse;
-}
-
-export function useGetLastLoadTestState(
-  params: IMciRequestParams | { vmId: string } | null,
-) {
-  const requestBodyWrapper: Required<
-    Pick<
-      RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
-      'request'
-    >
-  > = {
-    request: params,
-  };
-
-  return useAxiosPost<
-    IAxiosResponse<ILastloadtestStateResponseWrapper>,
-    Required<
-      Pick<
-        RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
-        'request'
-      >
-    >
-  >(GET_LAST_LOAD_TEST_CONFIG, requestBodyWrapper);
-}
diff --git a/front/src/entities/sourceModels/api/index.ts b/front/src/entities/sourceModels/api/index.ts
index 600b0a4b..b274f865 100644
--- a/front/src/entities/sourceModels/api/index.ts
+++ b/front/src/entities/sourceModels/api/index.ts
@@ -5,7 +5,7 @@ import {
 } from '@/shared/libs';
 import { ISourceConnectionResponse } from '@/entities/sourceConnection/model/types.ts';
 import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
-import { ISourceModelResponse } from '@/entities';
+import { IOnpremModelPayload, ISourceModelResponse } from '@/entities';
 
 const GET_SOURCE_MODEL_LIST = 'GetUserModel';
 const UPDATE_SOURCE_MODEL = 'UpdateOnpremmodel';
@@ -63,28 +63,14 @@ export function useUpdateSourceModel(
   >(UPDATE_SOURCE_MODEL, requestBodyWrapper);
 }
 
-interface OnpremModelPayload {
-  onpremiseInfraModel: {
-    servers: any[];
-    network: {
-      ipv4Networks: any[];
-      ipv6Networks: any[];
-    };
-  };
-  description: string;
-  userModelName: string;
-  isInitUserModel: boolean;
-  userModelVersion: string;
-}
-
-export function useCreateOnpremmodel(data: OnpremModelPayload | null) {
+export function useCreateOnpremmodel(data: IOnpremModelPayload | null) {
   const requestWrapper: Required<
-    Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>
+    Pick<RequestBodyWrapper<IOnpremModelPayload | null>, 'request'>
   > = {
     request: data,
   };
   return useAxiosPost<
     IAxiosResponse<any>,
-    Required<Pick<RequestBodyWrapper<OnpremModelPayload | null>, 'request'>>
+    Required<Pick<RequestBodyWrapper<IOnpremModelPayload | null>, 'request'>>
   >(CREATE_ONPREMMODEL, requestWrapper);
 }
diff --git a/front/src/entities/sourceModels/model/types.ts b/front/src/entities/sourceModels/model/types.ts
index 812f2e2c..b7766c61 100644
--- a/front/src/entities/sourceModels/model/types.ts
+++ b/front/src/entities/sourceModels/model/types.ts
@@ -110,3 +110,17 @@ interface RoutingTableEntry {
   scope: string;
   source?: string;
 }
+
+export interface IOnpremModelPayload {
+  onpremiseInfraModel: {
+    servers: any[];
+    network: {
+      ipv4Networks: any[];
+      ipv6Networks: any[];
+    };
+  };
+  description: string;
+  userModelName: string;
+  isInitUserModel: boolean;
+  userModelVersion: string;
+}
diff --git a/front/src/entities/vm/api/api.ts b/front/src/entities/vm/api/api.ts
new file mode 100644
index 00000000..8cacf103
--- /dev/null
+++ b/front/src/entities/vm/api/api.ts
@@ -0,0 +1,56 @@
+import {
+  ILastloadtestStateResponse,
+  IRunLoadTestRequest,
+} from '@/entities/mci/model';
+import {
+  IAxiosResponse,
+  RequestBodyWrapper,
+  useAxiosPost,
+} from '@/shared/libs';
+import { IMciRequestParams } from '@/entities/mci/api';
+const RUN_LOAD_TEST = 'Runloadtest';
+const GET_LAST_LOAD_TEST_CONFIG = 'Getlastloadtestexecutionstate';
+const GET_LOAD_TEST_EVALUATION_DATA = 'Getlastloadtestresult';
+const GET_LOAD_TEST_RESULT_METRIC = 'Getloadtestmetrics';
+
+export function useRunLoadTest(requestPayload: IRunLoadTestRequest | null) {
+  const requestBodyWrapper: Required<
+    Pick<RequestBodyWrapper<IRunLoadTestRequest | null>, 'request'>
+  > = {
+    request: requestPayload,
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<IRunLoadTestRequest>,
+    Required<Pick<RequestBodyWrapper<IMciRequestParams | null>, 'request'>>
+  >(RUN_LOAD_TEST, requestBodyWrapper);
+}
+
+interface ILastloadtestStateResponseWrapper {
+  result: ILastloadtestStateResponse;
+}
+
+export function useGetLastLoadTestState(
+  params: IMciRequestParams | { vmId: string } | null,
+) {
+  const requestBodyWrapper: Required<
+    Pick<
+      RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
+      'request'
+    >
+  > = {
+    request: params,
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<ILastloadtestStateResponseWrapper>,
+    Required<
+      Pick<
+        RequestBodyWrapper<IMciRequestParams | { vmId: string } | null>,
+        'request'
+      >
+    >
+  >(GET_LAST_LOAD_TEST_CONFIG, requestBodyWrapper);
+}
+
+// export function useGetLoadTestEvaluationData
diff --git a/front/src/entities/vm/model/type.ts b/front/src/entities/vm/model/type.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/front/src/features/workload/loadConfig/ui/LoadConfig.vue b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
index a75c9a58..f9c19c2f 100644
--- a/front/src/features/workload/loadConfig/ui/LoadConfig.vue
+++ b/front/src/features/workload/loadConfig/ui/LoadConfig.vue
@@ -11,9 +11,9 @@ import {
   PDivider,
 } from '@cloudforet-test/mirinae';
 import { useLoadConfigModel } from '@/features/workload/loadConfig/model';
-import { useRunLoadTest } from '@/entities/mci/api';
 import { onBeforeMount, onMounted, watch } from 'vue';
 import { showErrorMessage } from '@/shared/utils';
+import { useRunLoadTest } from '@/entities/vm/api/api.ts';
 
 interface IProps {
   isOpen: boolean;
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index d26d3ef0..bd12995a 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -40,13 +40,7 @@ const handleMetaViewer = e => {
   createOnpremmodel
     .execute({
       request: {
-        onpremiseInfraModel: {
-          servers: [convertedData.value],
-          network: {
-            ipv4Networks: [],
-            ipv6Networks: [],
-          },
-        },
+        ...convertedData.value,
         description: e.description,
         userModelName: e.name,
         isInitUserModel: true,
diff --git a/front/src/widgets/workload/mci/mciList/model/index.ts b/front/src/widgets/workload/mci/mciList/model/index.ts
index ebb7ab13..c7071cb6 100644
--- a/front/src/widgets/workload/mci/mciList/model/index.ts
+++ b/front/src/widgets/workload/mci/mciList/model/index.ts
@@ -86,12 +86,14 @@ export function useMciListModel(props: IProps) {
             res.forEach(el => {
               mciStore.setMci(el.data.responseData);
             });
-            loading.value = false;
           });
         }
       })
       .catch(e => {
         showErrorMessage('Error', e.errorMsg.value);
+      })
+      .finally(() => {
+        loading.value = false;
       });
   }
 
@@ -112,9 +114,6 @@ export function useMciListModel(props: IProps) {
     { deep: true },
   );
 
-  /*  watch(resGetMciById.status, () => {
-    console.log(resGetMciById.status.value);
-  });*/
   return {
     mciTableModel,
     initToolBoxTableModel,
diff --git a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
index 32b221d6..ccf8967e 100644
--- a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
+++ b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
@@ -1,5 +1,12 @@
 <script setup lang="ts">
 import { PButton, PDataLoader } from '@cloudforet-test/mirinae';
+import { Ref } from 'vue';
+interface IProps {
+  loading: Ref<boolean>;
+}
+
+const props = defineProps<IProps>();
+const emit = defineEmits(['openLoadconfig']);
 </script>
 
 <template>
@@ -11,7 +18,11 @@ import { PButton, PDataLoader } from '@cloudforet-test/mirinae';
         Please configure the load.
       </h5>
       <div class="flex gap-1.5">
-        <p-button style-type="secondary" icon-left="ic_settings">
+        <p-button
+          style-type="secondary"
+          icon-left="ic_settings"
+          @click="emit('openLoadconfig')"
+        >
           Load Config
         </p-button>
       </div>
diff --git a/front/src/widgets/workload/vm/vmInformation/model/index.ts b/front/src/widgets/workload/vm/vmInformation/model/index.ts
index 4288b230..79210f0b 100644
--- a/front/src/widgets/workload/vm/vmInformation/model/index.ts
+++ b/front/src/widgets/workload/vm/vmInformation/model/index.ts
@@ -88,6 +88,14 @@ export function useVmInformationModel() {
     return data;
   }
 
+  function remappingData() {
+    if (targetVmId.value) {
+      detailTableModel.tableState.loading = true;
+      detailTableModel.tableState.data = setDefineTableData(targetVmId.value);
+      detailTableModel.tableState.loading = false;
+    }
+  }
+
   watch(targetVmId, nv => {
     detailTableModel.tableState.loading = true;
 
@@ -106,5 +114,6 @@ export function useVmInformationModel() {
     targetVm,
     setMci,
     mciStore,
+    remappingData,
   };
 }
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index a9b0b28c..1deb0bd7 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -2,10 +2,6 @@
 import { useVmInformationModel } from '@/widgets/workload/vm/vmInformation/model';
 import { PBadge, PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
 import { onBeforeMount, onMounted, reactive, Ref, watch } from 'vue';
-import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
-import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
-import { useGetLastLoadTestState } from '@/entities/mci/api';
-import { showErrorMessage } from '@/shared/utils';
 
 interface IProps {
   nsId: string;
@@ -17,8 +13,15 @@ interface IProps {
 const props = defineProps<IProps>();
 const emit = defineEmits(['openLoadconfig']);
 console.log(props);
-const { initTable, setVmId, detailTableModel, targetVm, setMci, mciStore } =
-  useVmInformationModel();
+const {
+  initTable,
+  setVmId,
+  detailTableModel,
+  targetVm,
+  setMci,
+  mciStore,
+  remappingData,
+} = useVmInformationModel();
 
 onBeforeMount(() => {
   initTable();
@@ -32,10 +35,9 @@ watch(
   },
   { immediate: true, deep: true },
 );
-
-function handleOpenLoadConfig() {
-  emit('openLoadconfig');
-}
+watch(props.loading, () => {
+  remappingData();
+});
 </script>
 
 <template>
@@ -51,7 +53,7 @@ function handleOpenLoadConfig() {
           <p-button
             style-type="tertiary"
             size="sm"
-            @click="handleOpenLoadConfig"
+            @click="emit('openLoadconfig')"
           >
             Load Config
           </p-button>
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index 3ec5f66a..e958204f 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -12,10 +12,10 @@ import { onBeforeMount, onMounted, reactive, ref, watch } from 'vue';
 import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
 import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
 import { showErrorMessage } from '@/shared/utils';
-import { useGetLastLoadTestState } from '@/entities/mci/api';
 import { IVm } from '@/entities/mci/model';
 import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';
 import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
+import { useGetLastLoadTestState } from '@/entities/vm/api/api.ts';
 
 interface IProps {
   nsId: string;
@@ -214,7 +214,10 @@ function handleLoadConfigSuccessClose() {
           <p>to be..</p>
         </template>
         <template #evaluatePref>
-          <VmEvaluatePerf @openLoadconfig="handleLoadStatus"></VmEvaluatePerf>
+          <VmEvaluatePerf
+            :loading="resLoadStatus.isLoading"
+            @openLoadconfig="handleLoadStatus"
+          ></VmEvaluatePerf>
         </template>
         <template #estimateCost>
           <p>to be..</p>

From b597249c185e50b89fb1e0167ca6ecffaa9a2f15 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 14 Nov 2024 17:27:11 +0900
Subject: [PATCH 18/41] feat : source model delete

---
 front/src/entities/sourceModels/api/index.ts  | 15 +++++++
 .../sourceModels/ui/SourceModelsPage.vue      |  6 ++-
 .../sourceModelList/ui/SourceModelList.vue    | 41 ++++++++++++++-----
 3 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/front/src/entities/sourceModels/api/index.ts b/front/src/entities/sourceModels/api/index.ts
index b274f865..2d07c1e3 100644
--- a/front/src/entities/sourceModels/api/index.ts
+++ b/front/src/entities/sourceModels/api/index.ts
@@ -6,10 +6,13 @@ import {
 import { ISourceConnectionResponse } from '@/entities/sourceConnection/model/types.ts';
 import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
 import { IOnpremModelPayload, ISourceModelResponse } from '@/entities';
+import { IEditWorkspaceData } from '@/entities/workspace/model/types.ts';
+import { axiosInstance } from '@/shared/libs/api/instance.ts';
 
 const GET_SOURCE_MODEL_LIST = 'GetUserModel';
 const UPDATE_SOURCE_MODEL = 'UpdateOnpremmodel';
 const CREATE_ONPREMMODEL = 'CreateOnpremmodel';
+const DELETE_ONPREMMODEL = 'DeleteOnpremmodel';
 
 export function useGetSourceModelList() {
   const requestWrapper: Required<Pick<RequestBodyWrapper<any>, 'pathParams'>> =
@@ -74,3 +77,15 @@ export function useCreateOnpremmodel(data: IOnpremModelPayload | null) {
     Required<Pick<RequestBodyWrapper<IOnpremModelPayload | null>, 'request'>>
   >(CREATE_ONPREMMODEL, requestWrapper);
 }
+
+export function useBulkAddWorkspaceList(modelIds: string[]) {
+  const promiseArr = modelIds.map(modelId => {
+    return axiosInstance.post(DELETE_ONPREMMODEL, {
+      pathParams: {
+        id: modelId,
+      },
+    });
+  });
+
+  return Promise.all(promiseArr);
+}
diff --git a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
index 2a277642..db07967d 100644
--- a/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
+++ b/front/src/pages/models/sourceModels/ui/SourceModelsPage.vue
@@ -7,7 +7,11 @@ import { RecommendedModel } from '@/widgets/models/sourceModels';
 import { computed, reactive, ref, watch } from 'vue';
 import { SimpleEditForm } from '@/widgets/layout';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
-import { useSourceModelStore, useUpdateSourceModel } from '@/entities';
+import {
+  useBulkAddWorkspaceList,
+  useSourceModelStore,
+  useUpdateSourceModel,
+} from '@/entities';
 
 const pageName = 'Source Models';
 
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
index f2c0abc7..5fb2c294 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
+++ b/front/src/widgets/models/sourceModels/sourceModelList/ui/SourceModelList.vue
@@ -7,21 +7,24 @@ import {
 } from '@cloudforet-test/mirinae';
 import { useSourceModelListModel } from '../model/sourceModelListModel';
 import { onBeforeMount, onMounted, reactive, watch, watchEffect } from 'vue';
-import { insertDynamicComponent, showErrorMessage } from '@/shared/utils';
+import {
+  insertDynamicComponent,
+  showErrorMessage,
+  showSuccessMessage,
+} from '@/shared/utils';
 import DynamicTableIconButton from '@/shared/ui/Button/dynamicIconButton/DynamicTableIconButton.vue';
-import { useGetSourceModelList } from '@/entities';
+import { useBulkAddWorkspaceList, useGetSourceModelList } from '@/entities';
 
 interface IProps {
   trigger: boolean;
 }
 
 const props = defineProps<IProps>();
+const emit = defineEmits(['select-row', 'update:trigger']);
 
 const { tableModel, initToolBoxTableModel, sourceModelStore, models } =
   useSourceModelListModel();
 
-const emit = defineEmits(['select-row', 'update:trigger']);
-
 const modals = reactive({
   alertModalState: { open: false },
   sourceModelAddModalState: { open: false },
@@ -69,8 +72,9 @@ function addDeleteIconAtTable() {
     },
     {
       click: () => {
-        if (tableModel.tableState.selectIndex.length > 0)
+        if (tableModel.tableState.selectIndex.length > 0) {
           modals.alertModalState.open = true;
+        }
       },
     },
     targetElement,
@@ -79,6 +83,22 @@ function addDeleteIconAtTable() {
   return instance;
 }
 
+function multiDelete() {
+  const selectedData = tableModel.tableState.selectIndex.map(index => {
+    return tableModel.tableState.displayItems[index].id;
+  });
+
+  useBulkAddWorkspaceList(selectedData)
+    .then(res => {
+      handleRefreshTable();
+      tableModel.tableState.selectIndex = [];
+      showSuccessMessage('success', 'Delete Success');
+    })
+    .catch(err => {
+      showErrorMessage('Error', err);
+    });
+}
+
 function handleRefreshTable() {
   getTableList();
 }
@@ -91,6 +111,11 @@ function handleSelectedIndex(selectedIndex: number) {
     emit('select-row', { id: '', name: '' });
   }
 }
+
+function handleDeleteConfirm() {
+  multiDelete();
+  modals.alertModalState.open = false;
+}
 </script>
 
 <template>
@@ -134,11 +159,7 @@ function handleSelectedIndex(selectedIndex: number) {
       header-title="Are you sure you want to delete it?"
       :hide-body="true"
       :hide-header-close-button="true"
-      @confirm="
-        () => {
-          modals.alertModalState.open = false;
-        }
-      "
+      @confirm="handleDeleteConfirm"
     />
   </div>
 </template>

From 62b47dc12b2aa86ba64f58d972f05faef3a130f9 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Fri, 15 Nov 2024 18:16:22 +0900
Subject: [PATCH 19/41] feat : vm metric

---
 front/package-lock.json                       |  28 +++
 front/package.json                            |   1 +
 front/src/entities/vm/api/api.ts              |  58 ++++++-
 front/src/entities/workspace/model/types.ts   |  69 ++++++++
 .../ui/LoadTestAggregationTable.vue           | 144 ++++++++++++++++
 .../ui/LoadTestEvaluationMetric.vue           | 162 ++++++++++++++++++
 .../ui/LoadTestResourceMetric.vue             | 147 ++++++++++++++++
 front/src/shared/utils/dateformatter/index.ts |  26 +++
 .../vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue   |  33 +++-
 .../widgets/workload/vm/vmList/ui/VmList.vue  |   4 +
 10 files changed, 665 insertions(+), 7 deletions(-)
 create mode 100644 front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
 create mode 100644 front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
 create mode 100644 front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue

diff --git a/front/package-lock.json b/front/package-lock.json
index e73cba62..6d16d9f9 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -13,6 +13,7 @@
         "@vueuse/core": "^10.7.2",
         "@vueuse/integrations": "^11.0.1",
         "axios": "^1.7.2",
+        "echarts": "^5.5.1",
         "jwt-decode": "^4.0.0",
         "pinia": "^2.1.7",
         "postcss-loader": "^8.1.1",
@@ -2751,6 +2752,20 @@
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
       "dev": true
     },
+    "node_modules/echarts": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.5.1.tgz",
+      "integrity": "sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.6.0"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+    },
     "node_modules/ejs": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
@@ -8196,6 +8211,19 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zrender": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.0.tgz",
+      "integrity": "sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     }
   }
 }
diff --git a/front/package.json b/front/package.json
index 8a332788..86d58a1a 100644
--- a/front/package.json
+++ b/front/package.json
@@ -19,6 +19,7 @@
     "@vueuse/core": "^10.7.2",
     "@vueuse/integrations": "^11.0.1",
     "axios": "^1.7.2",
+    "echarts": "^5.5.1",
     "jwt-decode": "^4.0.0",
     "pinia": "^2.1.7",
     "postcss-loader": "^8.1.1",
diff --git a/front/src/entities/vm/api/api.ts b/front/src/entities/vm/api/api.ts
index 8cacf103..a9444235 100644
--- a/front/src/entities/vm/api/api.ts
+++ b/front/src/entities/vm/api/api.ts
@@ -8,10 +8,15 @@ import {
   useAxiosPost,
 } from '@/shared/libs';
 import { IMciRequestParams } from '@/entities/mci/api';
+import {
+  IGetlastloadtestmetricsResponse,
+  IGetLoadTestEvaluationDataResponse,
+  ILoadTestResultAggregateResponse,
+} from '@/entities/workspace/model/types.ts';
 const RUN_LOAD_TEST = 'Runloadtest';
 const GET_LAST_LOAD_TEST_CONFIG = 'Getlastloadtestexecutionstate';
 const GET_LOAD_TEST_EVALUATION_DATA = 'Getlastloadtestresult';
-const GET_LOAD_TEST_RESULT_METRIC = 'Getloadtestmetrics';
+const GET_LOAD_TEST_RESOURCE_METRIC = 'Getlastloadtestmetrics';
 
 export function useRunLoadTest(requestPayload: IRunLoadTestRequest | null) {
   const requestBodyWrapper: Required<
@@ -53,4 +58,53 @@ export function useGetLastLoadTestState(
   >(GET_LAST_LOAD_TEST_CONFIG, requestBodyWrapper);
 }
 
-// export function useGetLoadTestEvaluationData
+interface IMetricParams extends IMciRequestParams {
+  vmId: string;
+  format: 'normal';
+}
+
+interface IMetricParamsBase extends IMciRequestParams {
+  vmId: string;
+}
+
+type FormatType = 'normal' | 'aggregate';
+
+export function useGetLoadTestEvaluationData<T extends FormatType>(
+  params: (IMetricParamsBase & { format: T }) | null,
+) {
+  const requestBodyWrapper: Required<
+    Pick<
+      RequestBodyWrapper<(IMetricParamsBase & { format: T }) | null>,
+      'queryParams'
+    >
+  > = {
+    queryParams: params,
+  };
+
+  type ResponseType = T extends 'normal'
+    ? IGetLoadTestEvaluationDataResponse
+    : ILoadTestResultAggregateResponse;
+
+  return useAxiosPost<
+    IAxiosResponse<ResponseType>,
+    Required<
+      Pick<
+        RequestBodyWrapper<(IMetricParamsBase & { format: T }) | null>,
+        'queryParams'
+      >
+    >
+  >(GET_LOAD_TEST_EVALUATION_DATA, requestBodyWrapper);
+}
+
+export function useGetLoadTestResourceMetric(params: IMetricParams | null) {
+  const requestBodyWrapper: Required<
+    Pick<RequestBodyWrapper<IMetricParams | null>, 'queryParams'>
+  > = {
+    queryParams: params,
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<IGetlastloadtestmetricsResponse>,
+    Required<Pick<RequestBodyWrapper<IMetricParams | null>, 'queryParams'>>
+  >(GET_LOAD_TEST_RESOURCE_METRIC, requestBodyWrapper);
+}
diff --git a/front/src/entities/workspace/model/types.ts b/front/src/entities/workspace/model/types.ts
index ec7e06f7..27e982fb 100644
--- a/front/src/entities/workspace/model/types.ts
+++ b/front/src/entities/workspace/model/types.ts
@@ -47,3 +47,72 @@ export interface IWorkspaceRoleResponse {
     },
   ];
 }
+
+interface IResourceMetric {
+  IsError: boolean;
+  Timestamp: string;
+  Unit: string;
+  Value: string;
+}
+
+export interface IResourceMetricData {
+  Label: string;
+  Metrics: IResourceMetric[];
+}
+
+export interface IGetlastloadtestmetricsResponse {
+  result: IResourceMetricData[];
+}
+
+interface IEvaluateMetric {
+  Bytes: number;
+  Connection: number;
+  Elapsed: number;
+  IdleTime: number;
+  IsError: boolean;
+  Latency: number;
+  No: number;
+  SentBytes: number;
+  Timestamp: string;
+  URL: string;
+}
+
+export interface IEvaluateMetricData {
+  Label: string;
+  Results: IEvaluateMetric[];
+}
+
+export interface IGetLoadTestEvaluationDataResponse {
+  result: IEvaluateMetricData[];
+}
+
+export interface ILoadTestResultAggregateResponse {
+  average: number;
+  errorPercent: number;
+  label: string;
+  maxTime: number;
+  median: number;
+  minTime: number;
+  ninetyFive: number;
+  ninetyNine: number;
+  ninetyPercent: number;
+  receivedKB: number;
+  requestCount: number;
+  sentKB: number;
+  throughput: number;
+}
+
+export type LoadTestResultAggregateTableType =
+  | 'average'
+  | 'errorPercent'
+  | 'label'
+  | 'maxTime'
+  | 'median'
+  | 'minTime'
+  | 'ninetyFive'
+  | 'ninetyNine'
+  | 'ninetyPercent'
+  | 'receivedKB'
+  | 'requestCount'
+  | 'sentKB'
+  | 'throughput';
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
new file mode 100644
index 00000000..1028db17
--- /dev/null
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { PBadge, PButton, PDataTable } from '@cloudforet-test/mirinae';
+import { onBeforeMount, onMounted, reactive, Ref, watch } from 'vue';
+import { useGetLoadTestEvaluationData } from '@/entities/vm/api/api.ts';
+import { useDefinitionTableModel } from '@/shared/hooks/table/definitionTable/useDefinitionTableModel.ts';
+import {
+  ILoadTestResultAggregateResponse,
+  LoadTestResultAggregateTableType,
+} from '@/entities/workspace/model/types.ts';
+import { showErrorMessage } from '@/shared/utils';
+
+interface IProps {
+  nsId: string;
+  mciId: string;
+  vmId: string;
+}
+
+const props = defineProps<IProps>();
+const emit = defineEmits(['openLoadconfig']);
+
+const detailTableModel =
+  useDefinitionTableModel<Record<LoadTestResultAggregateTableType, any>>();
+
+function initTable() {
+  detailTableModel.initState();
+
+  detailTableModel.tableState.fields = [
+    { label: 'Average', name: 'average' },
+    { label: 'Error Percent', name: 'errorPercent' },
+    { label: 'Label', name: 'label' },
+    { label: 'Max Time', name: 'maxTime' },
+    { label: 'Median', name: 'median' },
+    { label: 'Min Time', name: 'minTime' },
+    { label: '95th Percentile', name: 'ninetyFive' },
+    { label: '99th Percentile', name: 'ninetyNine' },
+    { label: '90th Percentile', name: 'ninetyPercent' },
+    { label: 'Received KB', name: 'receivedKB' },
+    { label: 'Request Count', name: 'requestCount' },
+    { label: 'Sent KB', name: 'sentKB' },
+    { label: 'Throughput', name: 'throughput' },
+  ];
+}
+
+function organizeDefineTableData(response: ILoadTestResultAggregateResponse) {
+  const data: Record<LoadTestResultAggregateTableType, any> = {
+    average: response.average,
+    errorPercent: response.errorPercent,
+    label: response.label,
+    maxTime: response.maxTime,
+    median: response.median,
+    minTime: response.minTime,
+    ninetyFive: response.ninetyFive,
+    ninetyNine: response.ninetyNine,
+    ninetyPercent: response.ninetyPercent,
+    receivedKB: response.receivedKB,
+    requestCount: response.requestCount,
+    sentKB: response.sentKB,
+    throughput: response.throughput,
+  };
+
+  return data;
+}
+
+const resGetLoadTestResourceMetric =
+  useGetLoadTestEvaluationData<'aggregate'>(null);
+
+onBeforeMount(() => {
+  initTable();
+});
+
+watch(
+  props,
+  nv => {
+    resGetLoadTestResourceMetric
+      .execute({
+        queryParams: {
+          nsId: nv.nsId,
+          mciId: nv.mciId,
+          vmId: nv.vmId,
+          format: 'aggregate',
+        },
+      })
+      .then(res => {
+        detailTableModel.tableState.loading = true;
+
+        if (res.data.responseData && res.data.responseData['result']) {
+          detailTableModel.tableState.data = res.data.responseData[
+            'result'
+          ].map((item: ILoadTestResultAggregateResponse) =>
+            organizeDefineTableData(item),
+          );
+
+          console.log(
+            JSON.parse(JSON.stringify(detailTableModel.tableState.data)),
+          );
+          detailTableModel.tableState.loading = false;
+        }
+      })
+      .catch(e => {
+        showErrorMessage('error', e.errorMsg.value);
+      });
+  },
+  { immediate: true, deep: true },
+);
+</script>
+
+<template>
+  <div>
+    <p-data-table
+      :fields="detailTableModel.tableState.fields"
+      :data="detailTableModel.tableState.data"
+      :loading="
+        detailTableModel.tableState.loading ||
+        resGetLoadTestResourceMetric.isLoading.value
+      "
+      block
+      >>
+
+      <template #extra="{ name }">
+        <div v-if="name === 'loadStatus'">
+          <p-button
+            style-type="tertiary"
+            size="sm"
+            @click="emit('openLoadconfig')"
+          >
+            Load Config
+          </p-button>
+        </div>
+      </template>
+      <template #data-provider="{ data }">
+        <p-badge
+          v-for="(provider, index) in data"
+          :key="index"
+          :backgroundColor="provider.color"
+          class="mr-1"
+        >
+          {{ provider.name }}
+        </p-badge>
+      </template>
+    </p-data-table>
+  </div>
+</template>
+
+<style scoped lang="postcss"></style>
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
new file mode 100644
index 00000000..b17a112e
--- /dev/null
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
@@ -0,0 +1,162 @@
+<script setup lang="ts">
+import {
+  useGetLoadTestEvaluationData,
+  useGetLoadTestResourceMetric,
+} from '@/entities/vm/api/api.ts';
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import {
+  IEvaluateMetricData,
+  IGetLoadTestEvaluationDataResponse,
+  IResourceMetricData,
+} from '@/entities/workspace/model/types.ts';
+import * as echarts from 'echarts';
+import { PDataLoader } from '@cloudforet-test/mirinae';
+import {
+  formatDate,
+  formatDateWithMilliseconds,
+  showErrorMessage,
+} from '@/shared/utils';
+interface IProps {
+  nsId: string;
+  mciId: string;
+  vmId: string;
+}
+
+const props = defineProps<IProps>();
+
+const resGetLoadTestResourceMetric =
+  useGetLoadTestEvaluationData<'normal'>(null);
+
+const chartContainer = ref<HTMLDivElement | null>(null);
+const chart = ref<echarts.ECharts | null>(null);
+
+watch(props, () => {
+  loadChart();
+});
+
+onMounted(() => {
+  loadChart();
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', () => chart.value?.resize());
+});
+
+function loadChart() {
+  resGetLoadTestResourceMetric
+    .execute({
+      queryParams: {
+        nsId: props.nsId,
+        mciId: props.mciId,
+        vmId: props.vmId,
+        format: 'normal',
+      },
+    })
+    .then(res => {
+      if (res.data.responseData && res.data.responseData['result']) {
+        createTimeSeriesChart(
+          chartContainer.value,
+          res.data.responseData['result'],
+          'line',
+        );
+      }
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg.value);
+    });
+}
+
+function createTimeSeriesChart(
+  container: HTMLDivElement | null,
+  data: IEvaluateMetricData[],
+  chartType = 'line',
+) {
+  console.log(data);
+  const seriesData = data.map((item: IEvaluateMetricData) => ({
+    name: item.Label,
+    type: chartType,
+    data: item.Results.map(result => ({
+      value: [formatDateWithMilliseconds(result.Timestamp), result.Elapsed],
+    })),
+  }));
+
+  const xAxisLabels =
+    data.length > 0
+      ? data[0].Results.map(result =>
+          formatDateWithMilliseconds(result.Timestamp),
+        )
+      : [];
+
+  const option = {
+    title: {
+      text: '',
+    },
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+      },
+    },
+    legend: {
+      data: data.map(item => item.Label),
+    },
+    xAxis: {
+      type: 'category',
+      name: 'Time',
+      data: xAxisLabels,
+      boundaryGap: false,
+    },
+    yAxis: {
+      type: 'value',
+      name: 'Value',
+      scale: true,
+    },
+    series: seriesData,
+    dataZoom: [
+      {
+        type: 'slider',
+        show: true,
+        xAxisIndex: 0,
+        start: 0,
+        end: 100,
+      },
+      {
+        type: 'inside',
+        xAxisIndex: 0,
+        start: 0,
+        end: 100,
+      },
+    ],
+  };
+
+  if (container) {
+    chart.value = echarts.init(container, null, {
+      renderer: 'canvas',
+      useDirtyRect: false,
+    });
+    chart.value.setOption(option);
+    window.addEventListener('resize', () => chart.value?.resize());
+  } else {
+    showErrorMessage('error', 'chart container is null');
+  }
+}
+</script>
+
+<template>
+  <div class="w-full h-full">
+    <div
+      v-if="resGetLoadTestResourceMetric.status.value === 'success'"
+      ref="chartContainer"
+      class="w-full h-full relative"
+    ></div>
+    <p-data-loader
+      v-else
+      :data="false"
+      :loading="resGetLoadTestResourceMetric.isLoading.value"
+      class="w-full h-full"
+    >
+    </p-data-loader>
+  </div>
+</template>
+
+<style scoped lang="postcss"></style>
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
new file mode 100644
index 00000000..88f28f18
--- /dev/null
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
@@ -0,0 +1,147 @@
+<script setup lang="ts">
+import { useGetLoadTestResourceMetric } from '@/entities/vm/api/api.ts';
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { IResourceMetricData } from '@/entities/workspace/model/types.ts';
+import * as echarts from 'echarts';
+import { PDataLoader } from '@cloudforet-test/mirinae';
+import { formatDate, showErrorMessage } from '@/shared/utils';
+interface IProps {
+  nsId: string;
+  mciId: string;
+  vmId: string;
+}
+
+const props = defineProps<IProps>();
+
+const resGetLoadTestResourceMetric = useGetLoadTestResourceMetric(null);
+
+const chartContainer = ref<HTMLDivElement | null>(null);
+const chart = ref<echarts.ECharts | null>(null);
+
+watch(props, () => {
+  loadChart();
+});
+
+onMounted(() => {
+  loadChart();
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', () => chart.value?.resize());
+});
+
+function loadChart() {
+  resGetLoadTestResourceMetric
+    .execute({
+      queryParams: {
+        nsId: props.nsId,
+        mciId: props.mciId,
+        vmId: props.vmId,
+        format: 'normal',
+      },
+    })
+    .then(res => {
+      if (res.data.responseData && res.data.responseData.result) {
+        createTimeSeriesChart(
+          chartContainer.value,
+          res.data.responseData.result,
+          'line',
+        );
+      }
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg.value);
+    });
+}
+
+function createTimeSeriesChart(
+  container: HTMLDivElement | null,
+  data: IResourceMetricData[],
+  chartType = 'line',
+) {
+  const seriesData = data.map((item: IResourceMetricData) => ({
+    name: item.Label,
+    type: chartType,
+    data: item.Metrics.map(metric => ({
+      value: [formatDate(metric.Timestamp), parseFloat(metric.Value)],
+    })),
+  }));
+
+  const xAxisLabels =
+    data.length > 0
+      ? data[0].Metrics.map(metric => formatDate(metric.Timestamp))
+      : [];
+
+  const option = {
+    title: {
+      text: '',
+    },
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+      },
+    },
+    legend: {
+      data: data.map(item => item.Label),
+    },
+    xAxis: {
+      type: 'category',
+      name: 'Time',
+      data: xAxisLabels,
+      boundaryGap: false,
+    },
+    yAxis: {
+      type: 'value',
+      name: 'Value',
+      scale: true,
+    },
+    series: seriesData,
+    dataZoom: [
+      {
+        type: 'slider',
+        show: true,
+        xAxisIndex: 0,
+        start: 0,
+        end: 100,
+      },
+      {
+        type: 'inside',
+        xAxisIndex: 0,
+        start: 0,
+        end: 100,
+      },
+    ],
+  };
+
+  if (container) {
+    chart.value = echarts.init(container, null, {
+      renderer: 'canvas',
+      useDirtyRect: false,
+    });
+    chart.value.setOption(option);
+    window.addEventListener('resize', () => chart.value?.resize());
+  } else {
+    showErrorMessage('error', 'chart container is null');
+  }
+}
+</script>
+
+<template>
+  <div class="w-full h-full">
+    <div
+      v-if="resGetLoadTestResourceMetric.status.value === 'success'"
+      ref="chartContainer"
+      class="w-full h-full relative"
+    ></div>
+    <p-data-loader
+      v-else
+      :data="false"
+      :loading="resGetLoadTestResourceMetric.isLoading.value"
+      class="w-full h-full"
+    >
+    </p-data-loader>
+  </div>
+</template>
+
+<style scoped lang="postcss"></style>
diff --git a/front/src/shared/utils/dateformatter/index.ts b/front/src/shared/utils/dateformatter/index.ts
index 0ce41e5b..b9d01495 100644
--- a/front/src/shared/utils/dateformatter/index.ts
+++ b/front/src/shared/utils/dateformatter/index.ts
@@ -22,3 +22,29 @@ export function formatDate(
     return '';
   }
 }
+
+export function formatDateWithMilliseconds(
+  date: Date | string,
+  format: string = 'yyyy-MM-dd HH:mm:ss.SSS',
+): string {
+  try {
+    const d = new Date(date);
+    if (isNaN(d.getTime())) {
+      throw new Error('Invalid date');
+    }
+
+    const map: { [key: string]: string } = {
+      yyyy: d.getFullYear().toString(),
+      MM: String(d.getMonth() + 1).padStart(2, '0'),
+      dd: String(d.getDate()).padStart(2, '0'),
+      HH: String(d.getHours()).padStart(2, '0'),
+      mm: String(d.getMinutes()).padStart(2, '0'),
+      ss: String(d.getSeconds()).padStart(2, '0'),
+      SSS: String(d.getMilliseconds()).padStart(3, '0'), // 밀리세컨드 추가
+    };
+
+    return format.replace(/yyyy|MM|dd|HH|mm|ss|SSS/g, matched => map[matched]);
+  } catch (e) {
+    return '';
+  }
+}
diff --git a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
index ccf8967e..d0576df9 100644
--- a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
+++ b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { PButton, PDataLoader } from '@cloudforet-test/mirinae';
 import { Ref } from 'vue';
+import LoadTestEvaluationMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue';
+import LoadTestResourceMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
+import LoadTestAggregationTable from '@/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue';
 interface IProps {
+  mciId: string;
+  nsId: string;
+  vmId: string;
   loading: Ref<boolean>;
 }
 
@@ -28,10 +34,27 @@ const emit = defineEmits(['openLoadconfig']);
       </div>
     </div>
     <div class="flex flex-col gap-2">
-      <p-data-loader :data="false" :loading="false" class="chart w-full">
-      </p-data-loader>
-      <p-data-loader :data="false" :loading="false" class="chart w-full">
-      </p-data-loader>
+      <div>
+        <LoadTestAggregationTable
+          :mciId="mciId"
+          :nsId="nsId"
+          :vmId="vmId"
+        ></LoadTestAggregationTable>
+      </div>
+      <div class="chart w-full">
+        <LoadTestEvaluationMetric
+          :mciId="mciId"
+          :nsId="nsId"
+          :vmId="vmId"
+        ></LoadTestEvaluationMetric>
+      </div>
+      <div class="chart w-full">
+        <LoadTestResourceMetric
+          :mciId="mciId"
+          :nsId="nsId"
+          :vmId="vmId"
+        ></LoadTestResourceMetric>
+      </div>
     </div>
   </div>
 </template>
@@ -59,7 +82,7 @@ const emit = defineEmits(['openLoadconfig']);
 
 .chart {
   @apply border-gray-200 border;
-  height: 280px;
+  height: 500px;
   border-radius: 4px 0px 0px 0px;
 }
 </style>
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index e958204f..b616447c 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -16,6 +16,7 @@ import { IVm } from '@/entities/mci/model';
 import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';
 import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
 import { useGetLastLoadTestState } from '@/entities/vm/api/api.ts';
+import LoadTestMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
 
 interface IProps {
   nsId: string;
@@ -216,6 +217,9 @@ function handleLoadConfigSuccessClose() {
         <template #evaluatePref>
           <VmEvaluatePerf
             :loading="resLoadStatus.isLoading"
+            :mciId="mciId"
+            :nsId="nsId"
+            :vmId="selectedVm.id"
             @openLoadconfig="handleLoadStatus"
           ></VmEvaluatePerf>
         </template>

From 52126a1f3146e89d4209df9d511a982bc75dc2b8 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 18 Nov 2024 09:41:37 +0900
Subject: [PATCH 20/41] feat : vm loadconfig result table

---
 .../ui/LoadTestAggregationTable.vue           |  7 ++--
 .../ui/LoadTestEvaluationMetric.vue           |  4 +-
 .../ui/LoadTestResourceMetric.vue             |  4 +-
 .../vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue   | 33 +++++++++------
 .../widgets/workload/vm/vmList/ui/VmList.vue  | 41 ++++++++++++++++---
 5 files changed, 61 insertions(+), 28 deletions(-)

diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
index 1028db17..5ae68718 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
@@ -8,6 +8,7 @@ import {
   LoadTestResultAggregateTableType,
 } from '@/entities/workspace/model/types.ts';
 import { showErrorMessage } from '@/shared/utils';
+import _ from 'lodash';
 
 interface IProps {
   nsId: string;
@@ -108,14 +109,14 @@ watch(
   <div>
     <p-data-table
       :fields="detailTableModel.tableState.fields"
-      :data="detailTableModel.tableState.data"
+      :items="detailTableModel.tableState.data"
       :loading="
         detailTableModel.tableState.loading ||
         resGetLoadTestResourceMetric.isLoading.value
       "
       block
-      >>
-
+      class="min-h-0"
+    >
       <template #extra="{ name }">
         <div v-if="name === 'loadStatus'">
           <p-button
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
index b17a112e..38fb41cd 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
@@ -61,9 +61,7 @@ function loadChart() {
         );
       }
     })
-    .catch(e => {
-      showErrorMessage('error', e.errorMsg.value);
-    });
+    .catch(e => {});
 }
 
 function createTimeSeriesChart(
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
index 88f28f18..54d80303 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
@@ -49,9 +49,7 @@ function loadChart() {
         );
       }
     })
-    .catch(e => {
-      showErrorMessage('error', e.errorMsg.value);
-    });
+    .catch(e => {});
 }
 
 function createTimeSeriesChart(
diff --git a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
index d0576df9..6754020d 100644
--- a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
+++ b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
@@ -33,8 +33,9 @@ const emit = defineEmits(['openLoadconfig']);
         </p-button>
       </div>
     </div>
-    <div class="flex flex-col gap-2">
-      <div>
+    <div class="flex flex-col gap-4">
+      <div class="font-bold text-2xl">
+        Aggregation Table
         <LoadTestAggregationTable
           :mciId="mciId"
           :nsId="nsId"
@@ -42,18 +43,24 @@ const emit = defineEmits(['openLoadconfig']);
         ></LoadTestAggregationTable>
       </div>
       <div class="chart w-full">
-        <LoadTestEvaluationMetric
-          :mciId="mciId"
-          :nsId="nsId"
-          :vmId="vmId"
-        ></LoadTestEvaluationMetric>
+        <div class="font-bold text-2xl">Result metric</div>
+        <div class="h-[calc(100%-2rem)]">
+          <LoadTestEvaluationMetric
+            :mciId="mciId"
+            :nsId="nsId"
+            :vmId="vmId"
+          ></LoadTestEvaluationMetric>
+        </div>
       </div>
-      <div class="chart w-full">
-        <LoadTestResourceMetric
-          :mciId="mciId"
-          :nsId="nsId"
-          :vmId="vmId"
-        ></LoadTestResourceMetric>
+      <div class="chart w-full font-bold text-2xl">
+        <div class="font-bold text-2xl">Resource Metric</div>
+        <div class="h-[calc(100%-2rem)]">
+          <LoadTestResourceMetric
+            :mciId="mciId"
+            :nsId="nsId"
+            :vmId="vmId"
+          ></LoadTestResourceMetric>
+        </div>
       </div>
     </div>
   </div>
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index b616447c..62861c58 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -17,6 +17,7 @@ import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.
 import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
 import { useGetLastLoadTestState } from '@/entities/vm/api/api.ts';
 import LoadTestMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
+import { useGetMciInfo } from '@/entities/mci/api';
 
 interface IProps {
   nsId: string;
@@ -26,6 +27,7 @@ interface IProps {
 const props = defineProps<IProps>();
 const emit = defineEmits(['selectCard']);
 const resLoadStatus = useGetLastLoadTestState(null);
+const resGetMci = useGetMciInfo(null);
 const selectedVm = ref<IVm | null>(null);
 const { mciStore, initToolBoxTableModel, vmListTableModel, setMci } =
   useVmListModel();
@@ -69,11 +71,8 @@ const vmDetailTabState = reactive({
 
 watch(
   () => props.mciId,
-  () => {
-    console.log(props.mciId);
-    setMci(props.mciId);
-    vmListTableModel.tableState.selectIndex = [];
-    selectedVm.value = null;
+  async () => {
+    await handleMciIdChange();
   },
   { immediate: true },
 );
@@ -82,6 +81,33 @@ onMounted(() => {
   initToolBoxTableModel();
 });
 
+async function getMciInfo() {
+  return resGetMci
+    .execute({
+      pathParams: {
+        nsId: props.nsId,
+        mciId: props.mciId,
+      },
+    })
+    .then(res => {
+      if (res.data.responseData) {
+        mciStore.setMci(res.data.responseData);
+      }
+    })
+    .catch(e => {
+      showErrorMessage(e, e.errorMsg.value);
+    });
+}
+
+async function handleMciIdChange() {
+  vmListTableModel.tableState.loading = true;
+  await getMciInfo();
+  setMci(props.mciId);
+  vmListTableModel.tableState.selectIndex = [];
+  selectedVm.value = null;
+  vmListTableModel.tableState.loading = false;
+}
+
 function setVmLoadTestResult() {
   if (selectedVm.value === null) return;
 
@@ -150,8 +176,11 @@ function handleLoadConfigSuccessClose() {
         :total-count="vmListTableModel.tableState.tableCount"
         :page-size="vmListTableModel.tableOptions.pageSize"
         :search-type="vmListTableModel.tableOptions.searchType"
+        :loading="
+          vmListTableModel.tableState.loading || resLoadStatus.isLoading.value
+        "
         @change="vmListTableModel.handleChange"
-        @refresh="() => {}"
+        @refresh="handleMciIdChange"
       >
         <template #left-area>
           <p-button

From ddf5e16b061feabfd10cc30afd1fc3d91e35f694 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 18 Nov 2024 10:59:08 +0900
Subject: [PATCH 21/41] refactor : customViewModel readonly

---
 .../model/workflowEditorModel.ts              |  6 +--
 .../workflowEditor/ui/WorkflowEditor.vue      |  1 -
 .../ui/CustomViewSourceModel.vue              | 18 +++++++--
 .../ui/CustomViewTargetModel.vue              | 37 ++++++++++++++++---
 .../widgets/workload/vm/vmList/model/index.ts |  1 -
 .../widgets/workload/vm/vmList/ui/VmList.vue  |  1 -
 6 files changed, 48 insertions(+), 16 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
index a5a70b94..73987686 100644
--- a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
@@ -169,7 +169,7 @@ export function useWorkflowToolModel() {
     if (!validationSequence(sequence)) {
       throw new Error('task must have at least one taskGroup as its parent.');
     }
-
+    debugger;
     const cicadaObject: ITaskGroupResponse[] = [];
 
     const stack: {
@@ -181,7 +181,7 @@ export function useWorkflowToolModel() {
     }));
 
     while (stack.length) {
-      const { parentNode, currentNode } = stack.pop()!;
+      const { parentNode, currentNode } = stack.shift()!;
 
       const taskGroup: ITaskGroupResponse = {
         description: '',
@@ -213,7 +213,7 @@ export function useWorkflowToolModel() {
         parentNode.task_groups.push(taskGroup);
       }
     }
-
+    console.log(cicadaObject);
     return cicadaObject;
   }
 
diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index b83ca8c9..93b2a2a0 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -107,7 +107,6 @@ function getCicadaData(designer: Designer | null): IWorkflow {
     name: '',
     updated_at: '',
   };
-  console.log();
   if (designer) {
     try {
       const definition = designer.getDefinition();
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index 47a91a32..7eeec93d 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -33,6 +33,7 @@ const modalState = reactive({
 const sourceModelStore = useSourceModelStore();
 const targetModel = ref<ISourceModelResponse | undefined>(undefined);
 const resCreateSourceModel = useCreateOnpremmodel(null);
+const serverCode = ref<string>('');
 
 watch(
   () => props.sourceModelId,
@@ -40,6 +41,8 @@ watch(
     targetModel.value = sourceModelStore.getSourceModelById(
       props.sourceModelId,
     );
+    serverCode.value =
+      <string>targetModel.value?.onpremiseInfraModel.servers || '';
   },
   { immediate: true },
 );
@@ -60,8 +63,14 @@ function handleSaveModal(e) {
     userModelName: e.name,
     description: e.description,
     isInitUserModel: false,
+    onpremiseInfraModel: {
+      ...targetModel.value?.onpremiseInfraModel,
+      servers: JSON.parse(serverCode.value),
+    },
   });
 
+  console.log(requestBody);
+  console.log(targetModel.value);
   resCreateSourceModel
     .execute({
       request: requestBody,
@@ -76,6 +85,10 @@ function handleSaveModal(e) {
       showErrorMessage('error', e.errorMsg);
     });
 }
+
+function handleCodeUpdate(value: string) {
+  serverCode.value = value;
+}
 </script>
 
 <template>
@@ -89,10 +102,7 @@ function handleSaveModal(e) {
       @update:modal-state="handleModal"
     >
       <template #add-info>
-        <p-text-editor
-          :code="targetModel?.onpremiseInfraModel.servers"
-          :read-only="true"
-        />
+        <p-text-editor :code="serverCode" @update:code="handleCodeUpdate" />
       </template>
       <template #buttons>
         <p-button style-type="tertiary" @click="handleModal">
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index c4437a21..8b18745a 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -31,6 +31,7 @@ const modalState = reactive({
 const targetModelStore = useTargetModelStore();
 const targetModel = ref<ITargetModelResponse | undefined>(undefined);
 const resCreateTargetModel = createTargetModel(null);
+const cloudInfraModelCode = ref<string>('');
 
 watch(
   () => props.selectedTargetId,
@@ -38,6 +39,8 @@ watch(
     targetModel.value = targetModelStore.getTargetModelById(
       props.selectedTargetId,
     );
+    cloudInfraModelCode.value =
+      <string>targetModel.value?.cloudInfraModel || '';
   },
   { immediate: true },
 );
@@ -45,11 +48,25 @@ watch(
 function handleCreateTargetModel(e) {
   modalState.context.name = e.name;
   modalState.context.description = e.description;
-  const requestBody = Object.assign(targetModel.value, {
-    userModelName: e.name,
-    description: e.description,
-    isInitUserModel: false,
-  });
+  let requestBody: any = {};
+
+  try {
+    requestBody = {
+      cloudInfraModel: JSON.parse(cloudInfraModelCode.value),
+      csp: targetModel.value?.csp ?? '',
+      description: e.description,
+      isInitUserModel: false,
+      isTargetModel: true,
+      region: targetModel.value?.region ?? '',
+      userId: targetModel.value?.userId ?? '',
+      userModelName: e.name,
+      userModelVersion: targetModel.value?.userModelVersion ?? '',
+      zone: targetModel.value?.zone ?? '',
+    };
+  } catch (e) {
+    showErrorMessage('error', e);
+    return;
+  }
 
   resCreateTargetModel
     .execute({
@@ -59,11 +76,15 @@ function handleCreateTargetModel(e) {
     .then(res => {
       showSuccessMessage('success', 'Successfully Create target model');
       emit('update:trigger');
+      modalState.open = false;
     })
     .catch(e => {
       showErrorMessage('error', e.errorMsg);
     });
 }
+function handleCodeUpdate(value: string) {
+  cloudInfraModelCode.value = value;
+}
 </script>
 
 <template>
@@ -77,7 +98,11 @@ function handleCreateTargetModel(e) {
       @update:modal-state="$emit('update:close-modal', false)"
     >
       <template #add-info>
-        <p-text-editor :code="targetModel?.cloudInfraModel" :read-only="true" />
+        <p-text-editor
+          :code="cloudInfraModelCode"
+          :read-only="false"
+          @update:code="handleCodeUpdate"
+        />
       </template>
       <template #buttons>
         <p-button
diff --git a/front/src/widgets/workload/vm/vmList/model/index.ts b/front/src/widgets/workload/vm/vmList/model/index.ts
index edcbe966..3de70cfb 100644
--- a/front/src/widgets/workload/vm/vmList/model/index.ts
+++ b/front/src/widgets/workload/vm/vmList/model/index.ts
@@ -13,7 +13,6 @@ export function useVmListModel() {
   }
 
   function getVmList() {
-    console.log(targetMci);
     return targetMci.value?.vm ?? [];
   }
 
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index 62861c58..251f0cee 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -134,7 +134,6 @@ function setVmLoadTestResult() {
 }
 
 function handleCardClick(value: any) {
-  console.log(value);
   if (value && value.name) {
     emit('selectCard', value.originalData.id);
     selectedVm.value = value.originalData;

From 0da7b72ec60098136b0583665f6a0e8048339f0b Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 18 Nov 2024 11:18:15 +0900
Subject: [PATCH 22/41] refactor : customview modal title

---
 .../sequential/designer/ui/SequentialDesigner.vue              | 3 +++
 .../customViewSourceModel/ui/CustomViewSourceModel.vue         | 2 +-
 .../customViewTargetModel/ui/CustomViewTargetModel.vue         | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue b/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
index 09d803d9..d036bf22 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
@@ -73,6 +73,9 @@ watch(
     border-width: 1px;
     border-radius: 6px;
     padding: 2px;
+    .sqd-toolbox {
+      width: 280px;
+    }
 
     .sqd-smart-editor-toggle {
       right: 500px;
diff --git a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
index 7eeec93d..fb2a8196 100644
--- a/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
+++ b/front/src/widgets/models/sourceModels/customViewSourceModel/ui/CustomViewSourceModel.vue
@@ -115,7 +115,7 @@ function handleCodeUpdate(value: string) {
     </create-form>
     <simple-edit-form
       v-if="modalState.open"
-      header-title="Save Source Model"
+      header-title="Save new custom Source model"
       name=""
       name-label="Model Name"
       name-placeholder="Model Name"
diff --git a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
index 8b18745a..00706cd6 100644
--- a/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
+++ b/front/src/widgets/models/targetModels/customViewTargetModel/ui/CustomViewTargetModel.vue
@@ -116,7 +116,7 @@ function handleCodeUpdate(value: string) {
     </create-form>
     <simple-edit-form
       v-if="modalState.open"
-      header-title="Save Target Model"
+      header-title="Save new custom target model "
       :name="modalState.context.name"
       :description="modalState.context.description"
       name-label="Name"

From 7b2c563327ee7a0b247b356920236a10ca18a2ae Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 18 Nov 2024 17:07:33 +0900
Subject: [PATCH 23/41] feat : target model workflow and active undo function
 when selecting a template

---
 front/src/entities/workflow/model/stores.ts   | 16 -----
 front/src/entities/workflow/model/types.ts    | 22 +++----
 .../model/workflowEditorModel.ts              |  6 +-
 .../designer/model/sequentialDesignerModel.ts |  4 +-
 .../designer/ui/SequentialDesigner.vue        | 10 +++-
 .../workflowEditor/ui/WorkflowEditor.vue      | 60 ++++++++++++++++++-
 .../targetModels/ui/TargetModelsPage.vue      |  5 +-
 7 files changed, 86 insertions(+), 37 deletions(-)

diff --git a/front/src/entities/workflow/model/stores.ts b/front/src/entities/workflow/model/stores.ts
index 4bf09f34..7b27788c 100644
--- a/front/src/entities/workflow/model/stores.ts
+++ b/front/src/entities/workflow/model/stores.ts
@@ -62,22 +62,6 @@ export const useWorkflowStore = defineStore(NAMESPACE, () => {
     }));
   }
 
-  // function getWorkFlowById(
-  //   state: Record<string, IWorkflow>,
-  //   workflowId: string,
-  // ): IWorkflow | null {
-  //   return state[workflowId] || null;
-  // }
-
-  // function setWorkFlows(
-  //   state: Record<string, IWorkflow>,
-  //   res: IWorkflowResponse[],
-  // ) {
-  //   res.forEach(el => {
-  //     setWorkFlow(state, el);
-  //   });
-  // }
-
   function setWorkFlow(
     state: Record<string, IWorkflow>,
     res: IWorkflowResponse,
diff --git a/front/src/entities/workflow/model/types.ts b/front/src/entities/workflow/model/types.ts
index 903aaf98..8f514f7d 100644
--- a/front/src/entities/workflow/model/types.ts
+++ b/front/src/entities/workflow/model/types.ts
@@ -7,6 +7,17 @@ export interface IWorkflow {
   data: IWorkflowResponse['data'];
 }
 
+export interface IWorkflowResponse {
+  data: {
+    description: string;
+    task_groups: Array<ITaskGroupResponse>;
+  };
+  name: string;
+  id: string;
+  created_at: any;
+  updated_at: any;
+}
+
 export interface ITaskGroupResponse {
   description: string;
   name: string;
@@ -25,17 +36,6 @@ export interface ITaskResponse {
   id?: string;
 }
 
-export interface IWorkflowResponse {
-  data: {
-    description: string;
-    task_groups: Array<ITaskGroupResponse>;
-  };
-  name: string;
-  id: string;
-  created_at: any;
-  updated_at: any;
-}
-
 export interface ITaskComponentResponse {
   created_at: any;
   data: {
diff --git a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
index 73987686..b3d38a9a 100644
--- a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
@@ -143,7 +143,6 @@ export function useWorkflowToolModel() {
         }
       }
     }
-    console.log(fixedModel);
     return fixedModel;
   }
 
@@ -169,7 +168,6 @@ export function useWorkflowToolModel() {
     if (!validationSequence(sequence)) {
       throw new Error('task must have at least one taskGroup as its parent.');
     }
-    debugger;
     const cicadaObject: ITaskGroupResponse[] = [];
 
     const stack: {
@@ -261,7 +259,6 @@ export function useWorkflowToolModel() {
   }
 
   function designerFormDataReordering(sequence: Step[]) {
-    console.log(sequence);
     const newSequence: Step[] = [];
     const taskGroupQueue: Step[] = [];
 
@@ -324,8 +321,11 @@ export function useWorkflowToolModel() {
   return {
     workflowStore,
     dropDownModel,
+    taskComponentList,
+    toolboxSteps,
     setTaskComponent,
     setDropDownData,
+    convertToDesignerTask,
     getWorkflowTemplateData,
     getWorkflowData,
     convertCicadaToDesignerFormData,
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
index 2c59e672..877c0f9b 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
@@ -138,6 +138,7 @@ export function useSequentialDesignerModel(refs: any) {
       editors: {
         isCollapsed: designerOptionsState.editors.isCollapsed,
         rootEditorProvider: (definition, rootContext, isReadonly) => {
+          designer?.setIsEditorCollapsed(true);
           return editorProviders().defaultRootEditorProvider(
             definition,
             rootContext,
@@ -145,6 +146,7 @@ export function useSequentialDesignerModel(refs: any) {
           );
         },
         stepEditorProvider: (step, stepContext, definition, isReadonly) => {
+          designer?.setIsEditorCollapsed(false);
           return editorProviders().defaultStepEditorProvider(
             step,
             stepContext,
@@ -177,7 +179,7 @@ export function useSequentialDesignerModel(refs: any) {
     designer.onDefinitionChanged.subscribe(newDefinition => {});
   }
 
-  function getDesigner() {
+  function getDesigner(): Designer | null {
     return designer;
   }
 
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue b/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
index d036bf22..ee31ebe4 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue
@@ -6,6 +6,7 @@ import { useSequentialToolboxModel } from '@/features/workflow/workflowEditor/se
 import { Designer } from 'sequential-workflow-designer';
 import { Step } from '@/features/workflow/workflowEditor/model/types.ts';
 import { ITaskComponentInfoResponse } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+import { Definition } from 'sequential-workflow-model';
 
 interface IProps {
   sequence: Step[];
@@ -36,9 +37,12 @@ onMounted(function () {
 watch(
   () => props.sequence,
   () => {
-    sequentialDesignerModel.value.setDefaultSequence(props.sequence);
-    sequentialDesignerModel.value.initDesigner();
-    sequentialDesignerModel.value.draw();
+    const designer: Designer = sequentialDesignerModel.value.getDesigner();
+    const definition: Definition = {
+      properties: designer.getDefinition().properties,
+      sequence: props.sequence,
+    };
+    designer.replaceDefinition(definition);
   },
 );
 
diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index 93b2a2a0..d208fe20 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -8,9 +8,12 @@ import {
 } from '@cloudforet-test/mirinae';
 import { useWorkflowToolModel } from '@/features/workflow/workflowEditor/model/workflowEditorModel.ts';
 import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
-import { onBeforeMount, reactive, ref, Ref } from 'vue';
+import { onBeforeMount, onMounted, reactive, ref, Ref } from 'vue';
 import { Step } from '@/features/workflow/workflowEditor/model/types.ts';
 import {
+  ITargetModelResponse,
+  ITaskComponentResponse,
+  ITaskResponse,
   IWorkflow,
   useCreateWorkflow,
   useGetWorkflowTemplateList,
@@ -19,11 +22,19 @@ import {
 import { Designer } from 'sequential-workflow-designer';
 import SequentialDesigner from '@/features/workflow/workflowEditor/sequential/designer/ui/SequentialDesigner.vue';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
-import { getTaskComponentList } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+import {
+  getTaskComponentList,
+  ITaskComponentInfoResponse,
+} from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
+import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
+import uuid from '@/shared/utils/uuid';
+import getRandomId from '@/shared/utils/uuid';
+import { parseRequestBody } from '@/shared/utils/stringToObject';
 
 interface IProps {
   wftId: string;
   toolType: 'edit' | 'viewer' | 'add';
+  targetModel?: ITargetModelResponse;
 }
 
 const props = defineProps<IProps>();
@@ -56,8 +67,15 @@ onBeforeMount(function () {
       workflowToolModel.workflowStore.workflowTemplates,
     );
     load();
+    if (props.targetModel) {
+      mapTargetModelToTaskComponent(
+        props.targetModel,
+        workflowToolModel.taskComponentList,
+      );
+    }
   });
 });
+onMounted(() => {});
 
 function load() {
   loading.value = true;
@@ -67,6 +85,44 @@ function load() {
   loading.value = false;
 }
 
+//targetModel에서 진입시 targetModel의 특정 정보를 가지고 있어야한다는 요구사항에 의한 함수
+function mapTargetModelToTaskComponent(
+  targetModel: ITargetModelResponse,
+  taskComponentList: Array<ITaskComponentInfoResponse>,
+) {
+  const taskComponent = taskComponentList.find(
+    taskComponent => taskComponent.name === 'beetle_task_infra_migration',
+  );
+
+  if (!taskComponent) {
+    throw new Error('Task component not found');
+  }
+
+  const taskGroup = workflowToolModel
+    .toolboxSteps()
+    .defineTaskGroupStep(getRandomId(), 'TaskGroup', 'MCI', { model: {} });
+
+  const parseString = parseRequestBody(taskComponent.data.options.request_body);
+  if (targetModel.cloudInfraModel.vm) {
+    parseString['commonSpec'] = targetModel.cloudInfraModel.vm[0].commonSpec;
+    parseString['commonImage'] = targetModel.cloudInfraModel.vm[0].commonImage;
+  }
+
+  const task: ITaskResponse = {
+    dependencies: [],
+    name: 'beetle_task_infra_migration',
+    path_params: null,
+    query_params: null,
+    request_body: JSON.stringify(parseString),
+    id: '',
+    task_component: 'beetle_task_infra_migration',
+  };
+
+  const step = workflowToolModel.convertToDesignerTask(task, task.request_body);
+  taskGroup.sequence?.push(step);
+  sequentialSequence.value = [taskGroup];
+}
+
 function loadWorkflow() {
   if (props.toolType === 'edit') {
     workflowData.value = workflowToolModel.getWorkflowData(props.wftId);
diff --git a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
index 161b306f..27adc88b 100644
--- a/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
+++ b/front/src/pages/models/targetModels/ui/TargetModelsPage.vue
@@ -155,9 +155,12 @@ function handleUpdateTargetModel(e) {
       <workflow-editor
         v-if="modalStates.workflowEditorModal.open"
         :target-model-name="targetModelName"
-        @update:close-modal="modalStates.workflowEditorModal.open = false"
         tool-type="add"
         wft-id=""
+        :targetModel="
+          targetModelStore.getTargetModelById(selectedTargetModelId)
+        "
+        @update:close-modal="modalStates.workflowEditorModal.open = false"
       />
     </div>
   </div>

From 7b34a26cc1e562578b284a08c27a359bb37a6f88 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 18 Nov 2024 18:14:28 +0900
Subject: [PATCH 24/41] feat : presence or absence of button depending on data

---
 .../sequential/designer/editor/ui/BeetleTaskEditor.vue       | 5 ++++-
 .../features/workflow/workflowEditor/ui/WorkflowEditor.vue   | 5 -----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
index 4717736b..4525d269 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
@@ -203,7 +203,10 @@ function handleClickOutside(event: MouseEvent) {
         </div>
       </div>
       <div
-        v-if="currentContext.type === 'accordion'"
+        v-if="
+          currentContext.type === 'accordion' &&
+          currentContext.originalData.length !== 0
+        "
         class="accordion-part w-full h-full"
       >
         <div class="subject-title border-bottom">
diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index d208fe20..562d6202 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -12,7 +12,6 @@ import { onBeforeMount, onMounted, reactive, ref, Ref } from 'vue';
 import { Step } from '@/features/workflow/workflowEditor/model/types.ts';
 import {
   ITargetModelResponse,
-  ITaskComponentResponse,
   ITaskResponse,
   IWorkflow,
   useCreateWorkflow,
@@ -26,8 +25,6 @@ import {
   getTaskComponentList,
   ITaskComponentInfoResponse,
 } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/api';
-import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
-import uuid from '@/shared/utils/uuid';
 import getRandomId from '@/shared/utils/uuid';
 import { parseRequestBody } from '@/shared/utils/stringToObject';
 
@@ -143,8 +140,6 @@ function loadSequence() {
         workflowData.value,
         resTaskComponentList.data.value?.responseData!,
       ).sequence;
-
-    console.log(sequentialSequence.value);
   }
 }
 

From c443fcae801d0283a7d8c1880a812248399c5cfa Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Tue, 19 Nov 2024 17:55:21 +0900
Subject: [PATCH 25/41] refactor : processing object-type value in bettle task
 model

---
 .../designer/editor/model/beetleTaskEditorModel.ts        | 8 +++++++-
 .../sequential/designer/editor/ui/BeetleTaskEditor.vue    | 2 +-
 .../workflows/workflowList/model/workflowListModel.ts     | 5 +++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
index ae89119d..a86c6890 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
@@ -108,7 +108,11 @@ export function useTaskEditorModel() {
       },
       content: Object.entries(object).map(
         ([key, value]: [key: string, value: string]) => {
-          return loadInputContext(key, value);
+          if (typeof value === 'string') {
+            return loadInputContext(key, value);
+          } else {
+            return loadInputContext(key, '');
+          }
         },
       ),
     };
@@ -166,6 +170,8 @@ export function useTaskEditorModel() {
               },
               index,
             });
+          } else {
+            context[0].context.values.push(loadInputContext(key, ''));
           }
         },
       );
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
index 4525d269..a2a49145 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
@@ -24,7 +24,7 @@ interface IProps {
 const props = defineProps<IProps>();
 const emit = defineEmits(['saveContext', 'saveFixedModel']);
 const taskEditorModel = useTaskEditorModel();
-console.log(props);
+console.log(JSON.parse(JSON.stringify(props)));
 const shortCutModel = ref({
   open: false,
   xPos: 0,
diff --git a/front/src/widgets/workflow/workflows/workflowList/model/workflowListModel.ts b/front/src/widgets/workflow/workflows/workflowList/model/workflowListModel.ts
index 9c6b604c..daba6de5 100644
--- a/front/src/widgets/workflow/workflows/workflowList/model/workflowListModel.ts
+++ b/front/src/widgets/workflow/workflows/workflowList/model/workflowListModel.ts
@@ -4,6 +4,7 @@ import { WorkflowTableType } from '@/entities';
 import { useWorkflowStore } from '@/entities';
 import { storeToRefs } from 'pinia';
 import { watch } from 'vue';
+import { formatDate } from '@/shared/utils';
 
 export function useWorkflowListModel() {
   const tableModel =
@@ -42,8 +43,8 @@ export function useWorkflowListModel() {
       name: workflow.name,
       id: workflow.id,
       description: '-',
-      created_at: workflow.created_at,
-      updated_at: workflow.updated_at,
+      created_at: formatDate(workflow.created_at),
+      updated_at: formatDate(workflow.updated_at),
       originalData: workflow,
     };
     return organizedDatum;

From 2b73ebf6e99e0bd8f008174039cac8cb1fd0d6b8 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 20 Nov 2024 10:25:55 +0900
Subject: [PATCH 26/41] feat : workflow component name edit

---
 .../editor/model/beetleTaskEditorModel.ts     |  7 ++++
 .../designer/editor/model/editorProviders.ts  |  4 ++
 .../designer/editor/ui/BeetleTaskEditor.vue   | 40 ++++++++++++++++++-
 3 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
index ae89119d..1d86f977 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
@@ -73,6 +73,7 @@ export function useTaskEditorModel() {
     path_params: PathParamsModel;
     query_params: QueryParamsModel;
   }>();
+  const componentNameModel = ref();
 
   function loadInputContext(
     key: string,
@@ -114,6 +115,10 @@ export function useTaskEditorModel() {
     };
   }
 
+  function setComponentName(name: string) {
+    componentNameModel.value = loadInputContext('name', name);
+  }
+
   function setParamsContext(fixedModel: fixedModel) {
     paramsContext.value = {
       path_params: {
@@ -307,8 +312,10 @@ export function useTaskEditorModel() {
   }
 
   return {
+    componentNameModel,
     formContext,
     paramsContext,
+    setComponentName,
     setParamsContext,
     setFormContext,
     convertFormModelToStepProperties,
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts
index cdaa40b2..06a066bd 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts
@@ -35,6 +35,10 @@ export function editorProviders() {
           BeetleTaskEditor,
           { step },
           {
+            saveComponentName: e => {
+              step.name = e;
+              stepContext.notifyNameChanged();
+            },
             saveContext: e => {
               step.properties.model = e;
               stepContext.notifyPropertiesChanged();
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
index 4525d269..c7c49ca5 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/ui/BeetleTaskEditor.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { PButton, PIconButton, PTextInput } from '@cloudforet-test/mirinae';
 import Vue, {
+  onBeforeMount,
   onBeforeUnmount,
   onMounted,
   onUnmounted,
@@ -22,7 +23,11 @@ interface IProps {
 }
 
 const props = defineProps<IProps>();
-const emit = defineEmits(['saveContext', 'saveFixedModel']);
+const emit = defineEmits([
+  'saveComponentName',
+  'saveContext',
+  'saveFixedModel',
+]);
 const taskEditorModel = useTaskEditorModel();
 console.log(props);
 const shortCutModel = ref({
@@ -37,11 +42,14 @@ const shortCutModel = ref({
 const editorFormElement = ref(null);
 let shortCut;
 
-onMounted(() => {
+onBeforeMount(() => {
   taskEditorModel.setFormContext(props.step.properties.model ?? '');
   if (props.step.properties.fixedModel) {
     taskEditorModel.setParamsContext(props.step.properties.fixedModel);
   }
+
+  taskEditorModel.setComponentName(props.step.name);
+
   document.addEventListener('click', handleClickOutside);
 });
 
@@ -49,6 +57,16 @@ onBeforeUnmount(() => {
   document.removeEventListener('click', handleClickOutside);
 });
 
+watch(
+  taskEditorModel.componentNameModel,
+  nv => {
+    if (nv.context.model.value !== '') {
+      emit('saveComponentName', nv.context.model.value);
+    }
+  },
+  { deep: true },
+);
+
 watch(
   taskEditorModel.formContext,
   nv => {
@@ -56,6 +74,7 @@ watch(
   },
   { deep: true },
 );
+
 watch(
   taskEditorModel.paramsContext,
   () => {
@@ -118,6 +137,23 @@ function handleClickOutside(event: MouseEvent) {
       }
     "
   >
+    <div class="step-name-box w-full">
+      <div class="subject-title border-bottom">Component Name</div>
+      <div class="field-group flex border-bottom">
+        <div class="field-title-box">
+          {{ taskEditorModel.componentNameModel.value.context.title }}
+        </div>
+        <div class="field-content-box">
+          <p-text-input
+            v-model="
+              taskEditorModel.componentNameModel.value.context.model.value
+            "
+            :size="'md'"
+            block
+          ></p-text-input>
+        </div>
+      </div>
+    </div>
     <div
       v-for="(currentParams, index) of taskEditorModel.paramsContext.value"
       :key="index"

From 1c190e112704f6ea73405a7e065080b90f9c8bf6 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 20 Nov 2024 16:41:57 +0900
Subject: [PATCH 27/41] fix : not seeing loadconfig status when first enter,
 show no date evaluate performance table when fail api

---
 .../workload/loadConfig/model/index.ts        |  2 +-
 .../ui/LoadTestAggregationTable.vue           | 10 ++++------
 .../workload/vm/vmInformation/model/index.ts  | 11 +++++++++-
 .../vm/vmInformation/ui/VmInformation.vue     | 20 +++++++++++--------
 .../widgets/workload/vm/vmList/ui/VmList.vue  |  4 ++++
 5 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/front/src/features/workload/loadConfig/model/index.ts b/front/src/features/workload/loadConfig/model/index.ts
index f748bf5c..0c3566ca 100644
--- a/front/src/features/workload/loadConfig/model/index.ts
+++ b/front/src/features/workload/loadConfig/model/index.ts
@@ -52,7 +52,7 @@ export function useLoadConfigModel() {
     scenarioName: useInputModel<string>('', validateFunc),
     targetHostName: useInputModel<string>('', validateFunc),
     port: useInputModel<string>('80', e => validateNumberFunc(e, 65532)),
-    path: useInputModel<string>('', validateFunc),
+    path: useInputModel<string>(''),
     bodyData: useInputModel<string>(''),
     virtualUsers: useInputModel<string>('', e => validateNumberFunc(e, 100)),
     testDuration: useInputModel<string>('', e => validateNumberFunc(e, 300)),
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
index 5ae68718..4ccf5ab7 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
@@ -90,15 +90,13 @@ watch(
           ].map((item: ILoadTestResultAggregateResponse) =>
             organizeDefineTableData(item),
           );
-
-          console.log(
-            JSON.parse(JSON.stringify(detailTableModel.tableState.data)),
-          );
-          detailTableModel.tableState.loading = false;
         }
       })
       .catch(e => {
         showErrorMessage('error', e.errorMsg.value);
+      })
+      .finally(() => {
+        detailTableModel.tableState.loading = false;
       });
   },
   { immediate: true, deep: true },
@@ -115,7 +113,7 @@ watch(
         resGetLoadTestResourceMetric.isLoading.value
       "
       block
-      class="min-h-0"
+      class="min-h-5"
     >
       <template #extra="{ name }">
         <div v-if="name === 'loadStatus'">
diff --git a/front/src/widgets/workload/vm/vmInformation/model/index.ts b/front/src/widgets/workload/vm/vmInformation/model/index.ts
index 79210f0b..83c4716a 100644
--- a/front/src/widgets/workload/vm/vmInformation/model/index.ts
+++ b/front/src/widgets/workload/vm/vmInformation/model/index.ts
@@ -76,7 +76,6 @@ export function useVmInformationModel() {
 
     targetVm.value = targetMci.value?.vm.find(vm => vm.id === vmId);
     console.log(targetVm);
-
     try {
       if (targetVm.value) {
         data = organizeVmDefineTableData(targetVm.value);
@@ -96,6 +95,15 @@ export function useVmInformationModel() {
     }
   }
 
+  function mappdingLoadConfigStatus(executionStatus: string) {
+    if (targetVmId.value) {
+      detailTableModel.tableState.loading = true;
+      detailTableModel.tableState.data = setDefineTableData(targetVmId.value);
+      detailTableModel.tableState.loading = false;
+      detailTableModel.tableState.data.loadStatus = executionStatus;
+    }
+  }
+
   watch(targetVmId, nv => {
     detailTableModel.tableState.loading = true;
 
@@ -115,5 +123,6 @@ export function useVmInformationModel() {
     setMci,
     mciStore,
     remappingData,
+    mappdingLoadConfigStatus,
   };
 }
diff --git a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
index 1deb0bd7..79362ba9 100644
--- a/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
+++ b/front/src/widgets/workload/vm/vmInformation/ui/VmInformation.vue
@@ -2,12 +2,13 @@
 import { useVmInformationModel } from '@/widgets/workload/vm/vmInformation/model';
 import { PBadge, PButton, PDefinitionTable } from '@cloudforet-test/mirinae';
 import { onBeforeMount, onMounted, reactive, Ref, watch } from 'vue';
+import { ILastloadtestStateResponse } from '@/entities/mci/model';
 
 interface IProps {
   nsId: string;
   mciId: string;
   vmId: string;
-  loading: Ref<boolean>;
+  lastloadtestStateResponse?: ILastloadtestStateResponse;
 }
 
 const props = defineProps<IProps>();
@@ -21,23 +22,26 @@ const {
   setMci,
   mciStore,
   remappingData,
+  mappdingLoadConfigStatus,
 } = useVmInformationModel();
 
 onBeforeMount(() => {
   initTable();
+  setMci(props.mciId);
+  setVmId(props.vmId);
 });
 
 watch(
   props,
   nv => {
-    setMci(props.mciId);
-    setVmId(props.vmId);
+    remappingData();
+
+    if (nv.lastloadtestStateResponse?.executionStatus) {
+      mappdingLoadConfigStatus(nv.lastloadtestStateResponse.executionStatus);
+    }
   },
-  { immediate: true, deep: true },
+  { deep: true },
 );
-watch(props.loading, () => {
-  remappingData();
-});
 </script>
 
 <template>
@@ -45,7 +49,7 @@ watch(props.loading, () => {
     <p-definition-table
       :fields="detailTableModel.tableState.fields"
       :data="detailTableModel.tableState.data"
-      :loading="detailTableModel.tableState.loading || loading.value"
+      :loading="detailTableModel.tableState.loading"
       block
     >
       <template #extra="{ name }">
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index 251f0cee..b32f54da 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -126,6 +126,7 @@ function setVmLoadTestResult() {
           selectedVm.value!.id,
           res.data.responseData.result,
         );
+        console.log(mciStore.getMciById(props.mciId));
       }
     })
     .catch(e => {
@@ -232,6 +233,9 @@ function handleLoadConfigSuccessClose() {
             :nsId="nsId"
             :vmId="selectedVm.id"
             :loading="resLoadStatus.isLoading"
+            :lastloadtest-state-response="
+              resLoadStatus.data.value?.responseData?.result
+            "
             @openLoadconfig="handleLoadStatus"
           >
           </VmInformation>

From 7e1cf4fe3c52970421e277026bd605c490b0c8d5 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 20 Nov 2024 16:49:57 +0900
Subject: [PATCH 28/41] fix : workflow flow image test

---
 .../sequential/designer/model/sequentialDesignerModel.ts       | 3 ++-
 .../workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue    | 2 --
 .../workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue      | 2 --
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
index 877c0f9b..5aebd9b7 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
@@ -7,6 +7,7 @@ import { Definition, Step } from 'sequential-workflow-model';
 import getRandomId from '@/shared/utils/uuid';
 import { toolboxSteps } from '@/features/workflow/workflowEditor/sequential/designer/toolbox/model/toolboxSteps.ts';
 import { editorProviders } from '@/features/workflow/workflowEditor/sequential/designer/editor/model/editorProviders.ts';
+import testSvg from '@/shared/asset/image/testSvg.svg';
 
 export function useSequentialDesignerModel(refs: any) {
   let designer: Designer | null = null;
@@ -59,7 +60,7 @@ export function useSequentialDesignerModel(refs: any) {
     return {
       // all properties in this section are optional
       iconUrlProvider: (componentType: any, type: any) => {
-        return `/src/shared/asset/image/testSvg.svg`;
+        return testSvg;
       },
       //
       // isDraggable: (step, parentSequence) => {
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
index 38fb41cd..7a3497ea 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
@@ -134,8 +134,6 @@ function createTimeSeriesChart(
     });
     chart.value.setOption(option);
     window.addEventListener('resize', () => chart.value?.resize());
-  } else {
-    showErrorMessage('error', 'chart container is null');
   }
 }
 </script>
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
index 54d80303..7f064afe 100644
--- a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
+++ b/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
@@ -119,8 +119,6 @@ function createTimeSeriesChart(
     });
     chart.value.setOption(option);
     window.addEventListener('resize', () => chart.value?.resize());
-  } else {
-    showErrorMessage('error', 'chart container is null');
   }
 }
 </script>

From 25abec644068fb03d1e93f55914b28f262967ba7 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Wed, 20 Nov 2024 17:01:13 +0900
Subject: [PATCH 29/41] refactor : not display in the UI if workflow step model
 value is an object

---
 .../editor/model/beetleTaskEditorModel.ts      | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
index 76996b39..22a32029 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/editor/model/beetleTaskEditorModel.ts
@@ -107,15 +107,13 @@ export function useTaskEditorModel() {
         icon: 'ic_chevron-down',
         title: index.toString(),
       },
-      content: Object.entries(object).map(
-        ([key, value]: [key: string, value: string]) => {
-          if (typeof value === 'string') {
-            return loadInputContext(key, value);
-          } else {
-            return loadInputContext(key, '');
-          }
-        },
-      ),
+      content: Object.entries(object)
+        .filter(([key, value]: [key: string, value: any]) => {
+          return typeof value === 'string';
+        })
+        .map(([key, value]: [key: string, value: string]) => {
+          return loadInputContext(key, value);
+        }),
     };
   }
 
@@ -175,8 +173,6 @@ export function useTaskEditorModel() {
               },
               index,
             });
-          } else {
-            context[0].context.values.push(loadInputContext(key, ''));
           }
         },
       );

From 36c09cafe58e083613ff78bcb240093f769419b0 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 21 Nov 2024 10:23:46 +0900
Subject: [PATCH 30/41] chore : folder structure

---
 front/README.md                                    | 14 ++++++++++++++
 .../sourceServices/addSourceServiceModal/index.ts  |  0
 .../ui/AddSourceServiceModal.vue                   |  2 +-
 .../sourceServices/editSourceServiceModal/index.ts |  0
 .../ui/EditSourceServiceModal.vue                  |  4 ++--
 .../sourceServices/jsonViewer/ui/JsonViewer.vue    |  0
 .../sourceServices/saveSourceModelModal/index.ts   |  0
 .../ui/SaveSourceModelModal.vue                    |  0
 .../pages/sourceServices/ui/SourceServicePage.vue  |  4 ----
 .../metaViewer/ui/MetaViewer.vue                   |  2 +-
 front/src/widgets/sourceServices/index.ts          |  4 ----
 .../src/widgets/sourceServices/jsonViewer/index.ts |  3 ---
 .../vmEvaluatePerf/ui/LoadTestAggregationTable.vue |  0
 .../vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue |  0
 .../vmEvaluatePerf/ui/LoadTestResourceMetric.vue   |  0
 .../vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue        |  6 +++---
 front/src/widgets/workload/vm/vmList/ui/VmList.vue |  2 +-
 17 files changed, 22 insertions(+), 19 deletions(-)
 create mode 100644 front/README.md
 rename front/src/{widgets => features}/sourceServices/addSourceServiceModal/index.ts (100%)
 rename front/src/{widgets => features}/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue (99%)
 rename front/src/{widgets => features}/sourceServices/editSourceServiceModal/index.ts (100%)
 rename front/src/{widgets => features}/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue (96%)
 rename front/src/{widgets => features}/sourceServices/jsonViewer/ui/JsonViewer.vue (100%)
 rename front/src/{widgets => features}/sourceServices/saveSourceModelModal/index.ts (100%)
 rename front/src/{widgets => features}/sourceServices/saveSourceModelModal/ui/SaveSourceModelModal.vue (100%)
 delete mode 100644 front/src/widgets/sourceServices/index.ts
 delete mode 100644 front/src/widgets/sourceServices/jsonViewer/index.ts
 rename front/src/{features/workload => widgets/workload/vm}/vmEvaluatePerf/ui/LoadTestAggregationTable.vue (100%)
 rename front/src/{features/workload => widgets/workload/vm}/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue (100%)
 rename front/src/{features/workload => widgets/workload/vm}/vmEvaluatePerf/ui/LoadTestResourceMetric.vue (100%)

diff --git a/front/README.md b/front/README.md
new file mode 100644
index 00000000..e2d269ba
--- /dev/null
+++ b/front/README.md
@@ -0,0 +1,14 @@
+# 1. 프로젝트 구조
+# 2. 기술 스택, 라이브러리
+- Vue,
+- pinia
+- mininae
+- echart
+- sequential-workflow-designer
+- postcss
+- tailwind css
+# 3. API 연동
+# 4. 컴포넌트 구조
+
+# 5. 코드 스타일 가이드: Linter, Prettier 설정.
+
diff --git a/front/src/widgets/sourceServices/addSourceServiceModal/index.ts b/front/src/features/sourceServices/addSourceServiceModal/index.ts
similarity index 100%
rename from front/src/widgets/sourceServices/addSourceServiceModal/index.ts
rename to front/src/features/sourceServices/addSourceServiceModal/index.ts
diff --git a/front/src/widgets/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue b/front/src/features/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue
similarity index 99%
rename from front/src/widgets/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue
rename to front/src/features/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue
index 43ea568d..78481d74 100644
--- a/front/src/widgets/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue
+++ b/front/src/features/sourceServices/addSourceServiceModal/ui/AddSourceServiceModal.vue
@@ -5,7 +5,7 @@ import { reactive, ref, watchEffect } from 'vue';
 import { UpdateSourceService } from '@/features/sourceServices';
 import { useRegisterSourceGroup } from '@/entities/sourceService/api';
 import { showSuccessMessage, showErrorMessage } from '@/shared/utils';
-import { useSourceConnectionStore } from '@/entities/sourceConnection/model/stores';
+import { useSourceConnectionStore } from '@/entities/sourceConnection/model/stores.ts';
 import { useSourceServiceStore } from '@/shared/libs';
 import { storeToRefs } from 'pinia';
 
diff --git a/front/src/widgets/sourceServices/editSourceServiceModal/index.ts b/front/src/features/sourceServices/editSourceServiceModal/index.ts
similarity index 100%
rename from front/src/widgets/sourceServices/editSourceServiceModal/index.ts
rename to front/src/features/sourceServices/editSourceServiceModal/index.ts
diff --git a/front/src/widgets/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue b/front/src/features/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue
similarity index 96%
rename from front/src/widgets/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue
rename to front/src/features/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue
index 033691f6..e9e9ed7f 100644
--- a/front/src/widgets/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue
+++ b/front/src/features/sourceServices/editSourceServiceModal/ui/EditSourceServiceModal.vue
@@ -2,9 +2,9 @@
 import { i18n } from '@/app/i18n';
 import { PButtonModal } from '@cloudforet-test/mirinae';
 import { reactive, ref, watch, watchEffect } from 'vue';
-import EditSourceService from '@/features/sourceServices/updateSourceService/ui/EditSourceService.vue';
+import EditSourceService from '../../updateSourceService/ui/EditSourceService.vue';
 import { useSourceServiceDetailModel } from '@/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts';
-import { ISourceService } from '@/entities/sourceService/model/types';
+import { ISourceService } from '@/entities/sourceService/model/types.ts';
 import { useUpdateSourceGroup } from '@/entities/sourceService/api';
 import { showErrorMessage } from '@/shared/utils';
 
diff --git a/front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue b/front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue
similarity index 100%
rename from front/src/widgets/sourceServices/jsonViewer/ui/JsonViewer.vue
rename to front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue
diff --git a/front/src/widgets/sourceServices/saveSourceModelModal/index.ts b/front/src/features/sourceServices/saveSourceModelModal/index.ts
similarity index 100%
rename from front/src/widgets/sourceServices/saveSourceModelModal/index.ts
rename to front/src/features/sourceServices/saveSourceModelModal/index.ts
diff --git a/front/src/widgets/sourceServices/saveSourceModelModal/ui/SaveSourceModelModal.vue b/front/src/features/sourceServices/saveSourceModelModal/ui/SaveSourceModelModal.vue
similarity index 100%
rename from front/src/widgets/sourceServices/saveSourceModelModal/ui/SaveSourceModelModal.vue
rename to front/src/features/sourceServices/saveSourceModelModal/ui/SaveSourceModelModal.vue
diff --git a/front/src/pages/sourceServices/ui/SourceServicePage.vue b/front/src/pages/sourceServices/ui/SourceServicePage.vue
index e7340534..9b3ca889 100644
--- a/front/src/pages/sourceServices/ui/SourceServicePage.vue
+++ b/front/src/pages/sourceServices/ui/SourceServicePage.vue
@@ -8,10 +8,6 @@ import SourceInformation from '@/widgets/source/sourceConnections/sourceConnecti
 import SourceInfraCollect from '@/widgets/source/sourceConnections/sourceConnectionDetail/infraCollect/ui/SourceInfraCollect.vue';
 import SourceSoftwareCollect from '@/widgets/source/sourceConnections/sourceConnectionDetail/softwareCollect/ui/SourceSoftwareCollect.vue';
 import SourceConnectionModal from '@/widgets/source/sourceConnections/sourceConnectionModal/ui/SourceConnectionModal.vue';
-import {
-  AddSourceServiceModal,
-  EditSourceServiceModal,
-} from '@/widgets/sourceServices';
 import { useSidebar } from '@/shared/libs/store/sidebar';
 import { storeToRefs } from 'pinia';
 import MetaViewer from '@/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue';
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index bd12995a..2fb2af22 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { JsonViewer } from '@/widgets/sourceServices';
 import CreateForm from '@/widgets/layout/createForm/ui/CreateForm.vue';
 import { PButton } from '@cloudforet-test/mirinae';
 import { i18n } from '@/app/i18n';
@@ -9,6 +8,7 @@ import { AxiosResponse } from 'axios';
 import { IUseAxiosWrapperReturnType } from '@/shared/libs';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 import { useCreateOnpremmodel } from '@/entities';
+import JsonViewer from '@/features/sourceServices/jsonViewer/ui/JsonViewer.vue';
 
 interface iProps {
   collectData: string | undefined;
diff --git a/front/src/widgets/sourceServices/index.ts b/front/src/widgets/sourceServices/index.ts
deleted file mode 100644
index fd2b3ef1..00000000
--- a/front/src/widgets/sourceServices/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './addSourceServiceModal';
-export * from './jsonViewer';
-export * from './saveSourceModelModal';
-export * from './editSourceServiceModal';
diff --git a/front/src/widgets/sourceServices/jsonViewer/index.ts b/front/src/widgets/sourceServices/jsonViewer/index.ts
deleted file mode 100644
index 78c6cc26..00000000
--- a/front/src/widgets/sourceServices/jsonViewer/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import JsonViewer from './ui/JsonViewer.vue';
-
-export { JsonViewer };
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
similarity index 100%
rename from front/src/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
rename to front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestAggregationTable.vue
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
similarity index 100%
rename from front/src/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
rename to front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue
diff --git a/front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
similarity index 100%
rename from front/src/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
rename to front/src/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestResourceMetric.vue
diff --git a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
index 6754020d..33093510 100644
--- a/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
+++ b/front/src/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { PButton, PDataLoader } from '@cloudforet-test/mirinae';
 import { Ref } from 'vue';
-import LoadTestEvaluationMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue';
-import LoadTestResourceMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
-import LoadTestAggregationTable from '@/features/workload/vmEvaluatePerf/ui/LoadTestAggregationTable.vue';
+import LoadTestEvaluationMetric from '@/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestEvaluationMetric.vue';
+import LoadTestResourceMetric from '@/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
+import LoadTestAggregationTable from '@/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestAggregationTable.vue';
 interface IProps {
   mciId: string;
   nsId: string;
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index b32f54da..b77f04ce 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -16,7 +16,7 @@ import { IVm } from '@/entities/mci/model';
 import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';
 import VmEvaluatePerf from '@/widgets/workload/vm/vmEvaluatePerf/ui/VmEvaluatePerf.vue';
 import { useGetLastLoadTestState } from '@/entities/vm/api/api.ts';
-import LoadTestMetric from '@/features/workload/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
+import LoadTestMetric from '@/widgets/workload/vm/vmEvaluatePerf/ui/LoadTestResourceMetric.vue';
 import { useGetMciInfo } from '@/entities/mci/api';
 
 interface IProps {

From 252816c02d499f8562a7979fd9f007267dc1b921 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 21 Nov 2024 13:51:52 +0900
Subject: [PATCH 31/41] chore : env, i18n, dockerfile

---
 front/.env.local                  |  5 ++++-
 front/Dockerfile                  |  1 +
 front/README.md                   | 21 +++++++++++++++------
 front/src/app/i18n/index.ts       |  6 ++++--
 front/src/app/i18n/ko.json        |  8 ++++++++
 front/src/app/{ => type}/env.d.ts |  3 +--
 front/src/pages/main/MainPage.vue |  6 +++---
 front/tailwind.config.js          | 11 ++---------
 8 files changed, 38 insertions(+), 23 deletions(-)
 create mode 100644 front/src/app/i18n/ko.json
 rename front/src/app/{ => type}/env.d.ts (84%)

diff --git a/front/.env.local b/front/.env.local
index 856d7886..582e8b5a 100644
--- a/front/.env.local
+++ b/front/.env.local
@@ -1 +1,4 @@
-VITE_BACKEND_ENDPOINT = /api
+VITE_BACKEND_ENDPOINT = '/api'
+VITE_BACKEND_URL = 'https://devmigapi.onecloudcon.com'
+VITE_PROJECT_NAME = 'MIGRATOR'
+VITE_LANGUAGE = 'en'
diff --git a/front/Dockerfile b/front/Dockerfile
index 58f0aca0..6ed81226 100644
--- a/front/Dockerfile
+++ b/front/Dockerfile
@@ -12,6 +12,7 @@ ARG VITE_BACKEND_URL=http://localhost:3000
 ENV VITE_BACKEND_URL=${VITE_BACKEND_URL}
 ENV VITE_BACKEND_ENDPOINT=/api
 ENV VITE_PROJECT_NAME=MIGRATOR
+ENV VITE_PROJECT_NAME='en'
 
 RUN npm run build
 
diff --git a/front/README.md b/front/README.md
index e2d269ba..5bc13454 100644
--- a/front/README.md
+++ b/front/README.md
@@ -1,14 +1,23 @@
 # 1. 프로젝트 구조
+- 폴더구조
+- store
 # 2. 기술 스택, 라이브러리
-- Vue,
+
+- node 20.9.0
+- vue 2.7
+    - composition api
 - pinia
-- mininae
-- echart
-- sequential-workflow-designer
+- mirinae
+    - https://github.com/cloudforet-io/mirinae
 - postcss
 - tailwind css
+- vue-i18n
+- vite.config
+
 # 3. API 연동
-# 4. 컴포넌트 구조
+# 4. 공통 libs, utils
+# 5. 코드 스타일 Lint, Prettier 설정
 
-# 5. 코드 스타일 가이드: Linter, Prettier 설정.
+# 6. 환경변수
 
+# 7. 빌드
diff --git a/front/src/app/i18n/index.ts b/front/src/app/i18n/index.ts
index 4e9310de..7b8c61f7 100644
--- a/front/src/app/i18n/index.ts
+++ b/front/src/app/i18n/index.ts
@@ -3,17 +3,19 @@ import type { IVueI18n } from 'vue-i18n';
 import VueI18n from 'vue-i18n';
 
 import en from './en.json';
+import ko from './ko.json';
 
 Vue.use(VueI18n);
 
-const supportLanguages = ['en'] as const;
+const supportLanguages = ['en', 'ko'] as const;
 type supportLanguage = (typeof supportLanguages)[number];
 
 export const i18n = new VueI18n({
-  locale: 'en',
+  locale: (import.meta.env.VITE_LANGUAGE as string) || 'en',
   fallbackLocale: 'en',
   messages: {
     en,
+    ko,
   },
   silentTranslationWarn: true,
   silentFallbackWarn: true,
diff --git a/front/src/app/i18n/ko.json b/front/src/app/i18n/ko.json
new file mode 100644
index 00000000..f411c469
--- /dev/null
+++ b/front/src/app/i18n/ko.json
@@ -0,0 +1,8 @@
+{
+  "COMPONENT": {
+    "VERTICAL_LAYOUT": {
+      "EXPAND": "펼칩",
+      "COLLAPSE": "닫힘"
+    }
+  }
+}
diff --git a/front/src/app/env.d.ts b/front/src/app/type/env.d.ts
similarity index 84%
rename from front/src/app/env.d.ts
rename to front/src/app/type/env.d.ts
index 51c2c704..b7a3871b 100644
--- a/front/src/app/env.d.ts
+++ b/front/src/app/type/env.d.ts
@@ -1,9 +1,8 @@
-
 interface ImportMeta {
   readonly env: {
     VITE_BACKEND_ENDPOINT: string;
     VITE_BACKEND_URL: string;
     VITE_PROJECT_NAME: string;
+    VITE_LANGUAGE: string;
   };
 }
-
diff --git a/front/src/pages/main/MainPage.vue b/front/src/pages/main/MainPage.vue
index 4ac3020f..088e1aae 100644
--- a/front/src/pages/main/MainPage.vue
+++ b/front/src/pages/main/MainPage.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import MainLayout from '@/app/Layouts/consoleLayout/ui/ConsoleLayout.vue';
+import { ConsoleLayout } from '@/widgets/layout';
 </script>
 
 <template>
   <div class="h-screen">
-    <main-layout>
+    <ConsoleLayout>
       <!-- <router-view /> -->
-    </main-layout>
+    </ConsoleLayout>
   </div>
 </template>
 
diff --git a/front/tailwind.config.js b/front/tailwind.config.js
index ea373a7a..c6f0ebe8 100644
--- a/front/tailwind.config.js
+++ b/front/tailwind.config.js
@@ -9,14 +9,7 @@ export default {
       2: '2 2 0%',
     },
     ...mirinaeTailwind.theme,
-    // your customized theme
   },
-  variants: [
-    ...mirinaeTailwind.variants,
-    //   // your customized variants
-  ],
-  plugins: [
-    ...mirinaeTailwind.plugins,
-    // your customized plugins
-  ],
+  variants: [...mirinaeTailwind.variants],
+  plugins: [...mirinaeTailwind.plugins],
 };

From 56f47383ef81d8d0238338717c2a8c3ee6bd383b Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Thu, 21 Nov 2024 18:15:40 +0900
Subject: [PATCH 32/41] temp: source service

---
 .../entities/sourceConnection/api/index.ts    |   2 +-
 front/src/entities/sourceService/api/index.ts |  19 +++-
 .../entities/sourceService/model/stores.ts    |  33 +++---
 .../src/entities/sourceService/model/types.ts |  15 ++-
 .../model/sourceServiceDetailModel.ts         | 103 +++++-------------
 .../ui/SourceServiceDetail.vue                |  85 +++++++--------
 6 files changed, 117 insertions(+), 140 deletions(-)

diff --git a/front/src/entities/sourceConnection/api/index.ts b/front/src/entities/sourceConnection/api/index.ts
index fc09b7c2..5f9a9a92 100644
--- a/front/src/entities/sourceConnection/api/index.ts
+++ b/front/src/entities/sourceConnection/api/index.ts
@@ -146,7 +146,7 @@ export function useRefreshSourceGroupConnectionInfoStatus(sgId: string | null) {
   };
 
   return useAxiosPost<
-    IAxiosResponse<any>,
+    IAxiosResponse<{ message: string }>,
     Required<Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>>
   >(REFRESH_SOURCE_GROUP_CONNECTION_INFO_STATUS, requestWrapper);
 }
diff --git a/front/src/entities/sourceService/api/index.ts b/front/src/entities/sourceService/api/index.ts
index 65d99c18..0d72c20e 100644
--- a/front/src/entities/sourceService/api/index.ts
+++ b/front/src/entities/sourceService/api/index.ts
@@ -3,7 +3,10 @@ import {
   RequestBodyWrapper,
   useAxiosPost,
 } from '@/shared/libs';
-import { ISourceAgentAndConnectionStatusResponse } from '@/entities/sourceService/model/types.ts';
+import {
+  IInfraSourceGroupResponse,
+  ISourceAgentAndConnectionStatusResponse,
+} from '@/entities/sourceService/model/types.ts';
 import { axiosInstance } from '@/shared/libs/api/instance.ts';
 import type { ISourceGroup } from '@/entities/sourceService/model/types.ts';
 
@@ -13,6 +16,7 @@ const GET_SOURCE_SERVICE_LIST = 'list-source-group';
 const GET_SOURCE_SERVICE = 'get-source-group';
 const GET_SOURCE_SERVICE_STATUS = 'agent-and-connection-check';
 const DELETE_SOURCE_SERVICE = 'delete-source-group';
+const GET_INFRA_SOURCE_GROUP = 'import-infra-source-group';
 
 export function useRegisterSourceGroup<T, D>(
   sourceGroupData: D | ISourceGroup,
@@ -86,3 +90,16 @@ export function useBulkDeleteSourceGroup(sourceGroupIds: string[]) {
 
   return Promise.all(promiseArr);
 }
+
+export function useGetInfraSourceGroup(sourceGroupId: string | null) {
+  const requestWrapper: Required<
+    Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>
+  > = {
+    pathParams: { sgId: sourceGroupId },
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<IInfraSourceGroupResponse>,
+    Required<Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>>
+  >(GET_INFRA_SOURCE_GROUP, requestWrapper);
+}
diff --git a/front/src/entities/sourceService/model/stores.ts b/front/src/entities/sourceService/model/stores.ts
index e21ada56..d7afe187 100644
--- a/front/src/entities/sourceService/model/stores.ts
+++ b/front/src/entities/sourceService/model/stores.ts
@@ -4,6 +4,7 @@ import {
   ISourceServiceResponse,
   SourceServiceStatusType,
   ISourceServiceResponseElement,
+  IInfraSourceGroupResponse,
 } from '@/entities/sourceService/model/types.ts';
 import { defineStore } from 'pinia';
 
@@ -21,17 +22,9 @@ export const useSourceServiceStore = defineStore(NAMESPACE, () => {
       connectionCount:
         service.connection_info_status_count.connection_info_total,
       connectionIds: [],
-      status: 'S0004',
-      // status:
     }));
   }
 
-  function setServiceWithConnectionStatus(
-    service: ISourceServiceResponseElement,
-  ) {
-    serviceWithStatus.value = service;
-  }
-
   function getServiceById(serviceId: string) {
     return (
       services.value.find((service: ISourceService) => {
@@ -40,10 +33,22 @@ export const useSourceServiceStore = defineStore(NAMESPACE, () => {
     );
   }
 
-  function setServiceStatus(serviceId: string, status: any) {
-    const service = getServiceById(serviceId);
-    if (service) {
-      service.status = status;
+  function mappinginfraModel(
+    sgId: string,
+    infraSourceGroupResponse: IInfraSourceGroupResponse,
+  ) {
+    const sg = getServiceById(sgId);
+
+    if (sg) {
+      sg.infraModel = infraSourceGroupResponse;
+    }
+  }
+
+  function mappingSourceGroupStatus(sgId: string, status: string) {
+    const sg = getServiceById(sgId);
+
+    if (sg) {
+      sg.status = status;
     }
   }
 
@@ -52,7 +57,7 @@ export const useSourceServiceStore = defineStore(NAMESPACE, () => {
     serviceWithStatus,
     setService,
     getServiceById,
-    setServiceStatus,
-    setServiceWithConnectionStatus,
+    mappinginfraModel,
+    mappingSourceGroupStatus,
   };
 });
diff --git a/front/src/entities/sourceService/model/types.ts b/front/src/entities/sourceService/model/types.ts
index 6d6aad80..3b2a9fca 100644
--- a/front/src/entities/sourceService/model/types.ts
+++ b/front/src/entities/sourceService/model/types.ts
@@ -13,7 +13,8 @@ export interface ISourceService {
   connectionCount: string | number;
   connectionIds: string[];
   // status: SourceServiceStatusType;
-  status: any;
+  status?: string;
+  infraModel?: IInfraSourceGroupResponse;
 }
 
 export interface ISourceAgentAndConnectionStatusResponse {
@@ -56,9 +57,19 @@ export interface ISourceServiceResponse {
   source_group: Array<ISourceServiceResponseElement>;
 }
 
+export type IInfraSourceGroupResponse = Array<IInfraConnectionData>;
+
+interface IInfraConnectionData {
+  connection_id: string;
+  infra_data: string;
+  saved_time: string;
+  status: string;
+}
+
 export type SourceServiceTableType =
   | 'name'
   | 'id'
   | 'description'
   | 'connectionCount'
-  | 'status';
+  | 'status'
+  | 'viewInfra';
diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
index 8c3a1bcd..a5340c86 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
@@ -15,8 +15,6 @@ export function useSourceServiceDetailModel() {
   const tableModel =
     useDefinitionTableModel<Record<SourceServiceTableType, any>>();
 
-  const { serviceWithStatus } = storeToRefs(sourceServiceStore);
-
   function setServiceId(_serviceId: string | null) {
     serviceId.value = _serviceId;
   }
@@ -33,36 +31,27 @@ export function useSourceServiceDetailModel() {
         name: 'status',
         disableCopy: true,
       },
+      {
+        label: 'view Infra',
+        name: 'viewInfra',
+        disableCopy: true,
+      },
     ];
   }
 
   function setDefineTableData(serviceId: string) {
-    let data = {} as any;
-    if (serviceWithStatus.value && serviceWithStatus.value.id === serviceId) {
+    const sourceService = sourceServiceStore.getServiceById(serviceId);
+    let data: Partial<Record<SourceServiceTableType, any>> = {};
+
+    if (sourceService) {
       data = {
-        name: serviceWithStatus.value.name,
-        id: serviceWithStatus.value.id,
-        description: serviceWithStatus.value.description,
-        status: setServiceStatus(
-          serviceWithStatus.value.connection_info_status_count,
-        ),
+        name: sourceService.name,
+        id: sourceService.id,
+        description: sourceService.description,
+        status: setServiceStatus(sourceService.status),
       };
     }
-    console.log(data);
     return data;
-    // const sourceService = sourceServiceStore.getServiceById(serviceId);
-    // let data: Partial<Record<SourceServiceTableType, any>> = {};
-
-    // if (sourceService) {
-    //   data = {
-    //     name: sourceService.name,
-    //     id: sourceService.id,
-    //     description: sourceService.description,
-    //     // status: setServiceStatus(sourceService.status),
-    //     status: sourceService.status,
-    //   };
-    // }
-    // return data;
   }
 
   interface IStatus {
@@ -71,66 +60,32 @@ export function useSourceServiceDetailModel() {
     text: string;
   }
 
-  function setServiceStatus(
-    stateCnt: ISourceConnectionStatusCountResponse,
-  ): any {
-    if (
-      stateCnt.connection_info_total === stateCnt.count_agent_success &&
-      stateCnt.connection_info_total === stateCnt.count_connection_success &&
-      stateCnt.connection_info_total !== 0
-    ) {
+  function setServiceStatus(status: string | undefined): IStatus {
+    if (status === 'S0001') {
       return {
         color: 'green',
-        text: SourceServiceStatus['S0001'],
-        status: 'S0001',
+        text: status,
+        status: status,
+      };
+    } else if (status === 'S0002') {
+      return {
+        color: 'yellow',
+        text: status,
+        status: status,
       };
-    } else if (
-      stateCnt.count_connection_failed > 0 ||
-      stateCnt.count_connection_failed > 0
-    ) {
+    } else if (status === 'S0003') {
       return {
         color: 'red',
-        text: SourceServiceStatus['S0003'],
-        status: 'S0003',
+        text: status,
+        status: status,
       };
-    } else if (
-      stateCnt.count_agent_failed + stateCnt.count_agent_success !==
-        stateCnt.connection_info_total ||
-      stateCnt.count_connection_failed + stateCnt.count_connection_success !==
-        stateCnt.connection_info_total ||
-      stateCnt.connection_info_total === 0
-    ) {
+    } else {
       return {
         color: 'gray',
         text: 'Unknown',
         status: 'S0004',
       };
     }
-    // if (state === 'S0001') {
-    //   return {
-    //     color: 'green',
-    //     text: SourceServiceStatus[state],
-    //     status: state,
-    //   };
-    // } else if (state === 'S0002') {
-    //   return {
-    //     color: 'yellow',
-    //     text: SourceServiceStatus[state],
-    //     status: state,
-    //   };
-    // } else if (state === 'S0003') {
-    //   return {
-    //     color: 'red',
-    //     text: SourceServiceStatus[state],
-    //     status: state,
-    //   };
-    // } else {
-    //   return {
-    //     color: 'gray',
-    //     text: 'Unknown',
-    //     status: 'S0004',
-    //   };
-    // }
   }
 
   function loadSourceServiceData(serviceId: string | null | undefined) {
@@ -141,8 +96,8 @@ export function useSourceServiceDetailModel() {
     tableModel.tableState.loading = false;
   }
 
-  watch([serviceId, serviceWithStatus], nv => {
-    loadSourceServiceData(nv[0]);
+  watch(serviceId, nv => {
+    loadSourceServiceData(nv);
   });
 
   return {
diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
index 57aced20..cab5c64d 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
@@ -3,6 +3,7 @@ import { PDefinitionTable, PButton, PStatus } from '@cloudforet-test/mirinae';
 import { onBeforeMount, onMounted, ref, watch, watchEffect } from 'vue';
 import { useSourceServiceDetailModel } from '@/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts';
 import {
+  useGetInfraSourceGroup,
   useGetSourceGroupStatus,
   useGetSourceService,
 } from '@/entities/sourceService/api';
@@ -18,30 +19,25 @@ const props = defineProps<IProps>();
 
 const emit = defineEmits(['update:source-connection-name']);
 
-// loadSourceServiceData,
-const { sourceServiceStore, initTable, tableModel, setServiceId } =
-  useSourceServiceDetailModel();
+const {
+  sourceServiceStore,
+  initTable,
+  tableModel,
+  setServiceId,
+  loadSourceServiceData,
+  mappinginfraModel,
+  mappingSourceGroupStatus,
+} = useSourceServiceDetailModel();
 
-// const resGetSourceGroupStatus = useGetSourceGroupStatus(null); // deprecated
 const refreshSourceGroupConnectionInfoStatus =
   useRefreshSourceGroupConnectionInfoStatus(null);
 const getSourceService = useGetSourceService(null);
-// const { serviceWithStatus } = storeToRefs(sourceServiceStore);
+const resGetInfraSourceGroup = useGetInfraSourceGroup(null);
 
-watch(refreshSourceGroupConnectionInfoStatus.status, nv => {
-  if (nv === 'error') {
-    showErrorMessage(
-      'Error',
-      'Failed to check collector installation connection status',
-    );
-  } else if (nv === 'success') {
-    showSuccessMessage(
-      'Success',
-      'Successfully updated the collector installation and connection status.',
-    );
-  }
+onBeforeMount(() => {
+  initTable();
+  getSourceGroupInfras();
 });
-
 watch(
   props,
   () => {
@@ -50,12 +46,6 @@ watch(
   { immediate: true },
 );
 
-const checkAble = ref<boolean>(false);
-
-onBeforeMount(() => {
-  initTable();
-});
-
 watchEffect(() => {
   emit(
     'update:source-connection-name',
@@ -63,31 +53,25 @@ watchEffect(() => {
   );
 });
 
-async function getSourceServiceWithStatus() {
-  try {
-    const { data } = await getSourceService.execute({
+function getSourceGroupInfras() {
+  resGetInfraSourceGroup
+    .execute({
       pathParams: {
         sgId: props.selectedServiceId,
       },
-    });
-    if (data.status && data.status.code === 200) {
-      sourceServiceStore.setServiceWithConnectionStatus(data.responseData);
-    }
-  } catch (error) {
-    console.log(error);
-  }
+    })
+    .then(res => {
+      if (res.data.responseData) {
+        sourceServiceStore.mappinginfraModel(
+          props.selectedServiceId,
+          res.data.responseData,
+        );
+        loadSourceServiceData(props.selectedServiceId);
+      }
+    })
+    .catch();
 }
 
-watchEffect(() => {
-  getSourceServiceWithStatus();
-});
-
-/**
- * TODO: 문제점: refresh한다고해서 바로 반영이 되지 않음 -> 근데 connections에서 add / edit하면 바로 반영됨...
- * 뭔가 refresh btn의 의미가 없음....
- * 그렇다고
- */
-
 async function handleSourceGroupStatusRefresh() {
   try {
     const { data } = await refreshSourceGroupConnectionInfoStatus.execute({
@@ -96,12 +80,17 @@ async function handleSourceGroupStatusRefresh() {
       },
     });
 
-    if (data.status && data.status.code === 200) {
-      // loadSourceServiceData(props.selectedServiceId);
-      getSourceServiceWithStatus();
+    if (data.responseData && data.responseData.message) {
+      sourceServiceStore.mappingSourceGroupStatus(
+        props.selectedServiceId,
+        data.responseData.message,
+      );
+
+      loadSourceServiceData(props.selectedServiceId);
+      console.log(tableModel.tableState.data);
     }
   } catch (err) {
-    console.log(err);
+    showErrorMessage('error', err.errorMsg.value);
   }
 }
 </script>

From 6f2f6752a9bdca0ec44458b93876c80d48cd0b1a Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Fri, 22 Nov 2024 11:08:29 +0900
Subject: [PATCH 33/41] feat: source group to source model

---
 front/src/entities/sourceService/api/index.ts |  17 +++
 .../src/entities/sourceService/model/types.ts |   8 +-
 .../jsonViewer/ui/JsonViewer.vue              |  39 ++-----
 .../ui/sourceServiceInfraRefineModal.vue      | 105 ++++++++++++++++++
 .../model/index.ts                            |   2 +-
 .../model/validate.ts                         |   0
 .../ui/LoadConfig.vue                         |   2 +-
 .../sourceServices/ui/SourceServicePage.vue   |  45 +-------
 .../metaViewer/ui/MetaViewer.vue              |  25 +++--
 .../model/sourceServiceDetailModel.ts         |  14 +--
 .../ui/SourceServiceDetail.vue                |  53 +++++++--
 .../widgets/workload/vm/vmList/ui/VmList.vue  |   2 +-
 12 files changed, 209 insertions(+), 103 deletions(-)
 create mode 100644 front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
 rename front/src/features/workload/{loadConfig => actionLoadConfig}/model/index.ts (96%)
 rename front/src/features/workload/{loadConfig => actionLoadConfig}/model/validate.ts (100%)
 rename front/src/features/workload/{loadConfig => actionLoadConfig}/ui/LoadConfig.vue (99%)

diff --git a/front/src/entities/sourceService/api/index.ts b/front/src/entities/sourceService/api/index.ts
index 0d72c20e..c7e47e6c 100644
--- a/front/src/entities/sourceService/api/index.ts
+++ b/front/src/entities/sourceService/api/index.ts
@@ -17,6 +17,8 @@ const GET_SOURCE_SERVICE = 'get-source-group';
 const GET_SOURCE_SERVICE_STATUS = 'agent-and-connection-check';
 const DELETE_SOURCE_SERVICE = 'delete-source-group';
 const GET_INFRA_SOURCE_GROUP = 'import-infra-source-group';
+const GET_INFRA_INFO_SOURCE_GROUP_REFINE =
+  'get-infra-info-source-group-refined';
 
 export function useRegisterSourceGroup<T, D>(
   sourceGroupData: D | ISourceGroup,
@@ -103,3 +105,18 @@ export function useGetInfraSourceGroup(sourceGroupId: string | null) {
     Required<Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>>
   >(GET_INFRA_SOURCE_GROUP, requestWrapper);
 }
+
+export function useGetInfraSourceGroupInfraRefine(
+  sourceGroupId: string | null,
+) {
+  const requestWrapper: Required<
+    Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>
+  > = {
+    pathParams: { sgId: sourceGroupId },
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<any>,
+    Required<Pick<RequestBodyWrapper<{ sgId: string | null }>, 'pathParams'>>
+  >(GET_INFRA_INFO_SOURCE_GROUP_REFINE, requestWrapper);
+}
diff --git a/front/src/entities/sourceService/model/types.ts b/front/src/entities/sourceService/model/types.ts
index 3b2a9fca..3bcfb6a1 100644
--- a/front/src/entities/sourceService/model/types.ts
+++ b/front/src/entities/sourceService/model/types.ts
@@ -38,10 +38,10 @@ export interface ISourceConnectionStatusCountResponse {
 }
 
 export const SourceServiceStatus = {
-  S0001: 'Success',
-  S0002: 'PartialSuccess',
-  S0003: 'Failed',
-  S0004: 'Unknown',
+  Success: 'Success',
+  PartialSuccess: 'PartialSuccess',
+  Failed: 'Failed',
+  Unknown: 'Unknown',
 } as const;
 
 export type SourceServiceStatusType = keyof typeof SourceServiceStatus;
diff --git a/front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue b/front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue
index b3b3fd39..f27dec2d 100644
--- a/front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue
+++ b/front/src/features/sourceServices/jsonViewer/ui/JsonViewer.vue
@@ -10,32 +10,19 @@ import { showErrorMessage } from '@/shared/utils';
 
 interface iProps {
   formData: string | undefined;
-  schema: {
-    json: boolean;
-    properties: object;
-  };
-  sgId: string;
-  connId: string;
+  promiseFunc: (payload?: any, config?: any) => Promise<AxiosResponse<any>>;
+  convertedJSON: string | undefined;
+  loading: boolean;
 }
 
 const props = defineProps<iProps>();
 const emit = defineEmits(['update:is-converted']);
 
-const convertedJson = ref<string | undefined>('');
-
-const getInfraInfoRefined = useGetInfraInfoRefined(props.sgId, props.connId);
-const handleConvertJson = () => {
-  // TODO: convert button action 미정
-  getInfraInfoRefined
-    .execute()
-    .then(res => {
-      convertedJson.value = res.data.responseData;
-      emit('update:is-converted', res.data.responseData);
-    })
-    .catch(e => {
-      showErrorMessage('error', e.errorMsg);
-    });
-};
+function handleConvertJson() {
+  props.promiseFunc().then(res => {
+    emit('update:is-converted', res);
+  });
+}
 </script>
 
 <template>
@@ -44,7 +31,6 @@ const handleConvertJson = () => {
       :form-data="formData"
       title="Meta (data)"
       :read-only="true"
-      :schema="schema"
     />
     <button class="convert-btn" @click="handleConvertJson">
       <div class="flex flex-row">
@@ -57,17 +43,12 @@ const handleConvertJson = () => {
         />
         <p>{{ i18n.t('COMPONENT.BUTTON_MODAL.CONVERT') }}</p>
       </div>
-      <p-spinner
-        v-if="getInfraInfoRefined.isLoading.value"
-        class="spinner"
-        size="md"
-      />
+      <p-spinner v-if="loading" class="spinner" size="md" />
     </button>
     <collect-json-editor
-      :form-data="convertedJson"
+      :form-data="convertedJSON"
       title="Model"
       :read-only="false"
-      :schema="schema"
     />
   </div>
 </template>
diff --git a/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue b/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
new file mode 100644
index 00000000..4f29f2e0
--- /dev/null
+++ b/front/src/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import CreateForm from '@/widgets/layout/createForm/ui/CreateForm.vue';
+import { PButton } from '@cloudforet-test/mirinae';
+import { i18n } from '@/app/i18n';
+import { SimpleEditForm } from '@/widgets/layout';
+import { ref } from 'vue';
+import { AxiosResponse } from 'axios';
+import { IUseAxiosWrapperReturnType } from '@/shared/libs';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
+import { useCreateOnpremmodel } from '@/entities';
+import JsonViewer from '@/features/sourceServices/jsonViewer/ui/JsonViewer.vue';
+import { useGetInfraInfoRefined } from '@/entities/sourceConnection/api';
+import { useGetInfraSourceGroupInfraRefine } from '@/entities/sourceService/api';
+
+interface iProps {
+  collectData: string | undefined;
+  sgId: string;
+}
+
+const props = defineProps<iProps>();
+
+const emit = defineEmits(['update:is-meta-viewer-opened']);
+
+const isConverted = ref<boolean>(false);
+const isSaveModal = ref<boolean>(false);
+
+const convertedData = ref();
+
+const createOnpremmodel = useCreateOnpremmodel(null);
+const getInfraInfoRefined = useGetInfraSourceGroupInfraRefine(props.sgId);
+const handleSave = () => {
+  isSaveModal.value = true;
+};
+
+const handleMetaViewer = e => {
+  isSaveModal.value = false;
+  createOnpremmodel
+    .execute({
+      request: {
+        ...convertedData.value,
+        description: e.description,
+        userModelName: e.name,
+        isInitUserModel: true,
+        userModelVersion: 'v0.1',
+      },
+    })
+    .then(res => {
+      showSuccessMessage('success', 'create Model');
+    })
+    .catch(e => {
+      showErrorMessage('error', e.errorMsg);
+    });
+  emit('update:is-meta-viewer-opened');
+};
+
+function handleConvertInfra(): (
+  payload?: any,
+  config?: any,
+) => Promise<AxiosResponse<any>> {
+  return () =>
+    getInfraInfoRefined.execute().then(res => {
+      isConverted.value = true;
+      convertedData.value = res.data.responseData;
+    });
+}
+</script>
+
+<template>
+  <div class="page-modal-layout">
+    <create-form
+      title="Source Connection Viewer"
+      :need-widget-layout="true"
+      @update:modal-state="emit('update:is-meta-viewer-opened', false)"
+    >
+      <template #add-info>
+        <json-viewer
+          :form-data="collectData"
+          :convertedJSON="convertedData"
+          :promiseFunc="handleConvertInfra()"
+          :loading="getInfraInfoRefined.isLoading.value"
+        />
+      </template>
+      <template #buttons>
+        <p-button
+          style-type="tertiary"
+          @click="emit('update:is-meta-viewer-opened')"
+        >
+          {{ i18n.t('COMPONENT.BUTTON_MODAL.CANCEL') }}
+        </p-button>
+        <p-button :disabled="!isConverted" @click="handleSave">
+          {{ i18n.t('COMPONENT.BUTTON_MODAL.SAVE') }}
+        </p-button>
+      </template>
+    </create-form>
+    <simple-edit-form
+      v-if="isSaveModal"
+      name=""
+      header-title="Save Source Modal"
+      name-label="Name"
+      name-placeholder="Source Service name"
+      @update:close-modal="isSaveModal = false"
+      @update:save-modal="e => handleMetaViewer(e)"
+    />
+  </div>
+</template>
diff --git a/front/src/features/workload/loadConfig/model/index.ts b/front/src/features/workload/actionLoadConfig/model/index.ts
similarity index 96%
rename from front/src/features/workload/loadConfig/model/index.ts
rename to front/src/features/workload/actionLoadConfig/model/index.ts
index 0c3566ca..bc378b7f 100644
--- a/front/src/features/workload/loadConfig/model/index.ts
+++ b/front/src/features/workload/actionLoadConfig/model/index.ts
@@ -3,7 +3,7 @@ import { useInputModel } from '@/shared/hooks/input/useInputModel.ts';
 import {
   validateFunc,
   validateNumberFunc,
-} from '@/features/workload/loadConfig/model/validate.ts';
+} from '@/features/workload/actionLoadConfig/model/validate.ts';
 
 export function useLoadConfigModel() {
   const protocol = reactive({
diff --git a/front/src/features/workload/loadConfig/model/validate.ts b/front/src/features/workload/actionLoadConfig/model/validate.ts
similarity index 100%
rename from front/src/features/workload/loadConfig/model/validate.ts
rename to front/src/features/workload/actionLoadConfig/model/validate.ts
diff --git a/front/src/features/workload/loadConfig/ui/LoadConfig.vue b/front/src/features/workload/actionLoadConfig/ui/LoadConfig.vue
similarity index 99%
rename from front/src/features/workload/loadConfig/ui/LoadConfig.vue
rename to front/src/features/workload/actionLoadConfig/ui/LoadConfig.vue
index f9c19c2f..efcf3c21 100644
--- a/front/src/features/workload/loadConfig/ui/LoadConfig.vue
+++ b/front/src/features/workload/actionLoadConfig/ui/LoadConfig.vue
@@ -10,7 +10,7 @@ import {
   PToggleButton,
   PDivider,
 } from '@cloudforet-test/mirinae';
-import { useLoadConfigModel } from '@/features/workload/loadConfig/model';
+import { useLoadConfigModel } from '@/features/workload/actionLoadConfig/model';
 import { onBeforeMount, onMounted, watch } from 'vue';
 import { showErrorMessage } from '@/shared/utils';
 import { useRunLoadTest } from '@/entities/vm/api/api.ts';
diff --git a/front/src/pages/sourceServices/ui/SourceServicePage.vue b/front/src/pages/sourceServices/ui/SourceServicePage.vue
index 9b3ca889..2f8d7757 100644
--- a/front/src/pages/sourceServices/ui/SourceServicePage.vue
+++ b/front/src/pages/sourceServices/ui/SourceServicePage.vue
@@ -143,46 +143,6 @@ const data = computed(() => {
   return sourceConnectionStore.getConnectionById(selectedConnectionId.value)
     ?.softwareData;
 });
-
-const infraSchema = {
-  json: true,
-  properties: {
-    compute: {
-      type: 'string',
-      title: 'Compute',
-    },
-    network: {
-      type: 'string',
-      title: 'Network',
-    },
-    storage: {
-      type: 'string',
-      title: 'Storage',
-    },
-  },
-};
-
-const softwareSchema = {
-  json: true,
-  properties: {
-    deb: {
-      type: 'string',
-      title: 'Debian',
-    },
-    docker: {
-      type: 'string',
-      title: 'Docker',
-    },
-    podman: {
-      type: 'string',
-      title: 'Podman',
-    },
-    rpm: {
-      type: 'string',
-      title: 'RPM',
-    },
-  },
-};
 </script>
 
 <template>
@@ -227,6 +187,9 @@ const softwareSchema = {
             <SourceServiceDetail
               :selected-service-id="selectedServiceId"
               @update:source-connection-name="e => (sourceConnectionName = e)"
+              @update:custom-view-json-modal="
+                e => (modalStates.addInfraMetaViewer.open = e)
+              "
             />
           </template>
           <template #connections>
@@ -342,7 +305,6 @@ const softwareSchema = {
         "
         :collect-data="infraData"
         :source-connection-name="sourceConnectionName"
-        :schema="infraSchema"
         :sgId="selectedServiceId"
         :connId="selectedConnectionId"
         @update:is-meta-viewer-opened="modalStates.addInfraMetaViewer.confirm()"
@@ -351,7 +313,6 @@ const softwareSchema = {
         v-else-if="modalStates.addSoftwareMetaViewer.open && data"
         :collect-data="softwareData"
         :source-connection-name="sourceConnectionName"
-        :schema="softwareSchema"
         @update:is-meta-viewer-opened="
           modalStates.addSoftwareMetaViewer.confirm()
         "
diff --git a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
index 2fb2af22..ca218f7d 100644
--- a/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
+++ b/front/src/widgets/source/sourceConnections/sourceConnectionDetail/metaViewer/ui/MetaViewer.vue
@@ -9,14 +9,11 @@ import { IUseAxiosWrapperReturnType } from '@/shared/libs';
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 import { useCreateOnpremmodel } from '@/entities';
 import JsonViewer from '@/features/sourceServices/jsonViewer/ui/JsonViewer.vue';
+import { useGetInfraInfoRefined } from '@/entities/sourceConnection/api';
 
 interface iProps {
   collectData: string | undefined;
   sourceConnectionName: string;
-  schema: {
-    json: boolean;
-    properties: object;
-  };
   sgId: string;
   connId: string;
 }
@@ -31,6 +28,7 @@ const isSaveModal = ref<boolean>(false);
 const convertedData = ref();
 
 const createOnpremmodel = useCreateOnpremmodel(null);
+const getInfraInfoRefined = useGetInfraInfoRefined(props.sgId, props.connId);
 const handleSave = () => {
   isSaveModal.value = true;
 };
@@ -56,9 +54,15 @@ const handleMetaViewer = e => {
   emit('update:is-meta-viewer-opened');
 };
 
-function handleConvertedData(e: any) {
-  isConverted.value = true;
-  convertedData.value = e;
+function handleConvertInfra(): (
+  payload?: any,
+  config?: any,
+) => Promise<AxiosResponse<any>> {
+  return () =>
+    getInfraInfoRefined.execute().then(res => {
+      isConverted.value = true;
+      convertedData.value = res.data.responseData;
+    });
 }
 </script>
 
@@ -73,10 +77,9 @@ function handleConvertedData(e: any) {
       <template #add-info>
         <json-viewer
           :form-data="collectData"
-          :schema="schema"
-          :sgId="sgId"
-          :connId="connId"
-          @update:is-converted="handleConvertedData"
+          :convertedJSON="convertedData"
+          :promiseFunc="handleConvertInfra()"
+          :loading="getInfraInfoRefined.isLoading.value"
         />
       </template>
       <template #buttons>
diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
index a5340c86..3c6eff69 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
@@ -61,29 +61,29 @@ export function useSourceServiceDetailModel() {
   }
 
   function setServiceStatus(status: string | undefined): IStatus {
-    if (status === 'S0001') {
+    if (status === 'success') {
       return {
         color: 'green',
         text: status,
-        status: status,
+        status: 'Success',
       };
-    } else if (status === 'S0002') {
+    } else if (status === 'partialSuccess') {
       return {
         color: 'yellow',
         text: status,
-        status: status,
+        status: 'PartialSuccess',
       };
-    } else if (status === 'S0003') {
+    } else if (status === 'failed') {
       return {
         color: 'red',
         text: status,
-        status: status,
+        status: 'Failed',
       };
     } else {
       return {
         color: 'gray',
         text: 'Unknown',
-        status: 'S0004',
+        status: 'Unknown',
       };
     }
   }
diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
index cab5c64d..1e51dfda 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { PDefinitionTable, PButton, PStatus } from '@cloudforet-test/mirinae';
-import { onBeforeMount, onMounted, ref, watch, watchEffect } from 'vue';
+import {
+  onBeforeMount,
+  onMounted,
+  reactive,
+  ref,
+  watch,
+  watchEffect,
+} from 'vue';
 import { useSourceServiceDetailModel } from '@/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts';
 import {
   useGetInfraSourceGroup,
@@ -10,6 +17,8 @@ import {
 import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
 import { storeToRefs } from 'pinia';
 import { useRefreshSourceGroupConnectionInfoStatus } from '@/entities/sourceConnection/api';
+import { CustomViewSourceModel } from '@/widgets/models/sourceModels';
+import SourceServiceInfraRefineModal from '@/features/sourceServices/sourceServiceInfraRefinedModal/ui/sourceServiceInfraRefineModal.vue';
 
 interface IProps {
   selectedServiceId: string;
@@ -17,7 +26,10 @@ interface IProps {
 
 const props = defineProps<IProps>();
 
-const emit = defineEmits(['update:source-connection-name']);
+const emit = defineEmits([
+  'update:source-connection-name',
+  'update:custom-view-json-modal',
+]);
 
 const {
   sourceServiceStore,
@@ -25,23 +37,31 @@ const {
   tableModel,
   setServiceId,
   loadSourceServiceData,
-  mappinginfraModel,
-  mappingSourceGroupStatus,
 } = useSourceServiceDetailModel();
 
 const refreshSourceGroupConnectionInfoStatus =
   useRefreshSourceGroupConnectionInfoStatus(null);
 const getSourceService = useGetSourceService(null);
 const resGetInfraSourceGroup = useGetInfraSourceGroup(null);
+const infraModel = ref({});
+
+const modalState = reactive({
+  open: false,
+  context: {
+    name: '',
+    description: '',
+  },
+});
 
 onBeforeMount(() => {
   initTable();
-  getSourceGroupInfras();
 });
+
 watch(
   props,
   () => {
     setServiceId(props.selectedServiceId);
+    getSourceGroupInfras();
   },
   { immediate: true },
 );
@@ -66,10 +86,11 @@ function getSourceGroupInfras() {
           props.selectedServiceId,
           res.data.responseData,
         );
+        infraModel.value = res.data.responseData;
         loadSourceServiceData(props.selectedServiceId);
       }
     })
-    .catch();
+    .catch(e => {});
 }
 
 async function handleSourceGroupStatusRefresh() {
@@ -93,6 +114,10 @@ async function handleSourceGroupStatusRefresh() {
     showErrorMessage('error', err.errorMsg.value);
   }
 }
+
+function handleJsonModal() {
+  modalState.open = true;
+}
 </script>
 
 <template>
@@ -100,13 +125,21 @@ async function handleSourceGroupStatusRefresh() {
     <p-definition-table
       :fields="tableModel.tableState.fields"
       :data="tableModel.tableState.data"
-      :loading="tableModel.tableState.loading"
+      :loading="
+        tableModel.tableState.loading || resGetInfraSourceGroup.isLoading.value
+      "
       :block="true"
     >
       <template #data-status="{ data }">
         <p-status :theme="data.color" :text="data.text" />
       </template>
 
+      <template #data-viewInfra>
+        <p class="link-button-text" @click="handleJsonModal">
+          Custom & View Source Model
+        </p>
+      </template>
+
       <template #extra="{ name }">
         <div v-if="name === 'status'">
           <p-button
@@ -122,5 +155,11 @@ async function handleSourceGroupStatusRefresh() {
         </div>
       </template>
     </p-definition-table>
+    <SourceServiceInfraRefineModal
+      v-if="modalState.open"
+      :sgId="props.selectedServiceId"
+      :collect-data="infraModel"
+      @update:is-meta-viewer-opened="modalState.open = false"
+    />
   </div>
 </template>
diff --git a/front/src/widgets/workload/vm/vmList/ui/VmList.vue b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
index b77f04ce..8065ca32 100644
--- a/front/src/widgets/workload/vm/vmList/ui/VmList.vue
+++ b/front/src/widgets/workload/vm/vmList/ui/VmList.vue
@@ -10,7 +10,7 @@ import {
 import { useVmListModel } from '@/widgets/workload/vm/vmList/model';
 import { onBeforeMount, onMounted, reactive, ref, watch } from 'vue';
 import SuccessfullyLoadConfigModal from '@/features/workload/successfullyModal/ui/SuccessfullyLoadConfigModal.vue';
-import LoadConfig from '@/features/workload/loadConfig/ui/LoadConfig.vue';
+import LoadConfig from '@/features/workload/actionLoadConfig/ui/LoadConfig.vue';
 import { showErrorMessage } from '@/shared/utils';
 import { IVm } from '@/entities/mci/model';
 import VmInformation from '@/widgets/workload/vm/vmInformation/ui/VmInformation.vue';

From 5e7f4513a24aa39e597b24e5053357d9bf034f6f Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Fri, 22 Nov 2024 17:34:45 +0900
Subject: [PATCH 34/41] feat: get recommendModel using provider, region

---
 front/src/entities/provider/api/index.ts      |  33 ++
 front/src/entities/provider/model/store.ts    |   0
 front/src/entities/provider/model/types.ts    |  21 ++
 .../entities/recommendedModel/api/index.ts    |  14 +-
 .../recommendedModel/index.ts                 |   0
 .../model/useRecommendedModel.ts              |  56 ++-
 .../recommendedModel/ui/RecommendedModel.vue  | 320 ++++++++++++++++++
 .../src/widgets/models/sourceModels/index.ts  |   2 +-
 .../recommendedModel/ui/RecommendedModel.vue  | 220 ------------
 9 files changed, 435 insertions(+), 231 deletions(-)
 create mode 100644 front/src/entities/provider/api/index.ts
 create mode 100644 front/src/entities/provider/model/store.ts
 create mode 100644 front/src/entities/provider/model/types.ts
 rename front/src/widgets/models/{sourceModels => }/recommendedModel/index.ts (100%)
 rename front/src/widgets/models/{sourceModels => }/recommendedModel/model/useRecommendedModel.ts (75%)
 create mode 100644 front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
 delete mode 100644 front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue

diff --git a/front/src/entities/provider/api/index.ts b/front/src/entities/provider/api/index.ts
new file mode 100644
index 00000000..89d1b28d
--- /dev/null
+++ b/front/src/entities/provider/api/index.ts
@@ -0,0 +1,33 @@
+import {
+  IAxiosResponse,
+  RequestBodyWrapper,
+  useAxiosPost,
+} from '@/shared/libs';
+import {
+  IProviderResponse,
+  IRegionOfProviderResponse,
+} from '@/entities/provider/model/types.ts';
+
+const GET_PROVIDER_LIST = 'GetProviderList';
+const GET_REGION_LIST = 'GetRegions';
+
+export function useGetProviderList() {
+  return useAxiosPost<IAxiosResponse<IProviderResponse>, null>(
+    GET_PROVIDER_LIST,
+    null,
+  );
+}
+
+export function useGetRegionList(provider: string | null) {
+  const requestBodyWrapper: Pick<
+    RequestBodyWrapper<{ providerName: string | null }>,
+    'pathParams'
+  > = {
+    pathParams: { providerName: provider },
+  };
+
+  return useAxiosPost<
+    IAxiosResponse<IRegionOfProviderResponse>,
+    Pick<RequestBodyWrapper<{ providerName: string | null }>, 'pathParams'>
+  >(GET_REGION_LIST, requestBodyWrapper);
+}
diff --git a/front/src/entities/provider/model/store.ts b/front/src/entities/provider/model/store.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/front/src/entities/provider/model/types.ts b/front/src/entities/provider/model/types.ts
new file mode 100644
index 00000000..d9c0ff58
--- /dev/null
+++ b/front/src/entities/provider/model/types.ts
@@ -0,0 +1,21 @@
+export interface IProviderResponse {
+  output: string[];
+}
+
+interface Location {
+  display: string;
+  latitude: number;
+  longitude: number;
+}
+
+interface Region {
+  description: string;
+  location: Location;
+  regionId: string;
+  regionName: string;
+  zones: string[];
+}
+
+export interface IRegionOfProviderResponse {
+  regions: Region[];
+}
diff --git a/front/src/entities/recommendedModel/api/index.ts b/front/src/entities/recommendedModel/api/index.ts
index 16fe1293..acf60cc2 100644
--- a/front/src/entities/recommendedModel/api/index.ts
+++ b/front/src/entities/recommendedModel/api/index.ts
@@ -14,20 +14,22 @@ const GET_RECOMMEND_COST = 'Updateandgetestimatecost';
 
 export function useGetRecommendModelListBySourceModel(
   sourceModelInfo: ISourceModelResponse['onpremiseInfraModel'] | null,
+  provider: string | null,
+  region: string | null,
 ) {
   const requestWrapper: Required<
     Pick<
       RequestBodyWrapper<{
-        desiredProvider: string;
-        desiredRegion: string;
+        desiredProvider: string | null;
+        desiredRegion: string | null;
         onpremiseInfraModel: ISourceModelResponse['onpremiseInfraModel'] | null;
       }>,
       'request'
     >
   > = {
     request: {
-      desiredProvider: 'aws',
-      desiredRegion: 'ap-northeast-2',
+      desiredProvider: provider,
+      desiredRegion: region,
       onpremiseInfraModel: sourceModelInfo,
     },
   };
@@ -36,8 +38,8 @@ export function useGetRecommendModelListBySourceModel(
     Required<
       Pick<
         RequestBodyWrapper<{
-          desiredProvider: string;
-          desiredRegion: string;
+          desiredProvider: string | null;
+          desiredRegion: string | null;
           onpremiseInfraModel:
             | ISourceModelResponse['onpremiseInfraModel']
             | null;
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/index.ts b/front/src/widgets/models/recommendedModel/index.ts
similarity index 100%
rename from front/src/widgets/models/sourceModels/recommendedModel/index.ts
rename to front/src/widgets/models/recommendedModel/index.ts
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
similarity index 75%
rename from front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
rename to front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
index d7ab7aa9..cca27ac6 100644
--- a/front/src/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts
+++ b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
@@ -1,14 +1,18 @@
-import { useRecommendedModelStore } from '@/entities/recommendedModel/model/stores';
-import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
+import { useRecommendedModelStore } from '@/entities/recommendedModel/model/stores.ts';
+import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel.ts';
 import {
   IEsimateCostSpecResponse,
   IRecommendModelResponse,
-} from '@/entities/recommendedModel/model/types';
-import { RecommendedModelTableType } from '@/entities/recommendedModel/model/types';
+} from '@/entities/recommendedModel/model/types.ts';
+import { RecommendedModelTableType } from '@/entities/recommendedModel/model/types.ts';
 import { storeToRefs } from 'pinia';
 import { ref, watch } from 'vue';
 import { useSourceModelStore } from '@/entities';
 import { useAuthStore } from '@/shared/libs/store/auth';
+import {
+  IProviderResponse,
+  IRegionOfProviderResponse,
+} from '@/entities/provider/model/types.ts';
 
 export function useRecommendedModel() {
   const tableModel =
@@ -23,6 +27,8 @@ export function useRecommendedModel() {
   const userStore = useAuthStore();
 
   function initToolBoxTableModel() {
+    tableModel.initState();
+
     tableModel.tableState.fields = [
       { name: 'name', label: 'Name' },
       { name: 'id', label: 'ID' },
@@ -95,6 +101,46 @@ export function useRecommendedModel() {
   ) {
     targetRecommendModel.value = _targetRecommendModel;
   }
+
+  interface ISelectMenu {
+    name: string;
+    label: string;
+    type: string;
+  }
+
+  function generateProviderSelectMenu(
+    providerResponse: IProviderResponse,
+  ): Array<ISelectMenu> {
+    const menu: Array<ISelectMenu> = [];
+
+    providerResponse.output.forEach(provider => {
+      menu.push({
+        name: provider,
+        label: provider,
+        type: 'item',
+      });
+    });
+    menu.sort((a, b) => a.label.localeCompare(b.label));
+
+    return menu;
+  }
+
+  function generateRegionSelectMenu(
+    regionOfProviderResponse: IRegionOfProviderResponse,
+  ): Array<ISelectMenu> {
+    const menu: Array<ISelectMenu> = [];
+
+    regionOfProviderResponse.regions.forEach(region => {
+      menu.push({
+        name: region.regionId,
+        label: `${region.location.display} / ${region.regionName}`,
+        type: 'item',
+      });
+    });
+    menu.sort((a, b) => a.label.localeCompare(b.label));
+    return menu;
+  }
+
   watch(targetRecommendModel, nv => {
     if (nv)
       tableModel.tableState.items = [organizeRecommendedModelTableItem(nv)];
@@ -106,5 +152,7 @@ export function useRecommendedModel() {
     initToolBoxTableModel,
     sourceModelStore,
     setTargetRecommendModel,
+    generateProviderSelectMenu,
+    generateRegionSelectMenu,
   };
 }
diff --git a/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
new file mode 100644
index 00000000..c572ccd1
--- /dev/null
+++ b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
@@ -0,0 +1,320 @@
+<script setup lang="ts">
+import {
+  PButton,
+  PIconModal,
+  PToolboxTable,
+  PSelectDropdown,
+  PFieldTitle,
+} from '@cloudforet-test/mirinae';
+import { CreateForm } from '@/widgets/layout';
+import { TargetModelNameSave } from '@/features/models';
+import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue';
+import { SimpleEditForm } from '@/widgets/layout';
+import { useRecommendedModel } from '@/widgets/models/recommendedModel/model/useRecommendedModel.ts';
+import { createTargetModel, ISourceModelResponse } from '@/entities';
+import {
+  getRecommendCost,
+  useGetRecommendModelListBySourceModel,
+} from '@/entities/recommendedModel/api';
+import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
+import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
+import { useGetProviderList, useGetRegionList } from '@/entities/provider/api';
+
+interface IProps {
+  sourceModelName: string;
+  sourceModelId: string;
+}
+
+const props = defineProps<IProps>();
+
+const emit = defineEmits(['update:close-modal']);
+
+const recommendModel_Model = useRecommendedModel();
+
+const selectedRecommendedModelId = ref<string>('');
+const modelName = ref<string>('');
+const description = ref<string>('');
+
+const resGetProviderList = useGetProviderList();
+const resGetRegionList = useGetRegionList(null);
+
+const resCreateTargetModel = createTargetModel(null);
+const resGetRecommendCost = getRecommendCost(null);
+
+const provider = reactive({
+  menu: [],
+  loading: true,
+  selected: '',
+});
+
+const region = reactive({
+  menu: [],
+  loading: true,
+  selected: '',
+});
+
+async function handleProviderMenuClick(e: any) {
+  if (!e) return;
+
+  provider.loading = true;
+  const { data } = await resGetProviderList.execute();
+
+  if (data.responseData) {
+    provider.menu = recommendModel_Model.generateProviderSelectMenu(
+      data.responseData,
+    );
+  }
+
+  provider.loading = false;
+}
+
+async function handleRegionMenuClick(e: any) {
+  if (!e) return;
+
+  region.loading = true;
+  const { data } = await resGetRegionList.execute({
+    pathParams: {
+      providerName: provider.selected,
+    },
+  });
+
+  if (data.responseData) {
+    region.menu = recommendModel_Model.generateRegionSelectMenu(
+      data.responseData,
+    );
+  }
+
+  region.loading = false;
+}
+
+const targetSourceModel = computed(() =>
+  recommendModel_Model.sourceModelStore.getSourceModelById(props.sourceModelId),
+);
+
+const getRecommendModel = useGetRecommendModelListBySourceModel(
+  null,
+  null,
+  null,
+);
+
+const modalState = reactive({
+  targetModal: false,
+  checkModal: false,
+});
+
+onMounted(() => {
+  recommendModel_Model.initToolBoxTableModel();
+  handleProviderMenuClick(true);
+});
+
+function getRecommendModelList() {
+  getRecommendModel
+    .execute({
+      request: {
+        desiredProvider: provider.selected,
+        desiredRegion: region.selected,
+        onpremiseInfraModel: targetSourceModel.value
+          ? targetSourceModel.value.onpremiseInfraModel
+          : null,
+      },
+    })
+    .then(res => {
+      if (res.data.responseData) {
+        const commonImage = res.data.responseData.targetInfra.vm[0].commonImage;
+        const commonSpec = res.data.responseData.targetInfra.vm[0].commonSpec;
+
+        resGetRecommendCost
+          .execute({
+            request: { specsWithFormat: [{ commonSpec, commonImage }] },
+          })
+          .then(costRes => {
+            if (costRes.data.responseData) {
+              recommendModel_Model.setTargetRecommendModel(
+                Object.assign(res.data.responseData, {
+                  estimateResponse: costRes.data.responseData,
+                }),
+              );
+            }
+          })
+          .catch(e => {
+            recommendModel_Model.initToolBoxTableModel();
+          });
+      }
+    })
+    .catch(err => {
+      showErrorMessage('error', err.errorMsg);
+    });
+}
+
+function handleClickRecommendedModelId(id: string) {
+  selectedRecommendedModelId.value = id;
+}
+
+function handleModal() {
+  emit('update:close-modal', false);
+  modalState.targetModal = false;
+  modalState.checkModal = true;
+}
+
+function handleConfirm() {
+  modalState.targetModal = false;
+  modalState.checkModal = false;
+  emit('update:close-modal', false);
+}
+
+function handleSave(e: { name: string; description: string }) {
+  modelName.value = e.name;
+  description.value = e.description;
+
+  try {
+    let selectedModel: IRecommendModelResponse =
+      recommendModel_Model.tableModel.tableState.displayItems[
+        recommendModel_Model.tableModel.tableState.selectIndex
+      ].originalData;
+
+    const commonSpecSplitData =
+      selectedModel.targetInfra.vm[0].commonSpec.split('+');
+
+    resCreateTargetModel
+      .execute({
+        request: {
+          cloudInfraModel: selectedModel.targetInfra,
+          csp: commonSpecSplitData[0],
+          description: description.value,
+          isInitUserModel: true,
+          isTargetModel: true,
+          region: commonSpecSplitData[1],
+          userModelName: modelName.value,
+          userModelVersion: '1',
+          zone: '',
+          userId: recommendModel_Model.userStore.id,
+        },
+      })
+      .then(res => {
+        modalState.targetModal = false;
+        modalState.checkModal = true;
+      })
+      .catch();
+  } catch (e) {
+    console.log(e);
+    showErrorMessage('error', e);
+  }
+}
+
+function test(e) {
+  getRecommendModelList();
+}
+</script>
+
+<template>
+  <div>
+    <create-form
+      class="page-modal-layout"
+      title="Recommend Model"
+      :need-widget-layout="true"
+      :badge-title="sourceModelName"
+      first-title="Recommend Model List"
+      @update:modal-state="handleModal"
+    >
+      <template #add-info>
+        <div class="flex gap-4 flex-col w-full">
+          <section class="select-service-box flex w-full">
+            <p class="text-label-lg font-bold m-2">Provider</p>
+            <p-select-dropdown
+              :menu="provider.menu"
+              :loading="provider.loading"
+              @update:visible-menu="handleProviderMenuClick"
+              @select="
+                e => {
+                  provider.selected = e;
+                  handleRegionMenuClick(true);
+                }
+              "
+            ></p-select-dropdown>
+            <p class="text-label-lg font-bold m-2">Region</p>
+            <p-select-dropdown
+              :menu="region.menu"
+              :loading="region.loading"
+              :disabled="provider.selected === ''"
+              @update:visible-menu="handleRegionMenuClick"
+              @select="
+                e => {
+                  region.selected = e;
+                  getRecommendModelList();
+                }
+              "
+            ></p-select-dropdown>
+          </section>
+          <p-toolbox-table
+            ref="toolboxTable"
+            :items="recommendModel_Model.tableModel.tableState.displayItems"
+            :fields="recommendModel_Model.tableModel.tableState.fields"
+            :total-count="recommendModel_Model.tableModel.tableState.tableCount"
+            :style="{ height: '500px' }"
+            :sortable="recommendModel_Model.tableModel.tableOptions.sortable"
+            :sort-by="recommendModel_Model.tableModel.tableOptions.sortBy"
+            :selectable="
+              recommendModel_Model.tableModel.tableOptions.selectable
+            "
+            :loading="
+              getRecommendModel.isLoading.value ||
+              resGetRecommendCost.isLoading.value
+            "
+            :select-index.sync="
+              recommendModel_Model.tableModel.tableState.selectIndex
+            "
+            :multi-select="false"
+          >
+          </p-toolbox-table>
+        </div>
+      </template>
+      <template #buttons>
+        <p-button style-type="tertiary" @click="handleModal">cancel</p-button>
+        <p-button @click="modalState.targetModal = true">
+          Save as a Target Model
+        </p-button>
+      </template>
+    </create-form>
+    <simple-edit-form
+      v-if="modalState.targetModal"
+      header-title="Save Target Model"
+      name=""
+      name-label="Model name"
+      name-placeholder="Model name"
+      @update:save-modal="handleSave"
+      @update:close-modal="modalState.targetModal = false"
+    />
+    <p-icon-modal
+      size="md"
+      :visible="modalState.checkModal"
+      icon-name="ic_check-circle"
+      header-title="The Target Model was successfully saved."
+      button-text="Confirm"
+      @clickButton="handleConfirm"
+    >
+      <template #body>
+        <target-model-name-save :model-name="modelName" />
+      </template>
+    </p-icon-modal>
+  </div>
+</template>
+
+<style scoped lang="postcss">
+.layout {
+  padding: 32px 16px;
+
+  .title {
+    font-size: 18px;
+    font-weight: 400;
+  }
+}
+
+.model-name {
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.divider {
+  margin: 7.5px 0 16px 0;
+}
+</style>
diff --git a/front/src/widgets/models/sourceModels/index.ts b/front/src/widgets/models/sourceModels/index.ts
index a7ef0adc..0880cd6f 100644
--- a/front/src/widgets/models/sourceModels/index.ts
+++ b/front/src/widgets/models/sourceModels/index.ts
@@ -1,4 +1,4 @@
 export * from './sourceModelDetail';
 export * from './sourceModelList';
 export * from './customViewSourceModel';
-export * from './recommendedModel';
+export * from '../recommendedModel';
diff --git a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
deleted file mode 100644
index f2ce22ce..00000000
--- a/front/src/widgets/models/sourceModels/recommendedModel/ui/RecommendedModel.vue
+++ /dev/null
@@ -1,220 +0,0 @@
-<script setup lang="ts">
-import { PButton, PIconModal, PToolboxTable } from '@cloudforet-test/mirinae';
-import { CreateForm } from '@/widgets/layout';
-import { TargetModelNameSave } from '@/features/models';
-import { computed, onMounted, reactive, ref, watch } from 'vue';
-import { SimpleEditForm } from '@/widgets/layout';
-import { useRecommendedModel } from '@/widgets/models/sourceModels/recommendedModel/model/useRecommendedModel.ts';
-import { createTargetModel, ISourceModelResponse } from '@/entities';
-import {
-  getRecommendCost,
-  useGetRecommendModelListBySourceModel,
-} from '@/entities/recommendedModel/api';
-import { showErrorMessage, showSuccessMessage } from '@/shared/utils';
-import { IRecommendModelResponse } from '@/entities/recommendedModel/model/types.ts';
-
-interface iProps {
-  sourceModelName: string;
-  sourceModelId: string;
-}
-
-const props = defineProps<iProps>();
-
-const emit = defineEmits(['update:close-modal']);
-
-const selectedRecommendedModelId = ref<string>('');
-const modelName = ref<string>('');
-const description = ref<string>('');
-
-const modalState = reactive({
-  targetModal: false,
-  checkModal: false,
-});
-
-const recommendModel_Model = useRecommendedModel();
-const targetSourceModel = computed(() =>
-  recommendModel_Model.sourceModelStore.getSourceModelById(props.sourceModelId),
-);
-const getRecommendModel = useGetRecommendModelListBySourceModel(
-  targetSourceModel.value ? targetSourceModel.value.onpremiseInfraModel : null,
-);
-
-const resCreateTargetModel = createTargetModel(null);
-const resGetRecommendCost = getRecommendCost(null);
-
-watch(
-  () => targetSourceModel,
-  () => {
-    getRecommendModel
-      .execute()
-      .then(res => {
-        if (res.data.responseData) {
-          const commonImage =
-            res.data.responseData.targetInfra.vm[0].commonImage;
-          const commonSpec = res.data.responseData.targetInfra.vm[0].commonSpec;
-
-          resGetRecommendCost
-            .execute({
-              request: { specsWithFormat: [{ commonSpec, commonImage }] },
-            })
-            .then(costRes => {
-              if (costRes.data.responseData) {
-                recommendModel_Model.setTargetRecommendModel(
-                  Object.assign(res.data.responseData, {
-                    estimateResponse: costRes.data.responseData,
-                  }),
-                );
-              }
-            })
-            .catch();
-        }
-      })
-      .catch(err => {
-        showErrorMessage('error', err.errorMsg);
-      });
-  },
-  { immediate: true },
-);
-
-onMounted(() => {
-  recommendModel_Model.initToolBoxTableModel();
-});
-
-function handleClickRecommendedModelId(id: string) {
-  selectedRecommendedModelId.value = id;
-}
-
-function handleModal() {
-  emit('update:close-modal', false);
-  modalState.targetModal = false;
-  modalState.checkModal = true;
-}
-
-function handleConfirm() {
-  modalState.targetModal = false;
-  modalState.checkModal = false;
-  emit('update:close-modal', false);
-}
-
-function handleSave(e: { name: string; description: string }) {
-  modelName.value = e.name;
-  description.value = e.description;
-
-  try {
-    let selectedModel: IRecommendModelResponse =
-      recommendModel_Model.tableModel.tableState.displayItems[
-        recommendModel_Model.tableModel.tableState.selectIndex
-      ].originalData;
-
-    const commonSpecSplitData =
-      selectedModel.targetInfra.vm[0].commonSpec.split('+');
-
-    resCreateTargetModel
-      .execute({
-        request: {
-          cloudInfraModel: selectedModel.targetInfra,
-          csp: commonSpecSplitData[0],
-          description: description.value,
-          isInitUserModel: true,
-          isTargetModel: true,
-          region: commonSpecSplitData[1],
-          userModelName: modelName.value,
-          userModelVersion: '1',
-          zone: '',
-          userId: recommendModel_Model.userStore.id,
-        },
-      })
-      .then(res => {
-        console.log(res);
-        modalState.targetModal = false;
-        modalState.checkModal = true;
-      })
-      .catch();
-  } catch (e) {
-    console.log(e);
-    showErrorMessage('error', e);
-  }
-}
-</script>
-
-<template>
-  <div>
-    <create-form
-      class="page-modal-layout"
-      title="Recommend Model"
-      :need-widget-layout="true"
-      :badge-title="sourceModelName"
-      first-title="Recommend Model List"
-      @update:modal-state="handleModal"
-    >
-      <template #add-info>
-        <p-toolbox-table
-          ref="toolboxTable"
-          :items="recommendModel_Model.tableModel.tableState.displayItems"
-          :fields="recommendModel_Model.tableModel.tableState.fields"
-          :total-count="recommendModel_Model.tableModel.tableState.tableCount"
-          :style="{ height: '500px' }"
-          :sortable="recommendModel_Model.tableModel.tableOptions.sortable"
-          :sort-by="recommendModel_Model.tableModel.tableOptions.sortBy"
-          :selectable="recommendModel_Model.tableModel.tableOptions.selectable"
-          :loading="
-            getRecommendModel.isLoading.value ||
-            resGetRecommendCost.isLoading.value
-          "
-          :select-index.sync="
-            recommendModel_Model.tableModel.tableState.selectIndex
-          "
-          :multi-select="false"
-        >
-        </p-toolbox-table>
-      </template>
-      <template #buttons>
-        <p-button style-type="tertiary" @click="handleModal">cancel</p-button>
-        <p-button @click="modalState.targetModal = true">
-          Save as a Target Model
-        </p-button>
-      </template>
-    </create-form>
-    <simple-edit-form
-      v-if="modalState.targetModal"
-      header-title="Save Target Model"
-      name=""
-      name-label="Model name"
-      name-placeholder="Model name"
-      @update:save-modal="handleSave"
-      @update:close-modal="modalState.targetModal = false"
-    />
-    <p-icon-modal
-      size="md"
-      :visible="modalState.checkModal"
-      icon-name="ic_check-circle"
-      header-title="The Target Model was successfully saved."
-      button-text="Confirm"
-      @clickButton="handleConfirm"
-    >
-      <template #body>
-        <target-model-name-save :model-name="modelName" />
-      </template>
-    </p-icon-modal>
-  </div>
-</template>
-
-<style scoped lang="postcss">
-.layout {
-  padding: 32px 16px;
-
-  .title {
-    font-size: 18px;
-    font-weight: 400;
-  }
-}
-
-.model-name {
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.divider {
-  margin: 7.5px 0 16px 0;
-}
-</style>

From 6a6a6458cc985458b2484fcebd761518ed244a05 Mon Sep 17 00:00:00 2001
From: hippo-an <dkstpgud@gmail.com>
Date: Fri, 22 Nov 2024 18:16:25 +0900
Subject: [PATCH 35/41] update readme, and api.yaml and dockerfile for

---
 README.md         | 138 ++++++-------
 api/conf/api.yaml | 513 +++++++++++++++++++++++++---------------------
 front/Dockerfile  |   2 +-
 3 files changed, 342 insertions(+), 311 deletions(-)

diff --git a/README.md b/README.md
index 346355d6..25bbd584 100644
--- a/README.md
+++ b/README.md
@@ -12,13 +12,13 @@
 - [cm-butterfly](#cm-butterfly)
   - [Overview](#overview)
   - [Prerequisition](#prerequisition)
-      - [Recommend Envionment (Test Finished)](#recommend-envionment-test-finished)
+    - [Recommend Envionment (Test Finished)](#recommend-envionment-test-finished)
+  - [How to Run](#how-to-run)
     - [1. Project clone from remote git repository](#1-project-clone-from-remote-git-repository)
     - [2. cm-butterfly needs to run with cloud-migrator subsystems.](#2-cm-butterfly-needs-to-run-with-cloud-migrator-subsystems)
-  - [3.User credential registration ⭐⭐](#3user-credential-registration-)
+    - [3.CSP User credential registration ⭐⭐](#3csp-user-credential-registration-)
     - [4. subsystem's api host and endpoint configuration](#4-subsystems-api-host-and-endpoint-configuration)
-    - [5. self auth settings](#5-self-auth-settings)
-  - [How to Run](#how-to-run)
+    - [5. self auth settings (Optional)](#5-self-auth-settings-optional)
     - [Change butterfly backend api host](#change-butterfly-backend-api-host)
   - [Explore Awesome cm-butterfly](#explore-awesome-cm-butterfly)
 ***
@@ -29,28 +29,42 @@ cm-butterfly is a framework that provides a GUI environment for a multi-cloud mi
 
 
 ## Prerequisition
-
-#### Recommend Envionment (Test Finished)
+### Recommend Envionment (Test Finished)
   - Ubuntu 22.04
   - Go 1.23.0
   - Docker engine 25.0.0
-  
 
+
+## How to Run
 ### 1. Project clone from remote git repository
 ```bash
 git clone https://github.com/cloud-barista/cm-butterfly.git
 ```
 
+or if you need specific version with minimize the size
+
+```bash
+git clone --depth 1 --branch v0.3.0 https://github.com/cloud-barista/cm-butterfly.git
+```
+
 ### 2. cm-butterfly needs to run with cloud-migrator subsystems.
 cm-butterfly requires execution on each server because it uses the open APIs of several subsystems that make up the cloud migrator project.
 
-To execute each subsystem, you can execute it from the repository of each subsystem, or you can execute the entire platform using [cm-mayfly](https://github.com/cloud-barista/cm-mayfly), which provides execution and status at the cloud migration platform level.
+To execute each subsystem, you can clone it from the repository of each subsystem.
+
+However, we strongly recommend using the cm-mayfly tool to run the entire platform. It is configured to fully utilize all the features of the cloud-migrator.
+
+Follow the guide in the link. You can run the cloud-migrator with a simple terminal command and access the console.
 
-You can check the detailed execution method by checking the README.md of each subsystem.
+[cm-mayfly](https://github.com/cloud-barista/cm-mayfly), which provides execution and check status at the cloud migration platform level.
 
-- [cm-spider](https://github.com/cloud-barista/cb-spider/tree/v0.9.6) (v0.9.6)
+
+If you want to check the detailed information about each subsystem, please visit the link below.
+
+- [cm-spider](https://github.com/cloud-barista/cb-spider)
 - [cm-tumblebug](https://github.com/cloud-barista/cb-tumblebug)
 - [cm-honeybee](https://github.com/cloud-barista/cm-honeybee)
+- [cm-damselfly](https://github.com/cloud-barista/cm-damselfly)
 - [cm-beetle](https://github.com/cloud-barista/cm-beetle)
 - [cm-grasshopper](https://github.com/cloud-barista/cm-grasshopper)
 - [cm-cicada](https://github.com/cloud-barista/cm-cicada)
@@ -58,8 +72,10 @@ You can check the detailed execution method by checking the README.md of each su
 
 
 
-## 3.User credential registration ⭐⭐
-In cm-butterfly, it is necessary to register user credentials for each CSP. Registered user's CSP credentials are used for tasks such as provisioning virtual machines in a remote environment during performance evaluations, or for retrieving price or cost information from CSP.
+### 3.CSP User credential registration ⭐⭐
+> This step is very important, so I've marked it with stars. 
+
+In cm-butterfly, it is necessary to register user credentials for each CSP. Registered user's CSP credentials are used for tasks such as provisioning virtual machines in CSP's remote environment while executing workflow, performnace test preperation, or for retrieving price or cost information from CSP.
 
 Among the subsystems used by cm-butterfly, `CB-TUMBLEBUG` provides a user-friendly process for registering and storing multi-cloud information. It is recommended to register user credentials using the credential registration method provided by `CB-TUMBLEBUG`.
 
@@ -75,88 +91,66 @@ Follow the guide for initializing CB-Tumblebug to configure multi-cloud informat
 You can call all the APIs configured in api.yaml through the same request format and response format, and you can call them using the operationId, which is a unique value of each API, to call the API.
 
 > 🧨NOTE🧨<br>
-> Except when cm-butterfly and all other servers that are linked are developed in your own local environment, you must use the actual IP address, not localhost or 127.0.0.1, because they are accessed from the client's web browser.
-
+> Except when cm-butterfly and all other servers that are linked are developed in your own local environment, you must use the actual IP address or Domain name, not localhost or 127.0.0.1, because they are accessed from the client's web browser.
 
-1) Clone cm-butterfly project if you needed.
-  ```bash
-  git clone https://github.com/cloud-barista/cm-butterfly.git
 
-  ```
-
-2) Copy sample `api.yaml` file.
-  ```bash
-  cd cm-butterfly
-  cp ./api/conf/api.yaml.sample ./api/conf/api.yaml
-
-  ```
-
-3) Modify the value of services.{subsystem-name}.baseurl.
+Modify the value of services.{subsystem-name}.baseurl. The host currently in use by default is set to the service DNS of the Docker container. If changes are necessary (if there is a IP address or domain), you need to change the corresponding value. Requests will be sent to the URL defined in api.yaml.
+   
+  ```yaml
   ```yaml
 
-    cb-spider: #service name
-      version: 0.9.4
-      baseurl: http://localhost:1024/spider  ## change this end with /spider
-      auth: 
-        type: basic
-        username: 
-        password: 
-    
-    cb-tumblebug:
-      version: 0.9.12
-      baseurl: http://localhost:1323/tumblebug ## change this end with /tumblebug
-      auth: 
-        type: basic
-        username: default
-        password: default
-
-    cm-beetle:
-      version: 0.2.2
-      baseurl: http://localhost:8056/beetle  ## change this end with /beetle
-      auth: 
-
-    # others ...
-  ```
-
-
-### 5. self auth settings
-By default, cm-butterfly supports one user with migration privileges. (The ability to add and delete users is not currently provided.)
+```yaml
 
-When the application starts, it reads ./api/conf/authsetting.yaml, creates user.dat in the same conf folder, and then reads the dat file to process user login.
+  cb-spider: #service name
+    version: 0.10.0
+    baseurl: http://cb-spider:1024/spider  ## change this end with /spider
+    auth: 
+      type: basic
+      username: 
+      password: 
+  
+  cb-tumblebug:
+    version: 0.10.0
+    baseurl: http://cb-tumblebug:1323/tumblebug ## change this end with /tumblebug
+    auth: 
+      type: basic
+      username: default
+      password: default
+
+  cm-beetle:
+    version: 0.3.0
+    baseurl: http://cm-beetle:8056/beetle  ## change this end with /beetle
+    auth: 
+
+  # others ...
+```
+ 
 
-Before running cm-butterfly, you need to add user login information to authsettings.yaml and run it.
+### 5. self auth settings (Optional)
+By default, cm-butterfly supports one user with migration privileges. (The featrue that add and delete users are not currently provided.)
 
-```bash
-cp ./api/conf/authsetting.yaml.sample ./api/conf/authsetting.yaml
-```
+When the application starts, it reads `./api/conf/authsetting.yaml`, creates `user.dat` in the same conf folder, and then reads the dat file to process user login.
 
 The default user login information is as follows.
 
 - userId: `cmiguser`
 - userPassword: `cmiguserPassword!`
 
-Please change the ID and password appropriately as needed!
 
----
+Before running cm-butterfly, if you want to change the value for login credentials, you need to update user login information to `authsettings.yaml` and run it.
 
-## How to Run
-You can run cm-butterfly in a container environment via docker compose.
 
 ```bash
-cd scripts
-docker compose up -d
-
- ⠴ Network scripts_cm-butterfly-network  Created             2.6s 
- ⠼ Volume "scripts_cm-butterfly-db"      Created             2.5s 
- ✔ Container cm-butterfly-db             Started             1.8s 
- ✔ Container cm-butterfly-api            Started             1.2s 
- ✔ Container cm-butterfly-front          Started             1.4s
+sed -i 's/id: cmiguser/id: what-ever-you-want-id/' ./api/conf/authsetting.yaml
+sed -i 's/password: cmiguserPassword!/password: what-ever-you-want-password/' ./api/conf/authsetting.yaml
 ```
 
+---
+
 
 
 ### Change butterfly backend api host
-The front of cm-butterfly includes a web server, nginx. It uses nginx's reverse proxy to make http calls to the backend API.
+The frontend of cm-butterfly includes a web server, nginx. It uses nginx's reverse proxy to make http calls to the backend API.
 
 If the API server is not running in the same container environment but is running remotely, you can modify the web server configuration in `./front/nginx.conf` to specify a reverse proxy for the backend host.
 
diff --git a/api/conf/api.yaml b/api/conf/api.yaml
index cff933c5..738af505 100644
--- a/api/conf/api.yaml
+++ b/api/conf/api.yaml
@@ -2,7 +2,7 @@ cliSpecVersion: v1
 # Service Definitions (Framework Server Basic informations)
 services:
   cb-spider: #service name
-    version: 0.9.8
+    version: 0.10.0
     baseurl: http://cb-spider:1024/spider # baseurl is Scheme + Host + Base Path
     auth: #If you need an authentication method, describe the type and username and password in the sub
       type: basic
@@ -10,7 +10,7 @@ services:
       password:
 
   cb-tumblebug:
-    version: 0.9.22
+    version: 0.10.0
     baseurl: http://cb-tumblebug:1323/tumblebug
     auth:
       type: basic
@@ -18,7 +18,7 @@ services:
       password: default
 
   cm-beetle:
-    version: 0.2.3
+    version: 0.3.0
     baseurl: http://cm-beetle:8056/beetle
     auth:
       type: basic
@@ -26,27 +26,27 @@ services:
       password: default
 
   cm-ant:
-    version: 0.2.5
+    version: 0.3.0
     baseurl: http://cm-ant:8880/ant
     auth:
 
   cm-honeybee:
-    version: 0.2.9
+    version: 0.3.0
     baseurl: http://cm-honeybee:8081/honeybee
     auth:
 
   cm-cicada:
-    version: 0.2.2
+    version: 0.3.0
     baseurl: http://cm-cicada:8083/cicada
     auth:
 
   cm-grasshopper:
-    version: main
+    version: 0.3.0
     baseurl: http://cm-grasshopper:8084/grasshopper
     auth:
 
   cm-damselfly:
-    version: 0.2.0
+    version: 0.3.0
     baseurl: http://cm-damselfly:8088/damselfly
     auth:
       type: basic
@@ -1407,6 +1407,22 @@ serviceActions:
       description: "Create or update a label for a resource identified by its uid"
 
   cm-beetle:
+    Deleteuser:
+      method: delete
+      resourcePath: /sample/users/{id}
+      description: "Delete a user with the given information."
+    Patchuser:
+      method: patch
+      resourcePath: /sample/users/{id}
+      description: "Patch a user with the given information."
+    Getuser:
+      method: get
+      resourcePath: /sample/users/{id}
+      description: "Get information of a user with a specific ID."
+    Updateuser:
+      method: put
+      resourcePath: /sample/users/{id}
+      description: "Update a user with the given information."
     Testtracing:
       method: get
       resourcePath: /test/tracing
@@ -1415,6 +1431,10 @@ serviceActions:
       method: get
       resourcePath: /httpVersion
       description: "Checks and logs the HTTP version of the incoming request to the server console."
+    Listinfra:
+      method: get
+      resourcePath: /migration/ns/{nsId}/mci
+      description: "Get the migrated multi-cloud infrastructure (MCI)"
     Migrateinfra:
       method: post
       resourcePath: /migration/ns/{nsId}/mci
@@ -1443,76 +1463,81 @@ serviceActions:
       method: post
       resourcePath: /sample/users
       description: "Create a new user with the given information."
-    Getuser:
-      method: get
-      resourcePath: /sample/users/{id}
-      description: "Get information of a user with a specific ID."
-    Updateuser:
-      method: put
-      resourcePath: /sample/users/{id}
-      description: "Update a user with the given information."
-    Deleteuser:
-      method: delete
-      resourcePath: /sample/users/{id}
-      description: "Delete a user with the given information."
-    Patchuser:
-      method: patch
-      resourcePath: /sample/users/{id}
-      description: "Patch a user with the given information."
+
 
   cm-ant:
-    Getloadtestexecutioninfo:
-      method: get
-      resourcePath: /api/v1/load/tests/infos/{loadTestKey}
-      description: "Retrieve the load test execution state information for a specific load test key."
-    Getloadtestresult:
+    Getloadtestexecutionstate:
       method: get
-      resourcePath: /api/v1/load/tests/result
-      description: "Retrieve load test result based on provided parameters."
-    Updateestimateforecastcostraw:
+      resourcePath: /api/v1/load/tests/state/{loadTestKey}
+      description: "Retrieve a load test execution state by load test key."
+    Installloadgenerator:
       method: post
-      resourcePath: /api/v1/cost/estimate/forecast/raw
-      description: "Update and retrieve raw forecasted cost estimates for specified cost resources and additional AWS information over the past 14 days."
+      resourcePath: /api/v1/load/generators
+      description: "Install a load generator either locally or remotely."
+    Getallloadgeneratorinstallinfo:
+      method: get
+      resourcePath: /api/v1/load/generators
+      description: "Retrieve a list of all installed load generators with pagination support."
+    Getallmonitoringagentinfos:
+      method: get
+      resourcePath: /api/v1/load/monitoring/agent
+      description: "Retrieve monitoring agent information based on specified criteria."
     Getallloadtestexecutioninfos:
       method: get
       resourcePath: /api/v1/load/tests/infos
       description: "Retrieve a list of all load test execution information with pagination support."
-    Runloadtest:
-      method: post
-      resourcePath: /api/v1/load/tests/run
-      description: "Start a load test using the provided load test configuration."
+    Getloadtestmetrics:
+      method: get
+      resourcePath: /api/v1/load/tests/result/metrics
+      description: "Retrieve load test metrics based on provided parameters."
     Getallloadtestexecutionstate:
       method: get
       resourcePath: /api/v1/load/tests/state
       description: "Retrieve a list of all load test execution states with pagination support."
-    Getlastloadtestexecutionstate:
+    Uninstallmonitoringagent:
+      method: post
+      resourcePath: /api/v1/load/monitoring/agent/uninstall
+      description: "Uninstall monitoring agents from specified VMs or all VMs in an mci."
+    Getloadtestresult:
       method: get
-      resourcePath: /api/v1/load/tests/state/last
-      description: "Retrieve a last load test execution state by given ids."
+      resourcePath: /api/v1/load/tests/result
+      description: "Retrieve load test result based on provided parameters."
+    Getlastloadtestresult:
+      method: get
+      resourcePath: /api/v1/load/tests/result/last
+      description: "Retrieve last load test result based on provided parameters."
+    Getlastloadtestmetrics:
+      method: get
+      resourcePath: /api/v1/load/tests/result/metrics/last
+      description: "Retrieve last load test metrics based on provided parameters."
     Stoploadtest:
       method: post
       resourcePath: /api/v1/load/tests/stop
       description: "Stop a running load test using the provided load test key."
-    Getallmonitoringagentinfos:
-      method: get
-      resourcePath: /api/v1/load/monitoring/agent
-      description: "Retrieve monitoring agent information based on specified criteria."
-    Getloadtestmetrics:
+    Antserverreadiness:
       method: get
-      resourcePath: /api/v1/load/tests/result/metrics
-      description: "Retrieve load test metrics based on provided parameters."
+      resourcePath: /readyz
+      description: "This endpoint checks if the CB-Ant API server is ready by verifying the status of both the load service and the cost service. If either service is unavailable, it returns a 503 status indicating the server is not ready."
+    Updateestimateforecastcostraw:
+      method: post
+      resourcePath: /api/v1/cost/estimate/forecast/raw
+      description: "Update and retrieve raw forecasted cost estimates for specified cost resources and additional AWS information over the past 14 days."
     Uninstallloadgenerator:
       method: delete
       resourcePath: /api/v1/load/generators/{loadGeneratorInstallInfoId}
       description: "Uninstall a previously installed load generator."
-    Installmonitoringagent:
+    Getloadtestexecutioninfo:
+      method: get
+      resourcePath: /api/v1/load/tests/infos/{loadTestKey}
+      description: "Retrieve the load test execution state information for a specific load test key."
+    Runloadtest:
       method: post
-      resourcePath: /api/v1/load/monitoring/agent/install
-      description: "Install a monitoring agent on specific mci."
-    Getloadtestexecutionstate:
+      resourcePath: /api/v1/load/tests/run
+      description: "Start a load test using the provided load test configuration."
+    Getlastloadtestexecutionstate:
       method: get
-      resourcePath: /api/v1/load/tests/state/{loadTestKey}
-      description: "Retrieve a load test execution state by load test key."
+      resourcePath: /api/v1/load/tests/state/last
+      description: "Retrieve a last load test execution state by given ids."
     Getestimatecost:
       method: get
       resourcePath: /api/v1/cost/estimate
@@ -1529,60 +1554,60 @@ serviceActions:
       method: post
       resourcePath: /api/v1/cost/estimate/forecast
       description: "Update and retrieve forecasted cost estimates for a specified namespace and migration configuration ID over the past 14 days."
-    Antserverreadiness:
-      method: get
-      resourcePath: /readyz
-      description: "This endpoint checks if the CB-Ant API server is ready by verifying the status of both the load service and the cost service. If either service is unavailable, it returns a 503 status indicating the server is not ready."
-    Getallloadgeneratorinstallinfo:
-      method: get
-      resourcePath: /api/v1/load/generators
-      description: "Retrieve a list of all installed load generators with pagination support."
-    Installloadgenerator:
-      method: post
-      resourcePath: /api/v1/load/generators
-      description: "Install a load generator either locally or remotely."
-    Uninstallmonitoringagent:
+    Installmonitoringagent:
       method: post
-      resourcePath: /api/v1/load/monitoring/agent/uninstall
-      description: "Uninstall monitoring agents from specified VMs or all VMs in an mci."
+      resourcePath: /api/v1/load/monitoring/agent/install
+      description: "Install a monitoring agent on specific mci."
 
   cm-honeybee:
-    Health-Check-Readyz:
+    Import-Helm:
+      method: post
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/helm
+      description: "Import the helm information."
+    Get-Helm-Info-Source-Group:
       method: get
-      resourcePath: /readyz
-      description: "Check Honeybee is ready"
-    Get-Software-Info:
+      resourcePath: /source_group/{sgId}/helm
+      description: "Get the helm information for all connections in the source group."
+    Get-Kubernetes-Info-Source-Group:
       method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/software
-      description: "Get the software information of the connection information."
+      resourcePath: /source_group/{sgId}/kubernetes
+      description: "Get the kubernetes information for all connections in the source group."
+    Get-Connection-Info:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}
+      description: "Get the connection information."
+    Update-Connection-Info:
+      method: put
+      resourcePath: /source_group/{sgId}/connection_info/{connId}
+      description: "Update the connection information."
+    Delete-Connection-Info:
+      method: delete
+      resourcePath: /source_group/{sgId}/connection_info/{connId}
+      description: "Delete the connection information."
+    Get-Helm-Info:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/helm
+      description: "Get the helm information of the connection information."
+    Import-Kubernetes:
+      method: post
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/kubernetes
+      description: "Import the kubernetes information."
+    Get-Infra-Info:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/infra
+      description: "Get the infra information of the connection information."
+    Refresh-Connection-Info-Status:
+      method: put
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/refresh
+      description: "Refresh the connection info status."
     Get-Infra-Info-Source-Group-Refined:
       method: get
       resourcePath: /source_group/{sgId}/infra/refined
       description: "Get the refined infra information for all connections in the source group."
-    Get-Benchmark-Info:
-      method: get
-      resourcePath: /bench/{connId}
-      description: "Get the benchmark information of the connection information."
-    Import-Helm:
-      method: post
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/helm
-      description: "Import the helm information."
-    Import-Infra-Source-Group:
-      method: post
-      resourcePath: /source_group/{sgId}/import/infra
-      description: "Import infra information for all connections in the source group."
     Get-Software-Info-Source-Group:
       method: get
       resourcePath: /source_group/{sgId}/software
       description: "Get the software information for all connections in the source group."
-    Stop-Benchmark:
-      method: post
-      resourcePath: /bench/{connId}/stop
-      description: "Stop the benchmark"
-    Get-Connection-Info-Directly:
-      method: get
-      resourcePath: /connection_info/{connId}
-      description: "Get the connection information directly."
     Get-Source-Group:
       method: get
       resourcePath: /source_group/{sgId}
@@ -1595,6 +1620,38 @@ serviceActions:
       method: delete
       resourcePath: /source_group/{sgId}
       description: "Delete the source group."
+    Import-Infra-Source-Group:
+      method: post
+      resourcePath: /source_group/{sgId}/import/infra
+      description: "Import infra information for all connections in the source group."
+    Get-Infra-Info-Source-Group:
+      method: get
+      resourcePath: /source_group/{sgId}/infra
+      description: "Get the infra information for all connections in the source group."
+    Get-Benchmark-Info:
+      method: get
+      resourcePath: /bench/{connId}
+      description: "Get the benchmark information of the connection information."
+    Register-Target-To-Source-Group:
+      method: post
+      resourcePath: /source_group/{sgId}/target
+      description: "Register target information to the source group."
+    Refresh-Source-Group-Connection-Info-Status:
+      method: put
+      resourcePath: /source_group/{sgId}/refresh
+      description: "Refresh connection info status of the source group."
+    Get-Software-Info:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/software
+      description: "Get the software information of the connection information."
+    Import-Kubernetes-Source-Group:
+      method: post
+      resourcePath: /source_group/{sgId}/import/kubernetes
+      description: "Import kubernetes information for all connections in the source group."
+    Health-Check-Readyz:
+      method: get
+      resourcePath: /readyz
+      description: "Check Honeybee is ready"
     List-Connection-Info:
       method: get
       resourcePath: /source_group/{sgId}/connection_info
@@ -1603,58 +1660,34 @@ serviceActions:
       method: post
       resourcePath: /source_group/{sgId}/connection_info
       description: "Create the connection information."
-    Get-Connection-Info:
-      method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}
-      description: "Get the connection information."
-    Update-Connection-Info:
-      method: put
-      resourcePath: /source_group/{sgId}/connection_info/{connId}
-      description: "Update the connection information."
-    Delete-Connection-Info:
-      method: delete
-      resourcePath: /source_group/{sgId}/connection_info/{connId}
-      description: "Delete the connection information."
-    Get-Kubernetes-Info:
-      method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/kubernetes
-      description: "Get the kubernetes information of the connection information."
-    Get-Helm-Info-Source-Group:
-      method: get
-      resourcePath: /source_group/{sgId}/helm
-      description: "Get the helm information for all connections in the source group."
-    Get-Kubernetes-Info-Source-Group:
-      method: get
-      resourcePath: /source_group/{sgId}/kubernetes
-      description: "Get the kubernetes information for all connections in the source group."
-    Import-Kubernetes-Source-Group:
+    Import-Software:
       method: post
-      resourcePath: /source_group/{sgId}/import/kubernetes
-      description: "Import kubernetes information for all connections in the source group."
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/software
+      description: "Import the software information."
+    Stop-Benchmark:
+      method: post
+      resourcePath: /bench/{connId}/stop
+      description: "Stop the benchmark"
+    Get-Infra-Info-Refined:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/infra/refined
+      description: "Get the refined infra information of the connection information."
     Import-Software-Source-Group:
       method: post
       resourcePath: /source_group/{sgId}/import/software
       description: "Import software information for all connections in the source group."
-    Get-Infra-Info-Source-Group:
-      method: get
-      resourcePath: /source_group/{sgId}/infra
-      description: "Get the infra information for all connections in the source group."
-    Refresh-Source-Group-Connection-Info-Status:
-      method: put
-      resourcePath: /source_group/{sgId}/refresh
-      description: "Refresh connection info status of the source group."
     Import-Infra:
       method: post
       resourcePath: /source_group/{sgId}/connection_info/{connId}/import/infra
       description: "Import the infra information."
-    Get-Infra-Info-Refined:
+    Get-Connection-Info-Directly:
       method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/infra/refined
-      description: "Get the refined infra information of the connection information."
-    Import-Helm-Source-Group:
-      method: post
-      resourcePath: /source_group/{sgId}/import/helm
-      description: "Import helm information for all connections in the source group."
+      resourcePath: /connection_info/{connId}
+      description: "Get the connection information directly."
+    Refresh-Connection-Info-Status-Directly:
+      method: put
+      resourcePath: /connection_info/{connId}/refresh
+      description: "Refresh the connection info status directly."
     List-Source-Group:
       method: get
       resourcePath: /source_group
@@ -1663,40 +1696,52 @@ serviceActions:
       method: post
       resourcePath: /source_group
       description: "Register the source group."
-    Import-Kubernetes:
+    Get-Kubernetes-Info:
+      method: get
+      resourcePath: /source_group/{sgId}/connection_info/{connId}/kubernetes
+      description: "Get the kubernetes information of the connection information."
+    Import-Helm-Source-Group:
       method: post
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/kubernetes
-      description: "Import the kubernetes information."
+      resourcePath: /source_group/{sgId}/import/helm
+      description: "Import helm information for all connections in the source group."
     Run-Benchmark-Info:
       method: post
       resourcePath: /bench/{connId}/run
       description: "Run the benchmark information of the connection information. If no Benchmark Agent is present on the connected server, it will be automatically installed, and the benchmark will be executed."
-    Get-Helm-Info:
-      method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/helm
-      description: "Get the helm information of the connection information."
-    Import-Software:
-      method: post
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/import/software
-      description: "Import the software information."
-    Get-Infra-Info:
-      method: get
-      resourcePath: /source_group/{sgId}/connection_info/{connId}/infra
-      description: "Get the infra information of the connection information."
-    Register-Target-To-Source-Group:
-      method: post
-      resourcePath: /source_group/{sgId}/target
-      description: "Register target information to the source group."
 
   cm-cicada:
-    List-Task-Component:
+    Get-Task-Directly:
       method: get
-      resourcePath: /task_component
-      description: "Get a list of task component."
-    Create-Task-Component:
-      method: post
-      resourcePath: /task_component
-      description: "Register the task component."
+      resourcePath: /task/{taskId}
+      description: "Get the task directly."
+    Get-Task-Component-By-Name:
+      method: get
+      resourcePath: /task_component/name/{tcName}
+      description: "Get the task component by name."
+    Get-Task-Component:
+      method: get
+      resourcePath: /task_component/{tcId}
+      description: "Get the task component."
+    Update-Task-Component:
+      method: put
+      resourcePath: /task_component/{tcId}
+      description: "Update the task component."
+    Delete-Task-Component:
+      method: delete
+      resourcePath: /task_component/{tcId}
+      description: "Delete the task component."
+    Get-Task-Logs:
+      method: get
+      resourcePath: /workflow/{wfId}/workflowRun/{wfRunId}/task/{taskId}/taskTryNum/{taskTyNum}/logs
+      description: "Get the task Logs."
+    List-Workflow-Template:
+      method: get
+      resourcePath: /workflow_template
+      description: "Get a list of workflow template."
+    Get-Import-Errors:
+      method: get
+      resourcePath: /importErrors
+      description: "Get the importErrors."
     List-Workflow:
       method: get
       resourcePath: /workflow
@@ -1709,54 +1754,58 @@ serviceActions:
       method: get
       resourcePath: /workflow/name/{wfName}
       description: "Get the workflow by name."
+    List-Task-From-Task-Group:
+      method: get
+      resourcePath: /workflow/{wfId}/task_group/{tgId}/task
+      description: "Get a task list from the task group."
+    Health-Check-Readyz:
+      method: get
+      resourcePath: /readyz
+      description: "Check Cicada is ready"
     Get-Event-Logs:
       method: get
       resourcePath: /workflow/{wfId}/eventlogs
       description: "Get Eventlog."
+    Get-Workflow-Runs:
+      method: get
+      resourcePath: /workflow/{wfId}/runs
+      description: "Get the task Logs."
+    Get-Workflowversion:
+      method: get
+      resourcePath: /workflow/{wfId}/version/{verId}
+      description: "Get the WorkflowVersion."
     Get-Task-Instances:
       method: get
       resourcePath: /workflow/{wfId}/workflowRun/{wfRunId}/taskInstances
       description: "Get the task Logs."
-    Get-Task-Directly:
-      method: get
-      resourcePath: /task/{taskId}
-      description: "Get the task directly."
-    Get-Task-Component-By-Name:
+    Get-Task-Group-Directly:
       method: get
-      resourcePath: /task_component/name/{tcName}
-      description: "Get the task component by name."
-    Get-Workflow-Runs:
+      resourcePath: /task_group/{tgId}
+      description: "Get the task group directly."
+    List-Task:
       method: get
-      resourcePath: /workflow/{wfId}/runs
-      description: "Get the task Logs."
+      resourcePath: /workflow/{wfId}/task
+      description: "Get a task list of the workflow."
     Get-Task-Group:
       method: get
       resourcePath: /workflow/{wfId}/task_group/{tgId}
       description: "Get the task group."
-    Clear-Task-Instances:
-      method: post
-      resourcePath: /workflow/{wfId}/workflowRun/{wfRunId}/task/{taskId}/clear
-      description: "Clear the task Instance."
-    Get-Task-Logs:
+    List-Workflowversion:
       method: get
-      resourcePath: /workflow/{wfId}/workflowRun/{wfRunId}/task/{taskId}/taskTryNum/{taskTyNum}/logs
-      description: "Get the task Logs."
-    Get-Workflow-Template-By-Name:
-      method: get
-      resourcePath: /workflow_template/name/{wfName}
-      description: "Get the workflow template by name."
+      resourcePath: /workflow/{wfId}/version
+      description: "Get a workflowVersion list."
     Get-Workflow-Template:
       method: get
       resourcePath: /workflow_template/{wftId}
       description: "Get the workflow template."
-    Get-Import-Errors:
-      method: get
-      resourcePath: /importErrors
-      description: "Get the importErrors."
-    Get-Task-Group-Directly:
+    List-Task-Component:
       method: get
-      resourcePath: /task_group/{tgId}
-      description: "Get the task group directly."
+      resourcePath: /task_component
+      description: "Get a list of task component."
+    Create-Task-Component:
+      method: post
+      resourcePath: /task_component
+      description: "Register the task component."
     Get-Workflow:
       method: get
       resourcePath: /workflow/{wfId}
@@ -1769,72 +1818,60 @@ serviceActions:
       method: delete
       resourcePath: /workflow/{wfId}
       description: "Delete the workflow."
-    Run-Workflow:
-      method: post
-      resourcePath: /workflow/{wfId}/run
-      description: "Run the workflow."
-    List-Task:
-      method: get
-      resourcePath: /workflow/{wfId}/task
-      description: "Get a task list of the workflow."
-    List-Task-From-Task-Group:
-      method: get
-      resourcePath: /workflow/{wfId}/task_group/{tgId}/task
-      description: "Get a task list from the task group."
-    List-Workflow-Template:
-      method: get
-      resourcePath: /workflow_template
-      description: "Get a list of workflow template."
-    Health-Check-Readyz:
-      method: get
-      resourcePath: /readyz
-      description: "Check Cicada is ready"
-    Get-Task-Component:
+    Get-Workflow-Template-By-Name:
       method: get
-      resourcePath: /task_component/{tcId}
-      description: "Get the task component."
-    Update-Task-Component:
-      method: put
-      resourcePath: /task_component/{tcId}
-      description: "Update the task component."
-    Delete-Task-Component:
-      method: delete
-      resourcePath: /task_component/{tcId}
-      description: "Delete the task component."
+      resourcePath: /workflow_template/name/{wfName}
+      description: "Get the workflow template by name."
     Get-Task:
       method: get
       resourcePath: /workflow/{wfId}/task/{taskId}
       description: "Get the task."
-    List-Task-Group:
-      method: get
-      resourcePath: /workflow/{wfId}/task_group
-      description: "Get a task group list of the workflow."
     Get-Task-From-Task-Group:
       method: get
       resourcePath: /workflow/{wfId}/task_group/{tgId}/task/{taskId}
       description: "Get the task from the task group."
+    Clear-Task-Instances:
+      method: post
+      resourcePath: /workflow/{wfId}/workflowRun/{wfRunId}/task/{taskId}/clear
+      description: "Clear the task Instance."
+    Run-Workflow:
+      method: post
+      resourcePath: /workflow/{wfId}/run
+      description: "Run the workflow."
+    List-Task-Group:
+      method: get
+      resourcePath: /workflow/{wfId}/task_group
+      description: "Get a task group list of the workflow."
 
   cm-grasshopper:
-    Health-Check-Readyz:
+    Get-Migration-List:
       method: get
-      resourcePath: /readyz
-      description: "Check Grasshopper is ready"
-    Get-Execution-List:
-      method: post
-      resourcePath: /software/execution_list
-      description: "Get software migration execution list."
-    Install-Software:
-      method: post
-      resourcePath: /software/install
-      description: "Install pieces of software to target."
+      resourcePath: /software/migration_list/{sgId}
+      description: "Get software migration list."
     Register-Software:
       method: post
       resourcePath: /software/register
-      description: 'Register the software.<br><br>[JSON Body Example]<br>{"architecture":"x86_64","install_type":"ansible","match_names":["telegraf"],"name":"telegraf","os":"Ubuntu","os_version":"22.04","version":"1.0"}'
+      description: "Register the software."
+    Health-Check-Readyz:
+      method: get
+      resourcePath: /readyz
+      description: "Check Grasshopper is ready"
+    List-Software:
+      method: get
+      resourcePath: /software
+      description: "Get a list of connection information."
     Delete-Software:
       method: delete
       resourcePath: /software/{softwareId}
       description: "Delete the software."
+    Migrate-Software:
+      method: post
+      resourcePath: /software/migrate
+      description: "Migrate pieces of software to target."
+    Get-Software-Migration-Log:
+      method: get
+      resourcePath: /software/migrate/log/{executionId}
+      description: "Get the software migration log."
 
   cm-damselfly:
     GetUserModel:
diff --git a/front/Dockerfile b/front/Dockerfile
index 6ed81226..b8b3039f 100644
--- a/front/Dockerfile
+++ b/front/Dockerfile
@@ -12,7 +12,7 @@ ARG VITE_BACKEND_URL=http://localhost:3000
 ENV VITE_BACKEND_URL=${VITE_BACKEND_URL}
 ENV VITE_BACKEND_ENDPOINT=/api
 ENV VITE_PROJECT_NAME=MIGRATOR
-ENV VITE_PROJECT_NAME='en'
+ENV VITE_LANGUAGE='en'
 
 RUN npm run build
 

From bcd151e731418a2ed323fcf043542992828d4246 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 25 Nov 2024 10:46:35 +0900
Subject: [PATCH 36/41] feat: workflow targetModel, taskObject mapping, Add
 task Group postfix

---
 .../model/workflowEditorModel.ts              |  3 ---
 .../designer/model/sequentialDesignerModel.ts |  9 ++++---
 .../workflowEditor/ui/WorkflowEditor.vue      | 27 ++++++++++++++-----
 3 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
index b3d38a9a..7763f3db 100644
--- a/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
+++ b/front/src/features/workflow/workflowEditor/model/workflowEditorModel.ts
@@ -211,13 +211,10 @@ export function useWorkflowToolModel() {
         parentNode.task_groups.push(taskGroup);
       }
     }
-    console.log(cicadaObject);
     return cicadaObject;
   }
 
   function convertToCicadaTask(step: Step, dependenciesStep: Step) {
-    console.log(step);
-    console.log(dependenciesStep);
     if (step.componentType === 'task') {
       return {
         name: step.name,
diff --git a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
index 5aebd9b7..c63b750b 100644
--- a/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
+++ b/front/src/features/workflow/workflowEditor/sequential/designer/model/sequentialDesignerModel.ts
@@ -72,9 +72,12 @@ export function useSequentialDesignerModel(refs: any) {
       isDuplicable: (step, parentSequence) => {
         return true;
       },
-      // canInsertStep: (step, targetSequence, targetIndex) => {
-      //   return true;
-      // },
+      canInsertStep: (step, targetSequence, targetIndex) => {
+        if (step.componentType === 'container') {
+          step.name = `${step.name}_${getRandomId().substring(0, 4)}`;
+        }
+        return true;
+      },
       // canMoveStep: (sourceSequence, step, targetSequence, targetIndex) => {
       //   return !step.properties['isLocked'];
       // },
diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index 562d6202..6d66cf2d 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -51,6 +51,8 @@ const loading = ref<boolean>(true);
 
 const trigger = reactive({ value: false });
 
+console.log(props);
+
 onBeforeMount(function () {
   Promise.all<any>([
     resWorkflowTemplateData.execute(),
@@ -82,13 +84,13 @@ function load() {
   loading.value = false;
 }
 
-//targetModel에서 진입시 targetModel의 특정 정보를 가지고 있어야한다는 요구사항에 의한 함수
+/** targetModel에서 진입시 targetModel의 특정 정보를 가지고 있어야한다는 요구사항에 의한 함수 */
 function mapTargetModelToTaskComponent(
   targetModel: ITargetModelResponse,
   taskComponentList: Array<ITaskComponentInfoResponse>,
 ) {
   const taskComponent = taskComponentList.find(
-    taskComponent => taskComponent.name === 'beetle_task_infra_migration',
+    taskComponent => taskComponent.name === 'tumblebug_mci_dynamic',
   );
 
   if (!taskComponent) {
@@ -100,19 +102,26 @@ function mapTargetModelToTaskComponent(
     .defineTaskGroupStep(getRandomId(), 'TaskGroup', 'MCI', { model: {} });
 
   const parseString = parseRequestBody(taskComponent.data.options.request_body);
+
+  parseString['vm'] = Array(targetModel.cloudInfraModel.vm?.length)
+    .fill(undefined)
+    .map(_ => JSON.parse(JSON.stringify(parseString['vm'][0])));
+
   if (targetModel.cloudInfraModel.vm) {
-    parseString['commonSpec'] = targetModel.cloudInfraModel.vm[0].commonSpec;
-    parseString['commonImage'] = targetModel.cloudInfraModel.vm[0].commonImage;
+    targetModel.cloudInfraModel.vm.forEach((targetVm, index) => {
+      parseString['vm'][index]['commonSpec'] = targetVm.commonSpec;
+      parseString['vm'][index]['commonImage'] = targetVm.commonImage;
+    });
   }
 
   const task: ITaskResponse = {
     dependencies: [],
-    name: 'beetle_task_infra_migration',
+    name: 'tumblebug_mci_dynamic',
     path_params: null,
     query_params: null,
     request_body: JSON.stringify(parseString),
     id: '',
-    task_component: 'beetle_task_infra_migration',
+    task_component: 'tumblebug_mci_dynamic',
   };
 
   const step = workflowToolModel.convertToDesignerTask(task, task.request_body);
@@ -291,7 +300,11 @@ function handleSelectTemplate(e) {
         >
           Cancel
         </p-button>
-        <p-button @click="handleSave">Save</p-button>
+        <p-button
+          :loading="resUpdateWorkflow.isLoading.value"
+          @click="handleSave"
+          >Save</p-button
+        >
       </template>
     </create-form>
   </div>

From 47aceda4609616d6c729c7849b2b466afcbf25fa Mon Sep 17 00:00:00 2001
From: hippo-an <dkstpgud@gmail.com>
Date: Mon, 25 Nov 2024 11:01:06 +0900
Subject: [PATCH 37/41] update readme.md content to configure butterfly

---
 README.md        | 46 ++++++++++++++++++++++++++++++++--------------
 front/.env.local |  2 +-
 front/nginx.conf |  6 +++---
 3 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 25bbd584..9ca330b7 100644
--- a/README.md
+++ b/README.md
@@ -15,12 +15,14 @@
     - [Recommend Envionment (Test Finished)](#recommend-envionment-test-finished)
   - [How to Run](#how-to-run)
     - [1. Project clone from remote git repository](#1-project-clone-from-remote-git-repository)
-    - [2. cm-butterfly needs to run with cloud-migrator subsystems.](#2-cm-butterfly-needs-to-run-with-cloud-migrator-subsystems)
+    - [2. CM-Butterfly needs to run with cloud-migrator subsystems.](#2-cm-butterfly-needs-to-run-with-cloud-migrator-subsystems)
     - [3.CSP User credential registration ⭐⭐](#3csp-user-credential-registration-)
-    - [4. subsystem's api host and endpoint configuration](#4-subsystems-api-host-and-endpoint-configuration)
-    - [5. self auth settings (Optional)](#5-self-auth-settings-optional)
-    - [Change butterfly backend api host](#change-butterfly-backend-api-host)
-  - [Explore Awesome cm-butterfly](#explore-awesome-cm-butterfly)
+    - [4. Subsystem's api host and endpoint configuration](#4-subsystems-api-host-and-endpoint-configuration)
+    - [5. Self auth settings (Optional)](#5-self-auth-settings-optional)
+    - [6. Configure Nginx for Backend API and Access Control](#6-configure-nginx-for-backend-api-and-access-control)
+      - [Update backend url nginx reverse proxy configuration](#update-backend-url-nginx-reverse-proxy-configuration)
+      - [Restrict aceess based on the `Origin` header](#restrict-aceess-based-on-the-origin-header)
+    - [7. Explore Awesome cm-butterfly](#7-explore-awesome-cm-butterfly)
 ***
 
 # cm-butterfly
@@ -47,7 +49,7 @@ or if you need specific version with minimize the size
 git clone --depth 1 --branch v0.3.0 https://github.com/cloud-barista/cm-butterfly.git
 ```
 
-### 2. cm-butterfly needs to run with cloud-migrator subsystems.
+### 2. CM-Butterfly needs to run with cloud-migrator subsystems.
 cm-butterfly requires execution on each server because it uses the open APIs of several subsystems that make up the cloud migrator project.
 
 To execute each subsystem, you can clone it from the repository of each subsystem.
@@ -84,7 +86,7 @@ Follow the guide for initializing CB-Tumblebug to configure multi-cloud informat
 > 👉 [Initialize CB-Tumblebug to configure Multi-Cloud info](https://github.com/cloud-barista/cb-tumblebug?tab=readme-ov-file#3-initialize-cb-tumblebug-to-configure-multi-cloud-info)
 
 
-### 4. subsystem's api host and endpoint configuration
+### 4. Subsystem's api host and endpoint configuration
 
 ⭐ cm-butterfly reads the `cm-butterfly/api/conf/api.yaml` file to configure the host of the subsystem called by cm-butterfly and the API endpoint of each subsystem.
 
@@ -126,15 +128,16 @@ Modify the value of services.{subsystem-name}.baseurl. The host currently in use
 ```
  
 
-### 5. self auth settings (Optional)
+### 5. Self auth settings (Optional)
 By default, cm-butterfly supports one user with migration privileges. (The featrue that add and delete users are not currently provided.)
 
 When the application starts, it reads `./api/conf/authsetting.yaml`, creates `user.dat` in the same conf folder, and then reads the dat file to process user login.
 
 The default user login information is as follows.
 
-- userId: `cmiguser`
-- userPassword: `cmiguserPassword!`
+
+> - userId: `cmiguser`
+> - userPassword: `cmiguserPassword!`
 
 
 Before running cm-butterfly, if you want to change the value for login credentials, you need to update user login information to `authsettings.yaml` and run it.
@@ -149,8 +152,9 @@ sed -i 's/password: cmiguserPassword!/password: what-ever-you-want-password/' ./
 
 
 
-### Change butterfly backend api host
-The frontend of cm-butterfly includes a web server, nginx. It uses nginx's reverse proxy to make http calls to the backend API.
+### 6. Configure Nginx for Backend API and Access Control
+#### Update backend url nginx reverse proxy configuration
+The frontend of cm-butterfly includes a web server, `nginx`. It uses nginx's reverse proxy to make http calls to the backend API.
 
 If the API server is not running in the same container environment but is running remotely, you can modify the web server configuration in `./front/nginx.conf` to specify a reverse proxy for the backend host.
 
@@ -158,7 +162,7 @@ Currently, the container name defined in docker compose is set to DNS using http
 
 ```text
   # other configuration
-  proxy_pass <Enter the backend host here>
+  proxy_pass <Enter-the-backend-host-here>
 ```
 
 Here's a simple terminal command for you, just run it from the root of your project.
@@ -167,9 +171,23 @@ sed -i 's|proxy_pass http://cm-butterfly-api:4000;|proxy_pass https://whatever.h
 
 ```
 
+#### Restrict aceess based on the `Origin` header
+
+In `./front/nginx.conf`, there is the commented part. 
+
+```text
+# if ($http_origin != "http://localhost") {
+#     return 403;
+# }
+```
+
+This commented block is intended to restrict API access to requests comming only from written domain, enhancing security by preventing unauthorized origins.
+
+To enable this functionaliy, simply remove the `#` symbols.
+
 ---
 
 
-## Explore Awesome cm-butterfly
+### 7. Explore Awesome cm-butterfly
 If you run it through docker compose, you can see the login page by accessing `http://localhost/auth/login`. The user credentials are registered with the default ID and password, and if you log in, you can use cm-butterfly, which supports cloud migration.
 
diff --git a/front/.env.local b/front/.env.local
index 582e8b5a..54258825 100644
--- a/front/.env.local
+++ b/front/.env.local
@@ -1,4 +1,4 @@
 VITE_BACKEND_ENDPOINT = '/api'
-VITE_BACKEND_URL = 'https://devmigapi.onecloudcon.com'
+VITE_BACKEND_URL = 'http://cm-butterfly-api:4000'
 VITE_PROJECT_NAME = 'MIGRATOR'
 VITE_LANGUAGE = 'en'
diff --git a/front/nginx.conf b/front/nginx.conf
index 135a2784..c6a72474 100644
--- a/front/nginx.conf
+++ b/front/nginx.conf
@@ -15,9 +15,9 @@ server {
     access_log /var/log/nginx/access.log;
 
     location /api/ {
-        if ($http_origin != "http://localhost") {
-            return 403;
-        }
+        # if ($http_origin != "http://localhost") {
+        #     return 403;
+        # }
 
         proxy_pass http://cm-butterfly-api:4000;
         proxy_set_header Host $host;

From 47018c6245ff6d585db72420d97714ec78a34e0a Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 25 Nov 2024 11:09:22 +0900
Subject: [PATCH 38/41] refactor: add source group infra collect button

---
 .../model/sourceServiceDetailModel.ts         |  3 +++
 .../ui/SourceServiceDetail.vue                | 21 ++++++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
index 3c6eff69..88485801 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/model/sourceServiceDetailModel.ts
@@ -49,6 +49,9 @@ export function useSourceServiceDetailModel() {
         id: sourceService.id,
         description: sourceService.description,
         status: setServiceStatus(sourceService.status),
+        viewInfra: {
+          isShow: !!sourceService.infraModel,
+        },
       };
     }
     return data;
diff --git a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
index 1e51dfda..1c46edc1 100644
--- a/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
+++ b/front/src/widgets/source/sourceServices/sourceServiceDetail/ui/SourceServiceDetail.vue
@@ -61,7 +61,6 @@ watch(
   props,
   () => {
     setServiceId(props.selectedServiceId);
-    getSourceGroupInfras();
   },
   { immediate: true },
 );
@@ -134,9 +133,9 @@ function handleJsonModal() {
         <p-status :theme="data.color" :text="data.text" />
       </template>
 
-      <template #data-viewInfra>
-        <p class="link-button-text" @click="handleJsonModal">
-          Custom & View Source Model
+      <template #data-viewInfra="{ data }">
+        <p class="text-blue-700 cursor-pointer" @click="handleJsonModal">
+          {{ data.isShow ? 'View Infra(Meta) ->' : null }}
         </p>
       </template>
 
@@ -145,14 +144,22 @@ function handleJsonModal() {
           <p-button
             style-type="tertiary"
             size="sm"
-            :loading="
-              refreshSourceGroupConnectionInfoStatus.status.value === 'loading'
-            "
+            :loading="refreshSourceGroupConnectionInfoStatus.isLoading.value"
             @click="handleSourceGroupStatusRefresh"
           >
             Refresh
           </p-button>
         </div>
+        <div v-else-if="name === 'viewInfra'">
+          <p-button
+            style-type="tertiary"
+            size="sm"
+            :loading="resGetInfraSourceGroup.isLoading.value"
+            @click="getSourceGroupInfras"
+          >
+            Collect Infra
+          </p-button>
+        </div>
       </template>
     </p-definition-table>
     <SourceServiceInfraRefineModal

From 97e7c72554d8d1d5fe51b066e69b0dc346a479ce Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 25 Nov 2024 15:00:09 +0900
Subject: [PATCH 39/41] refactor: Cost estimation request body changes
 depending on the number of VMs

---
 .../entities/recommendedModel/api/index.ts    |  8 +--
 .../entities/recommendedModel/model/types.ts  |  5 --
 .../src/entities/sourceModels/model/types.ts  | 17 +----
 .../model/useRecommendedModel.ts              | 62 ++++++++++---------
 .../recommendedModel/ui/RecommendedModel.vue  | 19 +++---
 .../model/sourceModelListModel.ts             |  3 -
 6 files changed, 46 insertions(+), 68 deletions(-)

diff --git a/front/src/entities/recommendedModel/api/index.ts b/front/src/entities/recommendedModel/api/index.ts
index acf60cc2..918ad652 100644
--- a/front/src/entities/recommendedModel/api/index.ts
+++ b/front/src/entities/recommendedModel/api/index.ts
@@ -55,22 +55,22 @@ interface ISpecFormat {
   commonImage: string;
 }
 
-export function getRecommendCost(specsWithFormat: ISpecFormat | null) {
+export function getRecommendCost(specsWithFormat: ISpecFormat[] | null) {
   const requestWrapper: Required<
     Pick<
-      RequestBodyWrapper<{ specsWithFormat: [ISpecFormat | null] }>,
+      RequestBodyWrapper<{ specsWithFormat: ISpecFormat[] | null }>,
       'request'
     >
   > = {
     request: {
-      specsWithFormat: [specsWithFormat],
+      specsWithFormat: specsWithFormat,
     },
   };
   return useAxiosPost<
     IAxiosResponse<IEsimateCostSpecResponse>,
     Required<
       Pick<
-        RequestBodyWrapper<{ specsWithFormat: [ISpecFormat | null] }>,
+        RequestBodyWrapper<{ specsWithFormat: ISpecFormat[] | null }>,
         'request'
       >
     >
diff --git a/front/src/entities/recommendedModel/model/types.ts b/front/src/entities/recommendedModel/model/types.ts
index 4549b3b7..89d47e43 100644
--- a/front/src/entities/recommendedModel/model/types.ts
+++ b/front/src/entities/recommendedModel/model/types.ts
@@ -2,13 +2,8 @@ export type RecommendedModelTableType =
   | 'name'
   | 'id'
   | 'description'
-  | 'label'
   | 'spec'
   | 'image'
-  | 'rootDiskType'
-  | 'rootDiskSize'
-  | 'userPassword'
-  | 'connection'
   | 'estimateCost';
 
 interface Vm {
diff --git a/front/src/entities/sourceModels/model/types.ts b/front/src/entities/sourceModels/model/types.ts
index b7766c61..ba0b94b8 100644
--- a/front/src/entities/sourceModels/model/types.ts
+++ b/front/src/entities/sourceModels/model/types.ts
@@ -1,18 +1,3 @@
-import { IRecommendedModel } from '@/entities/recommendedModel/model/types';
-
-export interface ISourceModel {
-  id: string;
-  name: string;
-  description: string;
-  migrationType: string;
-  custom: string;
-  createdDateTime: string | Date;
-  updatedDateTime: string | Date;
-  modelType: 'Source';
-  customAndViewJSON: any;
-  recommendModel: IRecommendedModel[];
-}
-
 export type SourceModelTableType =
   | 'name'
   | 'id'
@@ -45,7 +30,7 @@ interface OnPremiseInfraModel {
   servers: Server[];
 }
 
-interface Network {}
+export interface Network {}
 
 interface Server {
   cpu: CPU;
diff --git a/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
index cca27ac6..ec06d0ab 100644
--- a/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
+++ b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
@@ -14,9 +14,17 @@ import {
   IRegionOfProviderResponse,
 } from '@/entities/provider/model/types.ts';
 
+interface ISelectMenu {
+  name: string;
+  label: string;
+  type: string;
+}
+
 export function useRecommendedModel() {
   const tableModel =
-    useToolboxTableModel<Partial<Record<RecommendedModelTableType, any>>>();
+    useToolboxTableModel<
+      Partial<Record<RecommendedModelTableType | 'originalData', any>>
+    >();
   const sourceModelStore = useSourceModelStore();
   const targetRecommendModel = ref<
     | (IRecommendModelResponse & {
@@ -28,18 +36,12 @@ export function useRecommendedModel() {
 
   function initToolBoxTableModel() {
     tableModel.initState();
-
     tableModel.tableState.fields = [
       { name: 'name', label: 'Name' },
       { name: 'id', label: 'ID' },
       { name: 'description', label: 'Description' },
-      { name: 'label', label: 'Label' },
       { name: 'spec', label: 'Spec' },
       { name: 'image', label: 'Image' },
-      { name: 'rootDiskType', label: 'Root Disk Type' },
-      { name: 'rootDiskSize', label: 'Root Disk Size' },
-      { name: 'userPassword', label: 'User Password' },
-      { name: 'connection', label: 'Connection' },
       { name: 'estimateCost', label: 'Estimate Cost' },
     ];
 
@@ -50,13 +52,8 @@ export function useRecommendedModel() {
           { name: 'id', label: 'ID' },
           { name: 'name', label: 'Name' },
           { name: 'description', label: 'Description' },
-          { name: 'label', label: 'Label' },
           { name: 'spec', label: 'Spec' },
           { name: 'image', label: 'Image' },
-          { name: 'rootDiskType', label: 'Root Disk Type' },
-          { name: 'rootDiskSize', label: 'Root Disk Size' },
-          { name: 'userPassword', label: 'User Password' },
-          { name: 'connection', label: 'Connection' },
           { name: 'estimateCost', label: 'Estimate Cost' },
         ],
       },
@@ -70,22 +67,37 @@ export function useRecommendedModel() {
       estimateResponse: IEsimateCostSpecResponse;
     },
   ) {
+    console.log(recommendedModel);
+
     const organizedDatum: Partial<
       Record<RecommendedModelTableType | 'originalData', any>
     > = {
       name: recommendedModel.targetInfra.name,
       id: recommendedModel['id'] || '',
-      description: recommendedModel.description,
-      label: recommendedModel.targetInfra.label,
-      spec: recommendedModel['spec'] || '',
-      image: recommendedModel['image'] || '',
-      rootDiskType: recommendedModel['rootDiskType'] || '',
-      rootDiskSize: recommendedModel['rootDiskSize'] || '',
-      userPassword: recommendedModel['userPassword'] || '',
-      connection: recommendedModel['connection'] || '',
+      description: recommendedModel['description'] || '',
+      spec:
+        recommendedModel.targetInfra.vm
+          .reduce((acc, cur) => {
+            return `${acc}_${cur.commonSpec} / `;
+          }, '')
+          .replace(/(\/\s)$/, '') || '',
+      image:
+        recommendedModel.targetInfra.vm
+          .reduce((acc, cur) => {
+            return `${acc}_${cur.commonImage} / `;
+          }, '')
+          .replace(/(\/\s)$/, '') || '',
       estimateCost:
-        recommendedModel.estimateResponse.result.esimateCostSpecResults[0]
-          .estimateForecastCostSpecDetailResults[0].calculatedMonthlyPrice +
+        recommendedModel.estimateResponse.result.esimateCostSpecResults.reduce(
+          (acc, cur) => {
+            return (
+              acc +
+              cur.estimateForecastCostSpecDetailResults[0]
+                .calculatedMonthlyPrice
+            );
+          },
+          0,
+        ) +
           recommendedModel.estimateResponse.result.esimateCostSpecResults[0]
             .estimateForecastCostSpecDetailResults[0].currency || '',
       originalData: recommendedModel,
@@ -102,12 +114,6 @@ export function useRecommendedModel() {
     targetRecommendModel.value = _targetRecommendModel;
   }
 
-  interface ISelectMenu {
-    name: string;
-    label: string;
-    type: string;
-  }
-
   function generateProviderSelectMenu(
     providerResponse: IProviderResponse,
   ): Array<ISelectMenu> {
diff --git a/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
index c572ccd1..2e0e2bd7 100644
--- a/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
@@ -120,12 +120,16 @@ function getRecommendModelList() {
     })
     .then(res => {
       if (res.data.responseData) {
-        const commonImage = res.data.responseData.targetInfra.vm[0].commonImage;
-        const commonSpec = res.data.responseData.targetInfra.vm[0].commonSpec;
+        const specsWithFormat = res.data.responseData.targetInfra.vm.map(vm => {
+          return {
+            commonSpec: vm.commonSpec,
+            commonImage: vm.commonImage,
+          };
+        });
 
         resGetRecommendCost
           .execute({
-            request: { specsWithFormat: [{ commonSpec, commonImage }] },
+            request: { specsWithFormat },
           })
           .then(costRes => {
             if (costRes.data.responseData) {
@@ -146,10 +150,6 @@ function getRecommendModelList() {
     });
 }
 
-function handleClickRecommendedModelId(id: string) {
-  selectedRecommendedModelId.value = id;
-}
-
 function handleModal() {
   emit('update:close-modal', false);
   modalState.targetModal = false;
@@ -196,14 +196,9 @@ function handleSave(e: { name: string; description: string }) {
       })
       .catch();
   } catch (e) {
-    console.log(e);
     showErrorMessage('error', e);
   }
 }
-
-function test(e) {
-  getRecommendModelList();
-}
 </script>
 
 <template>
diff --git a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
index f5973965..44a0eca6 100644
--- a/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
+++ b/front/src/widgets/models/sourceModels/sourceModelList/model/sourceModelListModel.ts
@@ -1,13 +1,10 @@
 import { useToolboxTableModel } from '@/shared/hooks/table/toolboxTable/useToolboxTableModel';
-import type { ISourceModel } from '@/entities';
 import {
   useSourceModelStore,
   SourceModelTableType,
   ISourceModelResponse,
 } from '@/entities';
 import { watch } from 'vue';
-import { storeToRefs } from 'pinia';
-import { useDateFormat } from '@vueuse/core';
 import { formatDate } from '@/shared/utils';
 
 export function useSourceModelListModel() {

From 0e880806fbf1b17771d6bb667fffa4e4664dfcc8 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 25 Nov 2024 17:03:14 +0900
Subject: [PATCH 40/41] refactor: commonSpec verification of recommendModel

---
 .../model/useRecommendedModel.ts              | 71 +++++++++---------
 .../recommendedModel/ui/RecommendedModel.vue  | 74 +++++++++++--------
 2 files changed, 81 insertions(+), 64 deletions(-)

diff --git a/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
index ec06d0ab..434a6007 100644
--- a/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
+++ b/front/src/widgets/models/recommendedModel/model/useRecommendedModel.ts
@@ -20,18 +20,17 @@ interface ISelectMenu {
   type: string;
 }
 
+interface IExtendRecommendModelResponse extends IRecommendModelResponse {
+  estimateResponse?: IEsimateCostSpecResponse;
+}
+
 export function useRecommendedModel() {
   const tableModel =
     useToolboxTableModel<
       Partial<Record<RecommendedModelTableType | 'originalData', any>>
     >();
   const sourceModelStore = useSourceModelStore();
-  const targetRecommendModel = ref<
-    | (IRecommendModelResponse & {
-        estimateResponse: IEsimateCostSpecResponse;
-      })
-    | null
-  >(null);
+  const targetRecommendModel = ref<IExtendRecommendModelResponse | null>(null);
   const userStore = useAuthStore();
 
   function initToolBoxTableModel() {
@@ -63,11 +62,22 @@ export function useRecommendedModel() {
   }
 
   function organizeRecommendedModelTableItem(
-    recommendedModel: IRecommendModelResponse & {
-      estimateResponse: IEsimateCostSpecResponse;
-    },
+    recommendedModel: IExtendRecommendModelResponse,
   ) {
-    console.log(recommendedModel);
+    const estimateCost: string = `${
+      recommendedModel?.estimateResponse?.result.esimateCostSpecResults.reduce(
+        (acc, cur) => {
+          return (
+            acc +
+            cur.estimateForecastCostSpecDetailResults[0].calculatedMonthlyPrice
+          );
+        },
+        0,
+      ) || ''
+    }${
+      recommendedModel?.estimateResponse?.result.esimateCostSpecResults[0]
+        .estimateForecastCostSpecDetailResults[0].currency || ''
+    }`;
 
     const organizedDatum: Partial<
       Record<RecommendedModelTableType | 'originalData', any>
@@ -78,38 +88,24 @@ export function useRecommendedModel() {
       spec:
         recommendedModel.targetInfra.vm
           .reduce((acc, cur) => {
-            return `${acc}_${cur.commonSpec} / `;
+            return `${acc}${cur.commonSpec.split('+').at(-1)} / `;
           }, '')
-          .replace(/(\/\s)$/, '') || '',
+          .replace(/\/\s$/g, '') || 'n/a',
       image:
         recommendedModel.targetInfra.vm
           .reduce((acc, cur) => {
-            return `${acc}_${cur.commonImage} / `;
+            return `${acc}${cur.commonImage.split('+').at(-1)} / `;
           }, '')
-          .replace(/(\/\s)$/, '') || '',
-      estimateCost:
-        recommendedModel.estimateResponse.result.esimateCostSpecResults.reduce(
-          (acc, cur) => {
-            return (
-              acc +
-              cur.estimateForecastCostSpecDetailResults[0]
-                .calculatedMonthlyPrice
-            );
-          },
-          0,
-        ) +
-          recommendedModel.estimateResponse.result.esimateCostSpecResults[0]
-            .estimateForecastCostSpecDetailResults[0].currency || '',
+          .replace(/\/\s$/g, '') || 'n/a',
+      estimateCost: estimateCost || 'n/a',
       originalData: recommendedModel,
     };
-    console.log(organizedDatum);
+
     return organizedDatum;
   }
 
   function setTargetRecommendModel(
-    _targetRecommendModel: IRecommendModelResponse & {
-      estimateResponse: IEsimateCostSpecResponse;
-    },
+    _targetRecommendModel: IExtendRecommendModelResponse,
   ) {
     targetRecommendModel.value = _targetRecommendModel;
   }
@@ -147,16 +143,25 @@ export function useRecommendedModel() {
     return menu;
   }
 
+  function setTableStateItem() {
+    if (targetRecommendModel.value) {
+      tableModel.tableState.items = [
+        organizeRecommendedModelTableItem(targetRecommendModel.value),
+      ];
+    }
+  }
+
   watch(targetRecommendModel, nv => {
-    if (nv)
-      tableModel.tableState.items = [organizeRecommendedModelTableItem(nv)];
+    if (nv) setTableStateItem();
   });
 
   return {
     userStore,
     tableModel,
     initToolBoxTableModel,
+    targetRecommendModel,
     sourceModelStore,
+    setTableStateItem,
     setTargetRecommendModel,
     generateProviderSelectMenu,
     generateRegionSelectMenu,
diff --git a/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
index 2e0e2bd7..189857ff 100644
--- a/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
+++ b/front/src/widgets/models/recommendedModel/ui/RecommendedModel.vue
@@ -107,9 +107,11 @@ onMounted(() => {
   handleProviderMenuClick(true);
 });
 
-function getRecommendModelList() {
-  getRecommendModel
-    .execute({
+async function getRecommendModelList() {
+  recommendModel_Model.initToolBoxTableModel();
+
+  try {
+    const res = await getRecommendModel.execute({
       request: {
         desiredProvider: provider.selected,
         desiredRegion: region.selected,
@@ -117,37 +119,47 @@ function getRecommendModelList() {
           ? targetSourceModel.value.onpremiseInfraModel
           : null,
       },
-    })
-    .then(res => {
-      if (res.data.responseData) {
-        const specsWithFormat = res.data.responseData.targetInfra.vm.map(vm => {
-          return {
-            commonSpec: vm.commonSpec,
-            commonImage: vm.commonImage,
-          };
+    });
+
+    const recommendModel = res.data.responseData;
+
+    if (recommendModel) {
+      const validationRes = recommendModel.targetInfra.vm.some(vm => {
+        return vm.commonSpec === '';
+      });
+
+      if (validationRes) {
+        throw new Error();
+      }
+
+      const specsWithFormat = recommendModel.targetInfra.vm.map(vm => {
+        return {
+          commonSpec: vm.commonSpec,
+          commonImage: vm.commonImage,
+        };
+      });
+
+      try {
+        const estimateCostList = await resGetRecommendCost.execute({
+          request: { specsWithFormat },
         });
 
-        resGetRecommendCost
-          .execute({
-            request: { specsWithFormat },
-          })
-          .then(costRes => {
-            if (costRes.data.responseData) {
-              recommendModel_Model.setTargetRecommendModel(
-                Object.assign(res.data.responseData, {
-                  estimateResponse: costRes.data.responseData,
-                }),
-              );
-            }
-          })
-          .catch(e => {
-            recommendModel_Model.initToolBoxTableModel();
-          });
+        Object.assign(recommendModel, {
+          estimateResponse: estimateCostList.data.responseData,
+        });
+
+        recommendModel_Model.setTargetRecommendModel(recommendModel);
+      } catch (e) {
+        /* empty */
       }
-    })
-    .catch(err => {
-      showErrorMessage('error', err.errorMsg);
-    });
+    }
+  } catch (err) {
+    showErrorMessage('error', err.errorMsg);
+    recommendModel_Model.targetRecommendModel.value = null;
+    recommendModel_Model.initToolBoxTableModel();
+  } finally {
+    recommendModel_Model.setTableStateItem();
+  }
 }
 
 function handleModal() {

From f1a1586050ed7ef09aa85d4687ec2af652ee3d67 Mon Sep 17 00:00:00 2001
From: daeyeon ko <kkdy21@naver.com>
Date: Mon, 25 Nov 2024 17:55:43 +0900
Subject: [PATCH 41/41] fix: infinite loading on workflowlist table

---
 .../workflow/workflowEditor/ui/WorkflowEditor.vue | 15 ++++++++-------
 .../workflows/workflowList/ui/WorkflowList.vue    |  6 +++++-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
index 6d66cf2d..8c363b33 100644
--- a/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
+++ b/front/src/features/workflow/workflowEditor/ui/WorkflowEditor.vue
@@ -90,7 +90,7 @@ function mapTargetModelToTaskComponent(
   taskComponentList: Array<ITaskComponentInfoResponse>,
 ) {
   const taskComponent = taskComponentList.find(
-    taskComponent => taskComponent.name === 'tumblebug_mci_dynamic',
+    taskComponent => taskComponent.name === 'beetle_task_infra_migration',
   );
 
   if (!taskComponent) {
@@ -102,10 +102,11 @@ function mapTargetModelToTaskComponent(
     .defineTaskGroupStep(getRandomId(), 'TaskGroup', 'MCI', { model: {} });
 
   const parseString = parseRequestBody(taskComponent.data.options.request_body);
-
-  parseString['vm'] = Array(targetModel.cloudInfraModel.vm?.length)
-    .fill(undefined)
-    .map(_ => JSON.parse(JSON.stringify(parseString['vm'][0])));
+  if (parseString && parseString['vm']) {
+    parseString['vm'] = Array(targetModel.cloudInfraModel.vm?.length)
+      .fill(undefined)
+      .map(_ => JSON.parse(JSON.stringify(parseString['vm'][0])));
+  }
 
   if (targetModel.cloudInfraModel.vm) {
     targetModel.cloudInfraModel.vm.forEach((targetVm, index) => {
@@ -116,12 +117,12 @@ function mapTargetModelToTaskComponent(
 
   const task: ITaskResponse = {
     dependencies: [],
-    name: 'tumblebug_mci_dynamic',
+    name: 'beetle_task_infra_migration',
     path_params: null,
     query_params: null,
     request_body: JSON.stringify(parseString),
     id: '',
-    task_component: 'tumblebug_mci_dynamic',
+    task_component: 'beetle_task_infra_migration',
   };
 
   const step = workflowToolModel.convertToDesignerTask(task, task.request_body);
diff --git a/front/src/widgets/workflow/workflows/workflowList/ui/WorkflowList.vue b/front/src/widgets/workflow/workflows/workflowList/ui/WorkflowList.vue
index 9f45e72b..a4d9e938 100644
--- a/front/src/widgets/workflow/workflows/workflowList/ui/WorkflowList.vue
+++ b/front/src/widgets/workflow/workflows/workflowList/ui/WorkflowList.vue
@@ -172,7 +172,11 @@ watch(
           :query-tag="tableModel.querySearchState.queryTag"
           :select-index.sync="tableModel.tableState.selectIndex"
           :page-size="tableModel.tableOptions.pageSize"
-          :loading="isRunLoading"
+          :loading="
+            runWorkflow.isLoading.value ||
+            getWorkflowList.isLoading.value ||
+            tableModel.tableState.loading
+          "
           @change="tableModel.handleChange"
           @refresh="handleRefreshTable"
           @select="handleSelectedIndex"