fix: model download progress text overflow

src/components/templates/card-list.tsx

@@ -1,7 +1,7 @@
 import breakpoints from '@/config/breakpoints';
 import InfiniteScroller from '@/pages/_components/infinite-scroller';
 import { useScrollerContext } from '@/pages/_components/infinite-scroller/use-scroller-context';
-import { Col, FloatButton, Row, Spin } from 'antd';
+import { Col, Row, Spin } from 'antd';
 import _ from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
 import React, { useCallback } from 'react';
@@ -122,7 +122,6 @@ const CardList: React.FC<CatalogListProps> = (props) => {
           />
         </InfiniteScroller>
       </ResizeObserver>
-      <FloatButton.BackTop visibilityHeight={1000} />
     </div>
   );
 };

src/pages/_components/infinite-scroller/index.tsx

@@ -1,6 +1,6 @@
 import { DoubleRightOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Button } from 'antd';
+import { Button, FloatButton } from 'antd';
 import React from 'react';
 
 import {
@@ -45,6 +45,7 @@ const InfiniteScroller: React.FC<
           </div>
         )}
       </div>
+      <FloatButton.BackTop visibilityHeight={1000} />
     </div>
   );
 };

src/pages/_components/infinite-scroller/use-scroller-context.ts

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
 
 interface ScrollerContextProps {
-  total: number;
+  total: number; // total pages
   current: number;
   loading: boolean;
   refresh: (nextPage: number) => void;

src/pages/backends/components/backend-list.tsx

@@ -2,7 +2,7 @@ import CardSkeleton from '@/components/templates/card-skelton';
 import breakpoints from '@/config/breakpoints';
 import InfiniteScroller from '@/pages/_components/infinite-scroller';
 import { useScrollerContext } from '@/pages/_components/infinite-scroller/use-scroller-context';
-import { Col, FloatButton, Row, Spin } from 'antd';
+import { Col, Row, Spin } from 'antd';
 import _ from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
 import React, { useCallback } from 'react';
@@ -139,7 +139,6 @@ const CardList: React.FC<BackendListProps> = (props) => {
           <ListSkeleton span={span} loading={loading} isFirst={isFirst} />
         </InfiniteScroller>
       </ResizeObserver>
-      <FloatButton.BackTop visibilityHeight={1000} />
     </div>
   );
 };

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

@@ -3,7 +3,7 @@ import breakpoints from '@/config/breakpoints';
 import InfiniteScroller from '@/pages/_components/infinite-scroller';
 import { useScrollerContext } from '@/pages/_components/infinite-scroller/use-scroller-context';
 import { useIntl } from '@umijs/max';
-import { Col, FloatButton, Row, Spin } from 'antd';
+import { Col, Row, Spin } from 'antd';
 import _ from 'lodash';
 import ResizeObserver from 'rc-resize-observer';
 import React, { useCallback } from 'react';
@@ -106,7 +106,6 @@ const CatalogList: React.FC<CatalogListProps> = (props) => {
           <ListSkeleton span={span} loading={loading} isFirst={isFirst} />
         </InfiniteScroller>
       </ResizeObserver>
-      <FloatButton.BackTop visibilityHeight={1000} />
     </div>
   );
 };

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

@@ -94,6 +94,9 @@ const draftModelDownloadList: ColumnProps[] = [
     title: 'models.form.draftModel',
     locale: true,
     key: 'draft_model',
+    style: {
+      wordBreak: 'break-word'
+    },
     width: 280
   },
   ...statusColumn