fix: download image size is incorrect

src/pages/llmodels/components/file-parts.tsx

@@ -7,7 +7,10 @@ const FileParts: React.FC<{
   fileList: any[];
 }> = ({ fileList }) => {
   return (
-    <SimpleBar style={{ maxHeight: 200 }}>
+    <SimpleBar
+      style={{ maxHeight: 200 }}
+      classNames={{ scrollbar: 'scrollbar-handle-light simplebar-scrollbar' }}
+    >
       <div style={{ padding: 10 }}>
         {fileList.map((file, index) => {
           return (

src/pages/llmodels/components/instance-item.tsx

@@ -183,7 +183,11 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 </Col>
                 <Col span={6}>
                   <span
-                    style={{ paddingLeft: '58px' }}
+                    style={{
+                      paddingLeft: '58px',
+                      flexWrap: 'wrap',
+                      gap: '5px'
+                    }}
                     className="flex align-center"
                   >
                     {item.computed_resource_claim?.total_layers !==
@@ -221,6 +225,11 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                         <Tag
                           color="cyan"
                           style={{
+                            maxWidth: '100%',
+                            minWidth: 50,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
                             opacity: 0.75,
                             borderRadius: 12
                           }}
@@ -242,6 +251,11 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                         <Tag
                           color="processing"
                           style={{
+                            maxWidth: '100%',
+                            minWidth: 50,
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
                             opacity: 0.75,
                             borderRadius: 12
                           }}

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

@@ -129,9 +129,13 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
   const [imageStatus, setImageStatus] = useState<{
     isOriginal: boolean;
     isResetNeeded: boolean;
+    width: number;
+    height: number;
   }>({
     isOriginal: false,
-    isResetNeeded: false
+    isResetNeeded: false,
+    width: 512,
+    height: 512
   });
   const doneImage = useRef<boolean>(false);
   const cacheFormData = useRef<any>({});
@@ -661,16 +665,20 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     setActiveImgUid(_.get(base64List, '[0].uid', ''));
     setImageStatus({
       isOriginal: false,
-      isResetNeeded: true
+      isResetNeeded: true,
+      width: _.get(currentImg, 'width', 512),
+      height: _.get(currentImg, 'height', 512)
     });
     setImageList([]);
   }, []);
 
   const handleOnSave = useCallback(
     (data: { img: string; mask: string | null }) => {
-      setImageStatus({
-        isOriginal: true,
-        isResetNeeded: false
+      setImageStatus((pre) => {
+        return {
+          ...pre,
+          isResetNeeded: false
+        };
       });
       setMask(data.mask || null);
       setImage(data.img);
@@ -731,7 +739,9 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     setImage(item.dataUrl);
     setImageStatus({
       isOriginal: isOrigin,
-      isResetNeeded: false
+      isResetNeeded: false,
+      width: item.width,
+      height: item.height
     });
   }, []);