bfg-common 1.4.799 → 1.4.800

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue

@@ -35,6 +35,7 @@
         :datastore="props.datastore"
         :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
         :passthrough-devices="props.passthroughDevices"
+        :mediated-devices="props.mediatedDevices"
         :project="props.project"
         :guest-machine-type="guestMachineType"
         @send-data="emits('send-data-virtual-hardware-method', $event)"
@@ -94,16 +95,30 @@ import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/mo
 import type {
   API_UI_I_VmEditCpu,
   API_UI_I_VmEditMemory,
+  UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 
-const vmName = defineModel<string>('vmName', {required: true})
-const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {required: true})
-const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {required: true})
-const selectedNavItem = defineModel<UI_T_SelectedNavItem>('selectedNavItem', {required: true})
-const guestMachineType = defineModel<UI_I_OptionItem | null>('guestMachineType', {required: true})
-const vmOptionsInvalid = defineModel<string[]>('vmOptionsInvalid', {required: true})
-const virtualHardwareInvalid = defineModel<string[]>('virtualHardwareInvalid', {required: true})
+const vmName = defineModel<string>('vmName', { required: true })
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
+  required: true,
+})
+const selectedNavItem = defineModel<UI_T_SelectedNavItem>('selectedNavItem', {
+  required: true,
+})
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  { required: true }
+)
+const vmOptionsInvalid = defineModel<string[]>('vmOptionsInvalid', {
+  required: true,
+})
+const virtualHardwareInvalid = defineModel<string[]>('virtualHardwareInvalid', {
+  required: true,
+})
 
 const props = defineProps<{
   nodes: UI_I_FileTreeNode[]
@@ -134,6 +149,7 @@ const props = defineProps<{
   cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
   usbController?: string
   passthroughDevices?: UI_I_PciDevice[]
+  mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
 }>()
@@ -147,11 +163,11 @@ const emits = defineEmits<{
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
   (event: 'remove-validation-errors'): void
   (event: 'send-data-vm-options-method', value: UI_I_SendDataVmoptions): void
-  (event: 'send-data-virtual-hardware-method', value: UI_I_SendDataVirtualHardware): void
   (
-    event: 'change-boot-order',
-    value: UI_T_ChangeBootOrder
+    event: 'send-data-virtual-hardware-method',
+    value: UI_I_SendDataVirtualHardware
   ): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
 }>()
 </script>
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue

@@ -37,6 +37,7 @@
     :usb-controller="usbController"
     :guest-machine-type="guestMachineType"
     :passthrough-devices="passthroughDevices"
+    :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
@@ -103,6 +104,7 @@
     :usb-controller="usbController"
     :guest-machine-type="guestMachineType"
     :passthrough-devices="passthroughDevices"
+    :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
@@ -166,7 +168,7 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory,
+  API_UI_I_VmEditMemory, UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import { dropdownItemsFunc } from './lib/config/dropdownItems'
@@ -195,6 +197,7 @@ const props = defineProps<{
   usbController?: string
   pciDevices?: UI_I_SendDataNewPciDevice[]
   passthroughDevices?: UI_I_PciDevice[]
+  mediatedDevices?: UI_I_MediatedDevice[]
   project: UI_T_Project
   guestMachineType?: UI_I_OptionItem | null
 }>()
@@ -216,7 +219,12 @@ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const dropdownItems = computed<UI_I_DropdownTreeItem[]>(() =>
-  dropdownItemsFunc(localization.value, props.state, props.passthroughDevices)
+  dropdownItemsFunc(
+    localization.value,
+    props.state,
+    props.passthroughDevices,
+    props.mediatedDevices
+  )
 )
 
 const hardDisksIndex = ref<number[]>([0])
@@ -458,8 +466,8 @@ const onRollBackCdDvdDrive = (index: number): void => {
 const defaultPciDevice: UI_I_SendDataNewPciDevice = {
   address: '',
   vendor_name: '',
-  class_name: 'cdrom',
-  device_name: 'cdrom',
+  class_name: '',
+  device_name: '',
 }
 const pciDevicesIndex = ref<number[]>([0])
 const pciDevicesType = ref<('new' | 'edit' | 'removed')[]>(['new'])

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue

@@ -139,7 +139,7 @@
           :state="props.state"
           @send-data="emits('send-data-new-usb-controller-method', $event)"
         />
-        <template v-if="props.passthroughDevices">
+        <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
             v-for="(item, key) in props.pciDevices"
             :key="props.pciDevicesIndex[key]"
@@ -147,6 +147,7 @@
             :pci-device="item"
             :error-validation-fields="props.errorValidationFields"
             :passthrough-devices="props.passthroughDevices"
+            :mediated-devices="props.mediatedDevices"
             :type="props.pciDevicesType[key]"
             :is-edit="props.isEdit"
             :state="props.state"
@@ -221,7 +222,7 @@ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory,
+  API_UI_I_VmEditMemory, UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import { dropdownItemsNewFunc } from './lib/config/dropdownItems'
@@ -266,6 +267,7 @@ const props = defineProps<{
   usbController?: string
   guestMachineType?: UI_I_OptionItem | null
   passthroughDevices?: UI_I_PciDevice[]
+  mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
 }>()
 const emits = defineEmits<{
@@ -337,7 +339,8 @@ const dropdownItems = computed<UI_I_Dropdown[]>(() =>
   dropdownItemsNewFunc(
     localization.value,
     props.state,
-    props.passthroughDevices
+    props.passthroughDevices,
+    props.mediatedDevices
   )
 )
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -99,7 +99,7 @@
           :state="props.state"
           @send-data="emits('send-data-new-usb-controller-method', $event)"
         />
-        <template v-if="props.passthroughDevices">
+        <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
             v-for="(item, key) in props.pciDevices"
             :key="props.pciDevicesIndex[key]"
@@ -107,6 +107,7 @@
             :pci-device="item"
             :error-validation-fields="props.errorValidationFields"
             :passthrough-devices="props.passthroughDevices"
+            :mediated-devices="props.mediatedDevices"
             :type="props.pciDevicesType[key]"
             :is-edit="props.isEdit"
             :state="props.state"
@@ -178,7 +179,7 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory,
+  API_UI_I_VmEditMemory, UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 
@@ -220,6 +221,7 @@ const props = defineProps<{
   usbController?: string
   guestMachineType?: UI_I_OptionItem | null
   passthroughDevices?: UI_I_PciDevice[]
+  mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
 }>()
 const emits = defineEmits<{

package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/dropdownItems.ts

@@ -6,7 +6,8 @@ import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
 export const dropdownItemsFunc = (
   localization: UI_I_Localization,
   state: string | number | undefined,
-  passthroughDevices?: UI_I_PciDevice[]
+  passthroughDevices?: UI_I_PciDevice[],
+  mediatedDevices?: any[]
 ): UI_I_DropdownTreeItem[] => {
   const { $text } = useNuxtApp()
 
@@ -51,7 +52,7 @@ export const dropdownItemsFunc = (
         {
           text: 'PCI Device',
           value: 10,
-          disabled: state === 2 || !passthroughDevices?.length,
+          disabled: state === 2 || (!passthroughDevices?.length && !mediatedDevices?.length),
           testId: 'pci-device',
         },
         // { text: 'Watchdog Timer', value: 11 },
@@ -75,7 +76,8 @@ export const dropdownItemsFunc = (
 export const dropdownItemsNewFunc = (
   localization: UI_I_Localization,
   state: string | number | undefined,
-  passthroughDevices?: UI_I_PciDevice[]
+  passthroughDevices?: UI_I_PciDevice[],
+  mediatedDevices?: any
 ): UI_I_Dropdown[] => {
   const { $text } = useNuxtApp()
 
@@ -124,7 +126,7 @@ export const dropdownItemsNewFunc = (
         {
           text: 'PCI Device',
           value: 10,
-          disabled: state === 2 || !passthroughDevices?.length,
+          disabled: state === 2 || (!passthroughDevices?.length && !mediatedDevices?.length),
           testId: 'pci-device',
         },
         // { text: 'Watchdog Timer', value: 11 },

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue

@@ -22,6 +22,7 @@
     :max-hard-disk="maxHardDisk"
     :location="location"
     :is-running="isRunning"
+    :is-new-hard-disk="!isNotNewHardDisk"
     :is-edit="props.isEdit"
     :datastore="props.datastore"
     :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -59,6 +60,7 @@
     :max-hard-disk="maxHardDisk"
     :location="location"
     :is-running="isRunning"
+    :is-new-hard-disk="!isNotNewHardDisk"
     :is-edit="props.isEdit"
     :datastore="props.datastore"
     :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -135,8 +137,13 @@ const apiErrorLocal = computed<string>(() => {
   )
 })
 
+// PC-1796
+const isNotNewHardDisk = computed<boolean>(
+  () => props.type === 'edit' || props.type === 'removed'
+)
 const label = computed<string>(() => {
-  if (props.type === 'edit' || props.type === 'removed')
+  // if (props.type === 'edit' || props.type === 'removed')
+  if (isNotNewHardDisk.value)
     return `${localization.value.common.hardDisk} ${props.index + 1}`
 
   return `${localization.value.common.newHardDisk} *`
@@ -347,5 +354,4 @@ watch(
 )
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue

@@ -105,7 +105,7 @@
         v-model:limit-iops-type="limitIopsType"
         :index="props.index"
         :error-validation-fields="props.errorValidationFields"
-        :disabled="props.isRunning"
+        :disabled="props.isRunning && props.type !== 'new'"
         @valid="limitIopsInvalid = $event"
         @remove-error-by-title="emits('remove-error-by-title', $event)"
       />
@@ -127,7 +127,7 @@
         v-model:bus="bus"
         :index="props.index"
         :error-validation-fields="props.errorValidationFields"
-        :disabled="props.isRunning"
+        :disabled="!props.isNewHardDisk && props.isRunning"
         :help-text="localization.common.busVirtioHelpDesc"
         :test-id="`vm-wizard-disk-bus-field-${props.index}`"
         component-type="disk_devices"
@@ -180,6 +180,7 @@ const props = defineProps<{
   maxHardDisk: number
   location: UI_I_DatastoreTableItem | null
   isRunning: boolean
+  isNewHardDisk: boolean
   isEdit: boolean
   datastore: UI_I_DatastoreTableItem[]
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskOld.vue

@@ -137,7 +137,7 @@
           v-model:limit-iops-type="limitIopsType"
           :index="props.index"
           :error-validation-fields="props.errorValidationFields"
-          :disabled="props.isRunning"
+          :disabled="props.isRunning && props.type !== 'new'"
           @valid="limitIopsInvalid = $event"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
@@ -159,7 +159,7 @@
           v-model:bus="bus"
           :index="props.index"
           :error-validation-fields="props.errorValidationFields"
-          :disabled="props.isRunning"
+          :disabled="!props.isNewHardDisk && props.isRunning"
           :help-text="localization.common.busVirtioHelpDesc"
           :test-id="`vm-wizard-disk-bus-field-${props.index}`"
           component-type="disk_devices"
@@ -206,6 +206,7 @@ const props = defineProps<{
   maxHardDisk: number
   location: UI_I_DatastoreTableItem | null
   isRunning: boolean
+  isNewHardDisk: boolean
   isEdit: boolean
   datastore: UI_I_DatastoreTableItem[]
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue

@@ -7,6 +7,7 @@
     v-model:nvidia-grid-profile="nvidiaGridProfile"
     :index="props.index"
     :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
     :type="props.type"
     :is-removable="isRemovable"
     :label="label"
@@ -22,6 +23,7 @@
     v-model:nvidia-grid-profile="nvidiaGridProfile"
     :index="props.index"
     :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
     :type="props.type"
     :is-removable="isRemovable"
     :label="label"
@@ -36,13 +38,18 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_SendDataNewPciDevice } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-import { pciDeviceTypeOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
+import type {
+  UI_I_MediatedDevice,
+  UI_I_PciDevice,
+} from '~/lib/models/store/vm/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+import { pciDeviceTypeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
 
 const props = defineProps<{
   index: number
   pciDevice: UI_I_SendDataNewPciDevice
   passthroughDevices: UI_I_PciDevice[]
+  mediatedDevices: UI_I_MediatedDevice[]
   type: UI_T_PciDeviceType
   isEdit: boolean
   state?: string | number
@@ -74,50 +81,106 @@ const label = computed<string>(() => {
 })
 
 const selectedLabel = computed<string>(() => {
+  if (props.pciDevice.address) {
+    return `${props.pciDevice.address} | ${props.pciDevice.device_name}`
+  }
   switch (selectedType.value.value) {
     case 'direct_path_io':
-      return `${directPathIo.value.address} | ${directPathIo.value.device_name}`
+      return `${directPathIo.value?.address} | ${directPathIo.value?.device_name}`
     case 'dynamic_direct_path_io':
-      return dynamicDirectPathIo.value
+      return `${dynamicDirectPathIo.value?.address} | ${dynamicDirectPathIo.value?.device_name}`
     default:
-      return nvidiaGridProfile.value
+      return nvidiaGridProfile.value?.text
   }
 })
 
-const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(pciDeviceTypeOptionsConfig)
-const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptionsConfig[0])
+const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(
+  pciDeviceTypeOptionsFunc(
+    !props.passthroughDevices.length,
+    !props.mediatedDevices.length
+  )
+)
+const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptions.value[0])
+pciDeviceTypeOptions.value.forEach((option) => {
+  if (!option.disabled) selectedType.value = option
+})
 
-const directPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
-const dynamicDirectPathIo = ref<string>('')
-const nvidiaGridProfile = ref<string>('')
+const directPathIo = ref<string>('') /// TODO
+const dynamicDirectPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
+const nvidiaGridProfile = ref<UI_I_Option | null>(null)
 
 watch(
-  props.pciDevice,
-  (newValue) => {
+  [() => props.pciDevice, () => props.mediatedDevices],
+  ([newValue1]) => {
     // const passthroughDevice = props.passthroughDevices.find(
     //   (item) => item.address === newValue.address
     // )
     // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
-    newValue && (directPathIo.value = newValue)
+    if (newValue1) {
+      // directPathIo.value = newValue1
+      const passthroughDevice = props.passthroughDevices.find((device) => {
+        return (
+          device.class_name + '_' + device.address ===
+          newValue1.class_name + '_' + newValue1.address
+        )
+      })
+      if (passthroughDevice) {
+        dynamicDirectPathIo.value = passthroughDevice
+      }
+
+      const mediatedDevice = props.mediatedDevices.find((device) => {
+        return (
+          device.profile_name + '_' + device.root_device ===
+          newValue1.class_name + '_' + newValue1.address
+        )
+      })
+      if (mediatedDevice) {
+        nvidiaGridProfile.value = {
+          text: mediatedDevice.human_readable,
+          value: mediatedDevice.profile_name + '_' + mediatedDevice.root_device,
+        }
+
+        selectedType.value =
+          pciDeviceTypeOptions.value.find(
+            (option) => option.value === 'nvidia_grid'
+          ) || selectedType.value
+      }
+    }
   },
-  { immediate: true }
+  { immediate: true, deep: true }
 )
 
 const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
+  const nvidia = props.mediatedDevices.find(
+    (device) =>
+      nvidiaGridProfile.value?.value ===
+      device.profile_name + '_' + device.root_device
+  )
   switch (selectedType.value.value) {
     case 'direct_path_io':
-      return {
-        address: directPathIo.value.address,
-        vendor_name: directPathIo.value.vendor_name,
-        class_name: directPathIo.value.class_name,
-        device_name: directPathIo.value.device_name,
-      }
-    case 'dynamic_direct_path_io':
       return {
         address: '',
         vendor_name: '',
         class_name: '',
         device_name: '',
+        mediated_device: false,
+      }
+    case 'dynamic_direct_path_io':
+      return {
+        address: dynamicDirectPathIo.value?.address || '',
+        vendor_name: dynamicDirectPathIo.value?.vendor_name || '',
+        class_name: dynamicDirectPathIo.value?.class_name || '',
+        device_name: dynamicDirectPathIo.value?.device_name || '',
+        mediated_device: false,
+      }
+    case 'nvidia_grid':
+      return {
+        address: nvidia?.root_device || '',
+        vendor_name: '',
+        class_name: nvidia?.profile_name || '',
+        device_name: nvidia?.name || '',
+        mediated_device: true,
+        mediated_device_uuid: '',
       }
     default:
       return {
@@ -125,6 +188,7 @@ const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
         vendor_name: '',
         class_name: '',
         device_name: '',
+        mediated_device: false,
       }
   }
 })
@@ -132,11 +196,10 @@ const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
 watch(
   sendData,
   (newValue) => {
-    emits('send-data', newValue)
+    emits('send-data', props.type === 'edit' ? props.pciDevice : newValue)
   },
   { immediate: true }
 )
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceNew.vue

@@ -27,21 +27,22 @@
           :pci-device-index="props.index"
         />
 
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-          v-show="selectedType.value === 'direct_path_io'"
-          v-model="directPathIo"
-          :pci-device-index="props.index"
-          :passthrough-devices="props.passthroughDevices"
-        />
         <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
           v-show="selectedType.value === 'dynamic_direct_path_io'"
           v-model="dynamicDirectPathIo"
           :pci-device-index="props.index"
+          :passthrough-devices="props.passthroughDevices"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
           v-show="selectedType.value === 'nvidia_grid'"
           v-model="nvidiaGridProfile"
           :pci-device-index="props.index"
+          :mediated-devices="props.mediatedDevices"
+        />
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+          v-show="selectedType.value === 'direct_path_io'"
+          v-model="directPathIo"
+          :pci-device-index="props.index"
         />
       </template>
 
@@ -53,7 +54,7 @@
 <script setup lang="ts">
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+import type {UI_I_MediatedDevice, UI_I_PciDevice} from '~/lib/models/store/vm/interfaces'
 
 const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
   required: true,
@@ -71,6 +72,7 @@ const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
 const props = defineProps<{
   index: number
   passthroughDevices: UI_I_PciDevice[]
+  mediatedDevices: UI_I_MediatedDevice[]
   type: UI_T_PciDeviceType
   isRemovable: boolean
   label: string
@@ -82,4 +84,8 @@ const emits = defineEmits<{
 }>()
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+:deep(.stack-block.not-children .stack-block-label) {
+  height: auto;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceOld.vue

@@ -28,21 +28,22 @@
             :pci-device-index="props.index"
           />
 
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-            v-show="selectedType.value === 'direct_path_io'"
-            v-model="directPathIo"
-            :pci-device-index="props.index"
-            :passthrough-devices="props.passthroughDevices"
-          />
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
             v-show="selectedType.value === 'dynamic_direct_path_io'"
             v-model="dynamicDirectPathIo"
             :pci-device-index="props.index"
+            :passthrough-devices="props.passthroughDevices"
           />
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
             v-show="selectedType.value === 'nvidia_grid'"
             v-model="nvidiaGridProfile"
             :pci-device-index="props.index"
+            :mediated-devices="props.mediatedDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+            v-show="selectedType.value === 'direct_path_io'"
+            v-model="directPathIo"
+            :pci-device-index="props.index"
           />
         </template>
 
@@ -55,7 +56,7 @@
 <script setup lang="ts">
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+import type {UI_I_MediatedDevice, UI_I_PciDevice} from '~/lib/models/store/vm/interfaces'
 
 const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
   required: true,
@@ -73,6 +74,7 @@ const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
 const props = defineProps<{
   index: number
   passthroughDevices: UI_I_PciDevice[]
+  mediatedDevices: UI_I_MediatedDevice[]
   type: UI_T_PciDeviceType
   isRemovable: boolean
   label: string

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIo.vue

@@ -3,27 +3,23 @@
     v-if="isNewView"
     v-model="model"
     :pci-device-index="props.pciDeviceIndex"
-    :passthrough-devices="props.passthroughDevices"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io-old
     v-else
     v-model="model"
     :pci-device-index="props.pciDeviceIndex"
-    :passthrough-devices="props.passthroughDevices"
   />
 </template>
 
 <script lang="ts" setup>
 import type {
   UI_I_ConfigureAllPciDevicesItem,
-  UI_I_ConfigurePciDevicesTable,
 } from '~/lib/models/store/host/interfaces'
 
 const model = defineModel<UI_I_ConfigureAllPciDevicesItem>({required: true})
 
 const props = defineProps<{
   pciDeviceIndex: number
-  passthroughDevices: UI_I_ConfigurePciDevicesTable
 }>()
 
 const { $store }: any = useNuxtApp()