fix(FR-2475): add fetchKey prop to ProjectSelect for data refetch on modal open

Author: ironAiken2

e2e/utils/test-util.ts

@@ -751,7 +751,11 @@ export async function modifyConfigToml(
           if (!res.ok) throw new Error(`HTTP ${res.status}`);
           return res.text();
         });
-        config = TOML.parse(configToml);
+        // Pre-process TOML to remove duplicate keys before parsing.
+        // Some server configurations may have duplicate keys (e.g., debug = true
+        // appearing twice under [general]) which strict TOML parsers reject.
+        const deduplicatedToml = deduplicateTomlKeys(configToml);
+        config = TOML.parse(deduplicatedToml);
         break; // Success, exit retry loop
       } catch (error) {
         lastError = error;

react/src/components/ProjectSelect.tsx

@@ -25,13 +25,15 @@ export interface ProjectSelectProps extends BAISelectProps {
   autoSelectDefault?: boolean;
   disableDefaultFilter?: boolean;
   lockedProjectTypes?: string[];
+  fetchKey?: string;
 }
 
 const ProjectSelect: React.FC<ProjectSelectProps> = ({
   onSelectProject,
   domain,
   disableDefaultFilter,
   lockedProjectTypes,
+  fetchKey,
   ...selectProps
 }) => {
   const { t } = useTranslation();
@@ -74,6 +76,7 @@ const ProjectSelect: React.FC<ProjectSelectProps> = ({
     },
     {
       fetchPolicy: 'store-and-network',
+      fetchKey: fetchKey,
     },
   );
 

react/src/components/UpdateUsersModal.tsx

@@ -16,6 +16,7 @@ import {
   useBAILogger,
   useErrorMessageResolver,
   useMutationWithPromise,
+  useUpdatableState,
 } from 'backend.ai-ui';
 import _ from 'lodash';
 import { Suspense, useRef, useState } from 'react';
@@ -50,6 +51,7 @@ const UpdateUsersModal = ({
   'use memo';
   const formRef = useRef<FormInstance<UpdateUsersFormValues>>(null);
   const [isPending, setIsPending] = useState(false);
+  const [fetchKey, updateFetchKey] = useUpdatableState('initial-fetch');
   const { token } = theme.useToken();
   const { t } = useTranslation();
   const { message } = App.useApp();
@@ -88,6 +90,12 @@ const UpdateUsersModal = ({
       okText={t('button.Update')}
       confirmLoading={isPending}
       {...modalProps}
+      afterOpenChange={(open) => {
+        if (open) {
+          updateFetchKey();
+        }
+        modalProps.afterOpenChange?.(open);
+      }}
       onOk={(e) => {
         formRef.current
           ?.validateFields()
@@ -232,6 +240,7 @@ const UpdateUsersModal = ({
                     domain={getFieldValue('domain_name')}
                     disableDefaultFilter
                     disabled={!getFieldValue('domain_name')}
+                    fetchKey={fetchKey}
                   />
                 </Form.Item>
               )}

react/src/components/UserSettingModal.tsx

@@ -874,6 +874,7 @@ const UserSettingModal: React.FC<UserSettingModalProps> = ({
                     domain={getFieldValue('domain_name')}
                     disableDefaultFilter
                     lockedProjectTypes={!user ? ['MODEL_STORE'] : undefined}
+                    fetchKey={fetchKey}
                   />
                 </Form.Item>
               )}