Longhorn 13735: set the NVMe-TCP I/O queue count from the UI

diff --git a/src/routes/volume/CreateVolume.js b/src/routes/volume/CreateVolume.js
index 3d28ed9..2fbba1a 100644
--- a/src/routes/volume/CreateVolume.js
+++ b/src/routes/volume/CreateVolume.js
@@ -212,6 +212,7 @@ const modal = ({
   const currentDataEngine = getFieldValue('dataEngine')
   const initialUblkNumberOfQueue = Number(parsedUblkNumberOfQueue[currentDataEngine] ?? 0)
   const initialUblkQueueDepth = Number(parsedUblkQueueDepth[currentDataEngine] ?? 0)
+  const globalNvmeTcpNrIoQueues = Number(safeParseJSON(item.defaultNvmeTcpNrIoQueues || '{}').v2 ?? 0)
 
   // filter options based on selected data engine version
   const handleDataEngineChange = (engine) => {
@@ -384,6 +385,30 @@ const modal = ({
             })}
           </>
         )}
+        {getFieldValue('dataEngine') === 'v2' && getFieldValue('frontend') === 'blockdev' && (
+          <FormItem
+            label={
+              <span>
+                NVMe-TCP IO Queues
+                <span style={{
+                  marginLeft: 4,
+                  marginRight: 4,
+                }}>
+                  <Tooltip title={`Set '0' to inherit global settings (currently ${globalNvmeTcpNrIoQueues || '0, one queue per CPU core'}). Applied on the next attach.`}>
+                    <Icon type="question-circle-o" />
+                  </Tooltip>
+                </span>
+              </span>
+            }
+            hasFeedback
+            {...formItemLayout}
+          >
+            {getFieldDecorator('nvmeTcpNrIoQueues', {
+              initialValue: 0,
+              rules: [{ type: 'integer', min: 0, max: 128, message: 'Must be between 0 and 128' }],
+            })(<InputNumber min={0} max={128} precision={0} />)}
+          </FormItem>
+        )}
         <FormItem label="Data Locality" hasFeedback {...formItemLayout}>
           {getFieldDecorator('dataLocality', {
             initialValue: defaultDataLocalityValue,
diff --git a/src/routes/volume/detail/VolumeInfo.js b/src/routes/volume/detail/VolumeInfo.js
index 2d25988..ecb358d 100644
--- a/src/routes/volume/detail/VolumeInfo.js
+++ b/src/routes/volume/detail/VolumeInfo.js
@@ -272,6 +272,12 @@ function VolumeInfo({ selectedVolume, snapshotModalState, engineImages, hosts, c
           </div>
         </>
       )}
+      {selectedVolume.dataEngine === 'v2' && selectedVolume.frontend === 'blockdev' && (
+        <div className={styles.row}>
+          <span className={styles.label}>NVMe-TCP IO Queues:</span>
+          {selectedVolume.nvmeTcpNrIoQueues ? selectedVolume.nvmeTcpNrIoQueues : '0 (inherit global settings)'}
+        </div>
+      )}
       <div className={styles.row}>
         <span className={styles.label}> Backup Target:</span>
         {selectedVolume.backupTargetName || ''}
diff --git a/src/routes/volume/index.js b/src/routes/volume/index.js
index 0e0665a..3eb0f1e 100644
--- a/src/routes/volume/index.js
+++ b/src/routes/volume/index.js
@@ -252,6 +252,7 @@ class Volume extends React.Component {
     const defaultNumberOfReplicas = defaultReplicaCountSetting?.value || ''
     const defaultUblkNumberOfQueue = settings.find(s => s.id === 'default-ublk-number-of-queue')?.value
     const defaultUblkQueueDepth = settings.find(s => s.id === 'default-ublk-queue-depth')?.value
+    const defaultNvmeTcpNrIoQueues = settings.find(s => s.id === 'default-nvme-tcp-nr-io-queues')?.value
     const replicaSoftAntiAffinitySetting = settings.find(s => s.id === 'replica-soft-anti-affinity')
     const engineUpgradePerNodeLimit = settings.find(s => s.id === 'concurrent-automatic-engine-upgrade-per-node-limit')
     const v1DataEngineEnabledSetting = settings.find(s => s.id === 'v1-data-engine')
@@ -843,6 +844,7 @@ class Volume extends React.Component {
         numberOfReplicas: defaultNumberOfReplicas,
         ublkNumberOfQueue: defaultUblkNumberOfQueue,
         ublkQueueDepth: defaultUblkQueueDepth,
+        defaultNvmeTcpNrIoQueues,
         size: 20,
         iops: 1000,
         unit: 'Gi',