fix(FR-1783): fix session launcher resource form initialization on page refresh

- Add null check in InputNumberWithSlider to prevent undefined value
  causing incorrect setValue(0) calls during page refresh
- Add optional chaining for shmem field in ResourceAllocationFormItems
  to handle undefined resource values
- Fix form error detection in SessionLauncherPreview to explicitly
  check resource field keys for proper error status display

Author: ironAiken2

react/src/components/InputNumberWithSlider.tsx

@@ -42,7 +42,7 @@ const InputNumberWithSlider: React.FC<InputNumberWithSliderProps> = ({
   const [value, setValue] = useControllableState_deprecated(otherProps);
   const inputRef = React.useRef<GetRef<typeof InputNumber>>(null);
   useEffect(() => {
-    if (!allowNegative) {
+    if (!allowNegative && !_.isNil(value)) {
       // when step is 1, make sure the value is integer
       if (step === 1 && value % 1 !== 0) {
         setValue(_.max([Math.round(value), min]));

react/src/components/SessionFormItems/ResourceAllocationFormItems.tsx

@@ -450,19 +450,10 @@ const ResourceAllocationFormItems: React.FC<
       currentAllocationPreset === 'auto-select' &&
       !_.isUndefined(resourceSlotsInRG)
     ) {
-      if (
-        _.includes(
-          ['custom', 'minimum-required'],
-          form.getFieldValue('allocationPreset'),
-        )
-      ) {
+      if (_.includes(['custom', 'minimum-required'], currentAllocationPreset)) {
         // if the current preset is custom or minimum-required, do nothing.
       } else {
-        if (
-          allocatablePresetNames.includes(
-            form.getFieldValue('allocationPreset'),
-          )
-        ) {
+        if (allocatablePresetNames.includes(currentAllocationPreset)) {
           // if the current preset is available in the current resource group, do nothing.
         } else if (enableResourcePresets && allocatablePresetNames[0]) {
           const autoSelectedPreset = _.sortBy(allocatablePresetNames)[0];
@@ -704,7 +695,7 @@ const ResourceAllocationFormItems: React.FC<
                     <Form.Item
                       noStyle
                       shouldUpdate={(prev, next) =>
-                        prev.resource.shmem !== next.resource.shmem
+                        prev.resource?.shmem !== next.resource?.shmem
                       }
                       hidden={!baiClient._config.allowCustomResourceAllocation}
                     >
@@ -854,7 +845,7 @@ const ResourceAllocationFormItems: React.FC<
                       }}
                     </Form.Item>
                     <SharedMemoryFormItems
-                      min={resourceLimits.shmem?.min}
+                      min={resourceLimits?.shmem?.min}
                       onChangeResourceShmem={() => {
                         if (baiClient._config.allowCustomResourceAllocation) {
                           form.setFieldValue('allocationPreset', 'custom');
@@ -1543,6 +1534,7 @@ export const getAllocatablePresetNames = (
       );
     }
   }).map((preset) => preset.name);
+
   return currentImageAcceleratorLimits.length === 0
     ? bySliderLimit
     : _.intersection(bySliderLimit, byImageAcceleratorLimits);

react/src/components/SessionLauncherPreview.tsx

@@ -402,12 +402,14 @@ const SessionLauncherPreview: React.FC<{
         title={t('session.launcher.ResourceAllocation')}
         showDivider
         status={
-          _.some(form.getFieldValue('resource'), (_v, key) => {
-            return (
-              // @ts-ignore
-              form.getFieldError(['resource', key]).length > 0
-            );
-          }) ||
+          // When retrieving a key using getFieldValue, there are cases where the field key cannot be obtained
+          // if the corresponding field value does not exist, so it must be explicitly declared.
+          _.some(
+            ['cpu', 'mem', 'shmem', 'accelerator', 'acceleratorType'] as const,
+            (key) => {
+              return form.getFieldError(['resource', key]).length > 0;
+            },
+          ) ||
           form.getFieldError(['num_of_sessions']).length > 0 ||
           form.getFieldError('resourceGroup').length > 0
             ? 'error'