chore: replace components with core-ui, upgrade eslint

src/pages/playground/speech/forms/stt-form.tsx

@@ -1,5 +1,4 @@
-import CheckboxField from '@/components/seal-form/checkbox-field';
-import SealSelect from '@/components/seal-form/seal-select';
+import { CheckboxField, Select as SealSelect } from '@gpustack/core-ui';
 import { useIntl, useSearchParams } from '@umijs/max';
 import { Form } from 'antd';
 import React, {

src/pages/playground/speech/forms/tts-advance.tsx

@@ -1,10 +1,12 @@
-import CheckboxField from '@/components/seal-form/checkbox-field';
-import InputNumber from '@/components/seal-form/input-number';
-import SealInput from '@/components/seal-form/seal-input';
-import UploadAudio from '@/components/upload-audio';
 import useAppUtils from '@/hooks/use-app-utils';
 import { convertFileToBase64 } from '@/utils/load-audio-file';
 import { CloseCircleFilled } from '@ant-design/icons';
+import {
+  CheckboxField,
+  Input as CInput,
+  InputNumber,
+  UploadAudio
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useEffect } from 'react';
@@ -110,14 +112,14 @@ const TTSAdvanceConfig: React.FC = () => {
           }
         ]}
       >
-        <SealInput.Input
+        <CInput.Input
           allowClear
           required={taskType === 'VoiceDesign'}
           description={intl.formatMessage({
             id: 'playground.params.instructions.tips'
           })}
           label={intl.formatMessage({ id: 'playground.params.instructions' })}
-        ></SealInput.Input>
+        ></CInput.Input>
       </Form.Item>
       <Form.Item
         name="max_new_tokens"
@@ -136,7 +138,7 @@ const TTSAdvanceConfig: React.FC = () => {
           getValueProps={(value) => ({ value: fileName ? fileName : value })}
           dependencies={['task_type']}
         >
-          <SealInput.Input
+          <CInput.Input
             allowClear
             readOnly={!!fileName}
             suffix={
@@ -158,7 +160,7 @@ const TTSAdvanceConfig: React.FC = () => {
               id: 'playground.params.refAudio.tips'
             })}
             label={intl.formatMessage({ id: 'playground.params.refAudio' })}
-          ></SealInput.Input>
+          ></CInput.Input>
         </Form.Item>
       </Container>
       <Form.Item
@@ -167,11 +169,11 @@ const TTSAdvanceConfig: React.FC = () => {
         dependencies={['task_type', 'x_vector_only_mode']}
         rules={[atLeastOneValidator('x_vector_only_mode')]}
       >
-        <SealInput.TextArea
+        <CInput.TextArea
           allowClear
           scaleSize={true}
           label={intl.formatMessage({ id: 'playground.params.refAudio.text' })}
-        ></SealInput.TextArea>
+        ></CInput.TextArea>
       </Form.Item>
       <Form.Item
         dependencies={['task_type', 'ref_text']}

src/pages/playground/speech/forms/tts-form.tsx

@@ -1,7 +1,9 @@
-import AutoComplete from '@/components/seal-form/auto-complete';
-import CheckboxField from '@/components/seal-form/checkbox-field';
-import SealSelect from '@/components/seal-form/seal-select';
-import CollapsePanel from '@/pages/_components/collapse-panel';
+import {
+  AutoComplete,
+  CheckboxField,
+  CollapsePanel,
+  Select as SealSelect
+} from '@gpustack/core-ui';
 import { getLocale, useIntl, useSearchParams } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { Form } from 'antd';

src/pages/playground/speech/index.tsx

@@ -1,9 +1,9 @@
-import IconFont from '@/components/icon-font';
 import breakpoints from '@/config/breakpoints';
 import HotKeys from '@/config/hotkeys';
 import useWindowResize from '@/hooks/use-window-resize';
 import { modelCategoriesMap } from '@/pages/llmodels/config';
 import { AudioOutlined } from '@ant-design/icons';
+import { IconFont } from '@gpustack/core-ui';
 import { useIntl, useSearchParams } from '@umijs/max';
 import useMemoizedFn from 'ahooks/lib/useMemoizedFn';
 import { Segmented, Tabs, TabsProps } from 'antd';

src/pages/playground/speech/stt.tsx

@@ -1,16 +1,18 @@
 import { setRouteCache } from '@/atoms/route-cache';
-import AlertInfo from '@/components/alert-info';
-import AudioAnimation from '@/components/audio-animation';
-import AudioPlayer from '@/components/audio-player';
-import CopyButton from '@/components/copy-button';
-import IconFont from '@/components/icon-font';
-import UploadAudio from '@/components/upload-audio';
 import routeCachekey from '@/config/route-cachekey';
 import { HEADER_HEIGHT } from '@/config/settings';
 import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import { useCancelToken } from '@/hooks/use-request-token';
 import { readAudioFile } from '@/utils/load-audio-file';
 import { SendOutlined } from '@ant-design/icons';
+import {
+  AlertInfo,
+  AudioAnimation,
+  AudioPlayer,
+  CopyButton,
+  IconFont,
+  UploadAudio
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Button, Spin, Tooltip } from 'antd';
 import React, {

src/pages/playground/speech/tts.tsx

@@ -1,8 +1,6 @@
 import { setRouteCache } from '@/atoms/route-cache';
-import AlertInfo from '@/components/alert-info';
-import IconFont from '@/components/icon-font';
-import SpeechContent from '@/components/speech-content';
 import routeCachekey from '@/config/route-cachekey';
+import { AlertInfo, IconFont, SpeechContent } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Spin } from 'antd';
 import _ from 'lodash';