chore: ram vram usage in resource

src/pages/playground/components/dynamic-params.tsx

@@ -125,7 +125,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = forwardRef(
           </Form.Item>
         );
       });
-    }, [formFields, intl, watchFields]);
+    }, [formFields, paramsConfig, intl, watchFields]);
 
     return (
       <Form

src/pages/playground/components/ground-images.tsx

@@ -55,7 +55,9 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     initialValues,
     parameters,
     isOpenaiCompatible
-  } = useInitImageMeta(props);
+  } = useInitImageMeta(props, {
+    type: 'create'
+  });
   const {
     loading,
     tokenResult,

src/pages/playground/components/image-edit.tsx

@@ -75,13 +75,16 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     updateParamsConfig,
     setParamsConfig,
     form,
+    modelMeta,
     watchFields,
     formFields,
     paramsConfig,
     initialValues,
     parameters,
     isOpenaiCompatible
-  } = useInitImageMeta(props);
+  } = useInitImageMeta(props, {
+    type: 'edit'
+  });
   const {
     loading,
     tokenResult,
@@ -225,10 +228,21 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const handleOnScaleImageSize = useCallback(
     (data: { rawWidth: number; rawHeight: number }) => {
-      const { width, height } = scaleImageSize({
+      let { width, height } = scaleImageSize({
         width: data.rawWidth,
         height: data.rawHeight
       });
+      const { max_width: maxWidth, max_height: maxHeight } = modelMeta;
+
+      // update width, height
+      if (maxWidth) {
+        width = Math.max(Math.min(width, maxWidth), 512);
+      }
+
+      if (maxHeight) {
+        height = Math.max(Math.min(height, maxHeight), 512);
+      }
+
       const newParamsConfig = updateParamsConfig({
         size: 'custom',
         isOpenaiCompatible
@@ -248,7 +262,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
       });
       setInitialValues(newParameters);
     },
-    [parameters, isOpenaiCompatible]
+    [parameters, modelMeta, isOpenaiCompatible]
   );
 
   const handleUpdateImageList = useCallback(