chore: update hooks import

src/pages/_components/column-wrapper/index.tsx

@@ -1,4 +1,4 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { WrapperContext } from './use-wrapper-context';

src/pages/_components/page-box.tsx

@@ -1,10 +1,10 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import { ExtraContent } from '@/layouts/extraRender';
 import {
   PageContainer,
   RouteContext,
   type PageContainerProps
 } from '@ant-design/pro-components';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import { Divider } from 'antd';
 import classNames from 'classnames';
 import { useContext, useEffect, useRef } from 'react';

src/pages/api-keys/components/add-apikey-modal/allow-models.tsx

@@ -1,8 +1,7 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
 import { queryMyModels } from '@/pages/llmodels/apis';
-import { SelectPanel } from '@gpustack/core-ui';
+import { SelectPanel, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Checkbox, Divider, Form, Radio } from 'antd';
 import { useEffect, useState } from 'react';

src/pages/backends/forms/basic.tsx

@@ -1,10 +1,10 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   Input as CInput,
   LabelSelector,
   ListInput,
-  Textarea as SealTextArea
+  Textarea as SealTextArea,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/backends/forms/versions-config.tsx

@@ -1,5 +1,4 @@
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
 import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
 import {
   BaseSelect,
@@ -7,7 +6,8 @@ import {
   CollapseContainer,
   LabelSelector,
   Select as SealSelect,
-  Textarea as SealTextArea
+  Textarea as SealTextArea,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Button, Form, Tag } from 'antd';

src/pages/benchmark/components/row-actions.tsx

@@ -1,6 +1,5 @@
-import useDownloadLogs from '@/hooks/use-download-logs';
 import { DownloadOutlined } from '@ant-design/icons';
-import { DropdownButtons, IconFont } from '@gpustack/core-ui';
+import { DropdownButtons, IconFont, useDownloadLogs } from '@gpustack/core-ui';
 import icons from '@gpustack/core-ui/lib/components/icon-font/icons';
 import { BENCHMARKS_API } from '../apis';
 import { BenchmarkStatusValueMap } from '../config';

src/pages/benchmark/forms/basic.tsx

@@ -1,8 +1,11 @@
 import { modelNameReg, PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import { ClusterStatusValueMap } from '@/pages/cluster-management/config';
 import { useBenchmarkTargetInstance } from '@/pages/llmodels/hooks/use-run-benchmark';
-import { Input as CInput, Select as SealSelect } from '@gpustack/core-ui';
+import {
+  Input as CInput,
+  Select as SealSelect,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useEffect } from 'react';

src/pages/benchmark/forms/dataset.tsx

@@ -1,6 +1,9 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
-import { AutoTooltip, Select as SealSelect } from '@gpustack/core-ui';
+import {
+  AutoTooltip,
+  Select as SealSelect,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Select } from 'antd';
 import _ from 'lodash';

src/pages/benchmark/forms/model-instance.tsx

@@ -1,5 +1,4 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   InstanceStatusMap,
   InstanceStatusMapValue,
@@ -8,7 +7,7 @@ import {
 import { useBenchmarkTargetInstance } from '@/pages/llmodels/hooks/use-run-benchmark';
 import { useQueryModelInstancesList } from '@/pages/llmodels/services/use-query-model-instances';
 import { useQueryModelList } from '@/pages/llmodels/services/use-query-model-list';
-import { Cascader as SealCascader } from '@gpustack/core-ui';
+import { Cascader as SealCascader, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Tooltip } from 'antd';
 import React, { useEffect } from 'react';

src/pages/benchmark/forms/random-settings.tsx

@@ -1,8 +1,8 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   InputNumber as CInputNumber,
-  Select as SealSelect
+  Select as SealSelect,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/benchmark/services/use-query-benchmarks.ts

@@ -1,4 +1,4 @@
-import { useQueryDataList } from '@/hooks/use-query-data-list';
+import { useQueryDataList } from '@gpustack/core-ui';
 import { queryBenchmarkList } from '../apis';
 import { BenchmarkListItem as ListItem } from '../config/types';
 

src/pages/benchmark/services/use-query-dataset.ts

@@ -1,4 +1,4 @@
-import { useQueryDataList } from '@/hooks/use-query-data-list';
+import { useQueryDataList } from '@gpustack/core-ui';
 import { useState } from 'react';
 import { queryDatasetList } from '../apis';
 import { datasetList as datasetOptions } from '../config';

src/pages/benchmark/services/use-query-detail.ts

@@ -1,4 +1,4 @@
-import { useQueryData } from '@/hooks/use-query-data-list';
+import { useQueryData } from '@gpustack/core-ui';
 import { queryBenchmarkDetail } from '../apis';
 import { BenchmarkDetail } from '../config/detail-types';
 

src/pages/benchmark/services/use-query-profiles.ts

@@ -1,4 +1,4 @@
-import { useQueryData } from '@/hooks/use-query-data-list';
+import { useQueryData } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import _ from 'lodash';
 import { useState } from 'react';

src/pages/cluster-management/components/add-credential.tsx

@@ -1,7 +1,6 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput, FormDrawer } from '@gpustack/core-ui';
+import { Input as CInput, FormDrawer, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useEffect } from 'react';

src/pages/cluster-management/components/cloud-provider-form.tsx

@@ -1,8 +1,11 @@
 import { fromClusterCreationAtom } from '@/atoms/clusters';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput, Select as SealSelect } from '@gpustack/core-ui';
+import {
+  Input as CInput,
+  Select as SealSelect,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { Link, useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import { useAtom } from 'jotai';

src/pages/cluster-management/components/k8s-volume-mount.tsx

@@ -1,13 +1,13 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
 import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
 import {
   Input as CInput,
   CollapseContainer,
   Checkbox as SealCheckbox,
   Select as SealSelect,
-  Switch as SealSwitch
+  Switch as SealSwitch,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Button, Flex, Form } from 'antd';

src/pages/cluster-management/components/pool-form.tsx

@@ -4,7 +4,6 @@ import {
 } from '@/atoms/clusters';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import useAppUtils from '@/hooks/use-app-utils';
 import { CardContainer } from '@/pages/llmodels/components/gpu-card';
 import { DeleteOutlined } from '@ant-design/icons';
 import {
@@ -14,7 +13,8 @@ import {
   CollapseContainer,
   IconFont,
   LabelSelector,
-  Select as SealSelect
+  Select as SealSelect,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { type CollapseContainerProps } from '@gpustack/core-ui/lib/components/collapse-container';
 import { useIntl } from '@umijs/max';

src/pages/dashboard/services/use-query-dashboard.ts

@@ -1,4 +1,4 @@
-import { useQueryData } from '@/hooks/use-query-data-list';
+import { useQueryData } from '@gpustack/core-ui';
 import { omit } from 'lodash';
 import { queryDashboardData } from '../apis';
 

src/pages/llmodels/components/download/target-form.tsx

@@ -1,10 +1,10 @@
-import useAppUtils from '@/hooks/use-app-utils';
 import { ModelFileFormData as FormData } from '@/pages/resources/config/types';
 import {
   Input as CInput,
   Cascader as SealCascader,
   Select as SealSelect,
-  TooltipList
+  TooltipList,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/llmodels/forms/backend.tsx

@@ -1,6 +1,9 @@
-import useAppUtils from '@/hooks/use-app-utils';
 import { CaretDownOutlined, InfoCircleOutlined } from '@ant-design/icons';
-import { Select as SealSelect, TooltipList } from '@gpustack/core-ui';
+import {
+  Select as SealSelect,
+  TooltipList,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { useIntl, useNavigate } from '@umijs/max';
 import { Form, Select } from 'antd';
 import React, { useMemo } from 'react';

src/pages/llmodels/forms/basic.tsx

@@ -1,6 +1,5 @@
 import { modelNameReg, PageAction } from '@/config';
 import { OPENAI_COMPATIBLE } from '@/config/settings';
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   ClusterStatusLabelMap,
   ClusterStatusValueMap
@@ -8,7 +7,8 @@ import {
 import {
   AutoTooltip,
   Input as CInput,
-  Select as SealSelect
+  Select as SealSelect,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/llmodels/forms/catalog.tsx

@@ -1,5 +1,4 @@
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput } from '@gpustack/core-ui';
+import { Input as CInput, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';

src/pages/llmodels/forms/custom-backend.tsx

@@ -1,5 +1,8 @@
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput, Textarea as SealTextArea } from '@gpustack/core-ui';
+import {
+  Input as CInput,
+  Textarea as SealTextArea,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';

src/pages/llmodels/forms/local-path-source.tsx

@@ -1,5 +1,4 @@
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput, TooltipList } from '@gpustack/core-ui';
+import { Input as CInput, TooltipList, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';

src/pages/llmodels/forms/online-source.tsx

@@ -1,6 +1,5 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
-import { Input as CInput } from '@gpustack/core-ui';
+import { Input as CInput, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';

src/pages/llmodels/forms/schedule-type.tsx

@@ -1,10 +1,10 @@
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   LabelSelector,
   LabelSelectorProvider,
   Cascader as SealCascader,
   Select as SealSelect,
-  TooltipList
+  TooltipList,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, InputNumber } from 'antd';

src/pages/llmodels/forms/speculative-decode.tsx

@@ -1,10 +1,10 @@
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   AutoComplete,
   CheckboxField,
   Input as CInput,
   InputNumber as CInputNumber,
-  Select as SealSelect
+  Select as SealSelect,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/llmodels/services/use-query-model-list.ts

@@ -1,4 +1,4 @@
-import { useQueryDataList } from '@/hooks/use-query-data-list';
+import { useQueryDataList } from '@gpustack/core-ui';
 import { queryModelsList } from '../apis';
 import { ListItem } from '../config/types';
 

src/pages/maas-provider/forms/api-keys.tsx

@@ -1,6 +1,5 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
-import { MetadataList, Password } from '@gpustack/core-ui';
+import { MetadataList, Password, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import { useFormContext } from '../config/form-context';

src/pages/maas-provider/forms/basic.tsx

@@ -1,9 +1,9 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import {
   Input as CInput,
   Password,
-  Select as SealSelect
+  Select as SealSelect,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/maas-provider/forms/proxy-config.tsx

@@ -1,5 +1,4 @@
-import useAppUtils from '@/hooks/use-app-utils';
-import { CheckboxField, Input as CInput } from '@gpustack/core-ui';
+import { CheckboxField, Input as CInput, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';

src/pages/maas-provider/hooks/use-provider-required-fields.tsx

@@ -1,4 +1,4 @@
-import useAppUtils from '@/hooks/use-app-utils';
+import { useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { ProviderEnum } from '../config/providers';
 import { RequiredFields } from '../config/types';

src/pages/model-routes/forms/basic.tsx

@@ -1,8 +1,7 @@
-import useAppUtils from '@/hooks/use-app-utils';
 import CategorySelect from '@/pages/_components/category-select';
 import DocLink from '@/pages/_components/doc-link';
 import { categoryOptions } from '@/pages/llmodels/config';
-import { CheckboxField, Input as CInput } from '@gpustack/core-ui';
+import { CheckboxField, Input as CInput, useAppUtils } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import { genericReferLink } from '../config';

src/pages/model-routes/forms/targets.tsx

@@ -1,11 +1,11 @@
 import { PageAction } from '@/config';
-import useAppUtils from '@/hooks/use-app-utils';
 import ProviderLogo from '@/pages/maas-provider/components/provider-logo';
 import {
   AutoTooltip,
   InputNumber,
   MetadataList,
-  Cascader as SealCascader
+  Cascader as SealCascader,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Tooltip } from 'antd';

src/pages/model-routes/services/use-query-targets.ts

@@ -1,4 +1,4 @@
-import { useQueryDataList } from '@/hooks/use-query-data-list';
+import { useQueryDataList } from '@gpustack/core-ui';
 import { queryRouteTargets } from '../apis';
 import { RouteTarget as ListItem } from '../config/types';
 

src/pages/playground/components/audio-input.tsx

@@ -67,8 +67,9 @@ const AudioInput: React.FC<AudioInputProps> = (props) => {
   const sampleRate = 44100; // mp3
 
   const initAudioContext = useCallback(() => {
-    audioContext.current = new (window.AudioContext ||
-      window.webkitAudioContext)();
+    audioContext.current = new (
+      window.AudioContext || window.webkitAudioContext
+    )();
 
     analyser.current = audioContext.current.createAnalyser();
     analyser.current.fftSize = 512;

src/pages/playground/components/multiple-chat/index.tsx

@@ -1,5 +1,5 @@
 import { HEADER_HEIGHT } from '@/config/settings';
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import _ from 'lodash';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import CompareContext from '../../config/compare-context';

src/pages/playground/components/right-container.tsx

@@ -1,4 +1,4 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import classNames from 'classnames';
 import React, { useEffect } from 'react';
 import s from '../style/params-container.module.less';

src/pages/playground/embedding/page.tsx

@@ -1,4 +1,3 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import useRequestToken from '@/hooks/use-request-token';
 import {
   ClearOutlined,
@@ -12,7 +11,8 @@ import {
   HighlightCode,
   IconFont,
   ResizeContainer,
-  ScatterChart
+  ScatterChart,
+  useOverlayScroller
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';

src/pages/playground/hooks/use-chat-completion.ts

@@ -1,5 +1,5 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import { fetchChunkedData, readStreamData } from '@/utils/fetch-chunk-data';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import _ from 'lodash';
 import React, { useEffect, useRef, useState } from 'react';
 import { CHAT_API } from '../apis';

src/pages/playground/hooks/use-text-image.ts

@@ -1,5 +1,5 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import { extractErrorMessage, promptList } from '@/pages/playground/config';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import _ from 'lodash';
 import { useEffect, useRef, useState } from 'react';

src/pages/playground/hooks/use-text-video.ts

@@ -1,6 +1,6 @@
 import { createAxiosToken } from '@/hooks/use-chunk-request';
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import { extractErrorMessage } from '@/pages/playground/config';
+import { useOverlayScroller } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import _ from 'lodash';
 import { useEffect, useRef, useState } from 'react';

src/pages/playground/rerank/page.tsx

@@ -1,4 +1,3 @@
-import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import useRequestToken from '@/hooks/use-request-token';
 import {
   ClearOutlined,
@@ -6,7 +5,7 @@ import {
   QuestionCircleOutlined,
   SendOutlined
 } from '@ant-design/icons';
-import { AlertInfo } from '@gpustack/core-ui';
+import { AlertInfo, useOverlayScroller } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Button, Checkbox, Input, Spin, Tag, Tooltip, Typography } from 'antd';
 import _ from 'lodash';

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

@@ -1,11 +1,11 @@
-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
+  UploadAudio,
+  useAppUtils
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';

src/pages/playground/speech/stt.tsx

@@ -1,7 +1,6 @@
 import { setRouteCache } from '@/atoms/route-cache';
 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';
@@ -11,7 +10,8 @@ import {
   AudioPlayer,
   CopyButton,
   IconFont,
-  UploadAudio
+  UploadAudio,
+  useOverlayScroller
 } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Button, Spin, Tooltip } from 'antd';

src/pages/resources/components/model-files.tsx

@@ -1,7 +1,6 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
 import { PageAction } from '@/config';
 import { PaginationKey, TABLE_SORT_DIRECTIONS } from '@/config/settings';
-import useAppUtils from '@/hooks/use-app-utils';
 import useBodyScroll from '@/hooks/use-body-scroll';
 import useTableFetch from '@/hooks/use-table-fetch';
 import PageBox from '@/pages/_components/page-box';
@@ -18,7 +17,13 @@ import { backendOptionsMap } from '@/pages/llmodels/constants/backend-parameters
 import useCheckBackend from '@/pages/llmodels/hooks/use-check-backend';
 import { useGenerateWorkerOptions } from '@/pages/llmodels/hooks/use-form-initial-values';
 import useRecognizeAudio from '@/pages/llmodels/hooks/use-recognize-audio';
-import { DeleteModal, FilterBar, IconFont, NoResult } from '@gpustack/core-ui';
+import {
+  DeleteModal,
+  FilterBar,
+  IconFont,
+  NoResult,
+  useAppUtils
+} from '@gpustack/core-ui';
 import { useIntl, useNavigate } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, Table, message } from 'antd';

src/pages/resources/services/use-query-gpus.ts

@@ -1,4 +1,4 @@
-import { useQueryDataList } from '@/hooks/use-query-data-list';
+import { useQueryDataList } from '@gpustack/core-ui';
 import { queryGpuDevicesList } from '../apis';
 import { GPUDeviceItem as ListItem } from '../config/types';