fix: delay querying backends

src/pages/llmodels/components/catalog/catalog-list.tsx

@@ -37,6 +37,7 @@ const ListSkeleton: React.FC<{
         <SpinWrapper>
           <Spin
             spinning={loading}
+            size="middle"
             style={{
               width: '100%'
             }}

src/pages/llmodels/components/deployment/deploy-modal.tsx

@@ -472,6 +472,9 @@ const AddModal: FC<AddModalProps> = (props) => {
   };
 
   const handleOnOpen = async () => {
+    await new Promise((resolve) => {
+      setTimeout(resolve, 100);
+    });
     const [backendOptions, gpuOptions] = await Promise.all([
       form.current?.getBackendOptions?.({
         cluster_id: initClusterId()

src/pages/llmodels/components/model-source/hf-model-file.tsx

@@ -321,6 +321,7 @@ const HFModelFile: React.FC<HFModelFileProps> = forwardRef((props, ref) => {
         <div className="spin-wrapper">
           <Spin
             spinning={dataSource.loading}
+            size="middle"
             style={{ height: '100%', width: '100%' }}
           ></Spin>
         </div>