chore: update hooks import

eslint.config.js

@@ -61,6 +61,7 @@ export default defineConfig([
       'unused-imports/no-unused-imports': 'error',
       'unused-imports/no-unused-vars': 'off',
       'import/no-unresolved': 'off',
+      'import/no-duplicates': 'error',
       'react-hooks/exhaustive-deps': 'off',
       'react-hooks/preserve-manual-memoization': 'off',
       'react-hooks/set-state-in-effect': 'off',

src/config/hotkeys.ts

@@ -64,6 +64,6 @@ const KeyMap: Record<KeyBindingType, KeybindingValue> = KeybiningList.reduce(
   {}
 );
 
-export { KeyMap, KeybiningList };
+export { KeybiningList, KeyMap };
 
 export default KeybindingsMap;

src/layouts/icons.tsx

@@ -1,3 +1,3 @@
 // @ts-nocheck
 import * as icons from '@ant-design/icons';
-export default icons
+export default icons;

src/layouts/index.ts

@@ -1,4 +1,4 @@
 // @ts-nocheck
 // This file is generated by Umi automatically
 // DO NOT CHANGE IT MANUALLY!
-export type TempType = string
+export type TempType = string;

src/locales/README.md

@@ -24,7 +24,6 @@ To add a new language configuration, follow these steps:
 
 - Open the `.ts` file in the **new directory**.
 - For each key-value pair:
-
   - If a translation is available, replace the value with the translated text.
   - If no translation is available, keep the `English` value as default.
 

src/locales/tr-TR.ts

@@ -8,7 +8,7 @@ const requireContext = require.context(`./tr-TR`, false, /\.ts$/);
 
 let languageConfig: Record<string, string> = {};
 
-  requireContext.keys().forEach((fileName: any) => {
+requireContext.keys().forEach((fileName: any) => {
   const moduleConfig = requireContext(fileName).default;
   languageConfig = {
     ...languageConfig,

src/locales/tr-TR/backends.ts

@@ -30,8 +30,7 @@ export default {
   'backend.version.rules.builtin': '"-custom" ile bitmelidir',
   'backend.version.no.tips':
     'Yerleşik altyapının özel sürüm adı "-custom" ile bitmelidir.',
-  'backend.backend.rules.custom':
+  'backend.backend.rules.custom': 'Özel altyapı adı "-custom" ile bitmelidir.',
-    'Özel altyapı adı "-custom" ile bitmelidir.',
   'backend.quickConfig': 'Hızlı Yapılandırma',
   'backend.version.default.not.exists':
     'Varsayılan sürüm {versions} içinde mevcut değil.',

src/locales/tr-TR/benchmark.ts

@@ -37,7 +37,7 @@ export default {
     'Uzun bağlam işleme için stres testi. KV önbellek davranışını, bellek kullanımını ve altyapı kararlılığını değerlendirir.',
   'benchmark.form.profile.heavy.tips':
     'Çözümleme ağırlıklı üretim kıyaslaması. Sürekli çözümleme hızını ve çıkış token verimini ölçer.',
-  'benchmark.table.filter.bygpu': 'GPU\'ya göre filtrele',
+  'benchmark.table.filter.bygpu': "GPU'ya göre filtrele",
   'benchmark.table.filter.bymodel': 'Modele göre filtrele',
   'benchmark.table.filter.bydataset': 'Veri Kümesine göre filtrele',
   'benchmark.table.filter.byProfile': 'Profile göre filtrele',

src/locales/tr-TR/common.ts

@@ -123,10 +123,8 @@ export default {
   'common.chart.filter.holder': 'veri öğelerini filtrele',
   'common.chart.filter.tips': 'Filtreleme ile daha fazla görüntüle',
   'common.permission.401': 'Oturum açılmadı',
-  'common.permission.403':
+  'common.permission.403': 'Üzgünüz, bu sayfaya erişim izniniz bulunmuyor.',
-    'Üzgünüz, bu sayfaya erişim izniniz bulunmuyor.',
+  'common.permission.404': 'Üzgünüz, erişmeye çalıştığınız sayfa bulunamadı.',
-  'common.permission.404':
-    'Üzgünüz, erişmeye çalıştığınız sayfa bulunamadı.',
   'common.permission.action.post': 'Oluştur',
   'common.permission.action.get': 'Ara',
   'common.permission.action.delete': 'Sil',
@@ -144,7 +142,7 @@ export default {
   'common.search.nodata': 'eşleşen veri bulunamadı',
   'common.data.empty': 'Veri Yok',
   'common.tips.change': 'kaydedilmemiş değişiklikler var!',
-  'common.copy.notSupport': 'Tarayıcınız Pano API\'sini desteklemiyor',
+  'common.copy.notSupport': "Tarayıcınız Pano API'sini desteklemiyor",
   'common.title.basicInfo': 'Temel Bilgiler',
   'common.help.need': 'Yardıma mı ihtiyacınız var?',
   'common.help.eg': 'örn., {content}',
@@ -163,7 +161,7 @@ export default {
   'common.time.hour': 'saat',
   'common.time.minute': 'dakika',
   'common.issue.report': 'Sorun bildir',
-  'common.social.discord': 'Discord\'umuza Katılın',
+  'common.social.discord': "Discord'umuza Katılın",
   'common.table.mark': 'Yorum',
   'common.table.rollback.mark': 'Geri Alma Yorumu',
   'common.button.saveDeploy': 'Kaydet ve Dağıt',
@@ -174,17 +172,20 @@ export default {
   'common.button.stop': 'Durdur',
   'common.button.start': 'Başlat',
   'common.rule.object.key': 'anahtar boş olamaz',
-  'common.confirm.title': '{action} işlemini gerçekleştirmek istediğinizden emin misiniz?',
+  'common.confirm.title':
+    '{action} işlemini gerçekleştirmek istediğinizden emin misiniz?',
   'common.rule.name': 'Ad gereklidir',
   'common.rule.wordlimit': 'En fazla {length} karakter',
   'common.docs.link.tips': 'Dokümantasyonu Görüntüle',
   'common.docs.link': 'buraya tıklayın',
-  'common.result.nodata.subtitle': 'Lütfen oluşturulup oluşturulmadığını kontrol edin',
+  'common.result.nodata.subtitle':
+    'Lütfen oluşturulup oluşturulmadığını kontrol edin',
   'common.result.nodata.title': '{type} bulunamadı',
   'common.rule.array': 'dizi biçiminde olmalıdır',
   'common.rule.object': 'nesne biçiminde olmalıdır',
   'common.rule.syntaxerror': 'söz dizimi hatası',
-  'common.code.hide.tips': '... {rows} satır gizlendi, genişletmek için tıklayın ...',
+  'common.code.hide.tips':
+    '... {rows} satır gizlendi, genişletmek için tıklayın ...',
   'common.nodata.created': 'Henüz {type} oluşturulmadı',
   'common.nodata.added': 'Henüz {type} eklenmedi',
   'common.status.edited': 'Düzenlendi',
@@ -195,10 +196,12 @@ export default {
     'Seçili {type} öğesini silmek istediğinizden emin misiniz?',
   'common.delete.single.confirm':
     'Silmek istediğinizden emin misiniz? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
-  'common.stop.confirm': 'Seçili {type} öğesini durdurmak istediğinizden emin misiniz?',
+  'common.stop.confirm':
+    'Seçili {type} öğesini durdurmak istediğinizden emin misiniz?',
   'common.stop.single.confirm':
     'Durdurmak istediğinizden emin misiniz? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
-  'common.start.confirm': 'Seçili {type} öğesini başlatmak istediğinizden emin misiniz?',
+  'common.start.confirm':
+    'Seçili {type} öğesini başlatmak istediğinizden emin misiniz?',
   'common.start.single.confirm':
     'Başlatmak istediğinizden emin misiniz? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
   'common.filter.name': 'Ada göre filtrele',

src/locales/tr-TR/provider.ts

@@ -9,7 +9,7 @@ export default {
   'providers.form.tokens.add': 'API Anahtarı Ekle',
   'providers.form.models.add': 'Model Ekle',
   'providers.form.proxy.enable': 'Proxy Etkinleştir',
-  'providers.form.proxy.url': 'Proxy URL\'si',
+  'providers.form.proxy.url': "Proxy URL'si",
   'providers.form.proxy.timeout': 'Proxy Zaman Aşımı (saniye)',
   'providers.form.customConfig': 'Özel Yapılandırma',
   'providers.form.model.test': 'Test',
@@ -24,17 +24,17 @@ export default {
   'providers.form.rules.model': 'Lütfen bir model seçin',
   'providers.form.model.duplicate': 'Yinelenen model mevcut',
   'providers.table.registerRoute': 'Yönlendirme Kaydet',
-  'providers.form.azureServiceUrl': 'Azure OpenAI Hizmet URL\'si',
+  'providers.form.azureServiceUrl': "Azure OpenAI Hizmet URL'si",
   'providers.form.ollamaServerHost': 'Ollama Sunucu Ana Bilgisayarı',
   'providers.form.ollamaServerPort': 'Ollama Sunucu Portu',
-  'providers.form.hunyuanAuthId': 'Hunyuan Kimlik Doğrulama ID\'si',
+  'providers.form.hunyuanAuthId': "Hunyuan Kimlik Doğrulama ID'si",
   'providers.form.hunyuanAuthKey': 'Hunyuan Kimlik Doğrulama Anahtarı',
-  'providers.form.cloudflareAccountId': 'Cloudflare Hesap ID\'si',
+  'providers.form.cloudflareAccountId': "Cloudflare Hesap ID'si",
   'providers.form.targetLang': 'Hedef Dil',
   'providers.form.modelVersion': 'Model Sürümü',
   'providers.form.tritonDomain': 'Triton Sunucu Alan Adı',
   'providers.form.modelVersion.tips':
-    'Triton Server\'da kullanılan model sürümünü belirtir.',
+    "Triton Server'da kullanılan model sürümünü belirtir.",
   'providers.form.tritonDomain.tips':
     'Triton Server dağıtımına istek göndermek için kullanılan alan adı.',
   'providers.form.awsRegion': 'AWS Bölgesi'

src/locales/tr-TR/shortcuts.ts

@@ -6,7 +6,7 @@ export default {
   'shortcuts.playground.toggleparams': 'Parametreleri daralt/genişlet',
   'shortcuts.models.newmodelHF': 'Hugging Face modeli dağıt',
   'shortcuts.models.newmodelLM': 'Ollama modeli dağıt',
-  'shortcuts.models.search': 'Hugging Face\'den model ara',
+  'shortcuts.models.search': "Hugging Face'den model ara",
   'shortcuts.resources.addworker': 'İşçi düğüm ekle',
   'shortcuts.apikeys.new': 'Yeni API anahtarı',
   'shortcuts.users.new': 'Yeni kullanıcı'

src/locales/tr-TR/users.ts

@@ -9,7 +9,8 @@ export default {
   'users.status.active': 'Aktif',
   'users.status.inactive': 'Pasif',
   'users.form.active': 'Hesap Etkin',
-  'users.form.active.description': 'Bu kullanıcı hesabını etkinleştir veya devre dışı bırak',
+  'users.form.active.description':
+    'Bu kullanıcı hesabını etkinleştir veya devre dışı bırak',
   'users.form.fullname': 'Tam Ad',
   'users.form.source': 'Kaynak',
   'users.table.user': 'kullanıcılar',

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 {
-import { AutoTooltip, Select as SealSelect } from '@gpustack/core-ui';
+  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, useAppUtils } from '@gpustack/core-ui';
-import { Input as CInput, FormDrawer } 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 {
-import { Input as CInput, Select as SealSelect } from '@gpustack/core-ui';
+  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, useAppUtils } from '@gpustack/core-ui';
-import { Input as CInput } 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 {
-import { Input as CInput, Textarea as SealTextArea } from '@gpustack/core-ui';
+  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, useAppUtils } from '@gpustack/core-ui';
-import { Input as CInput, TooltipList } 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, useAppUtils } from '@gpustack/core-ui';
-import { Input as CInput } 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, useAppUtils } from '@gpustack/core-ui';
-import { MetadataList, Password } 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, useAppUtils } from '@gpustack/core-ui';
-import { CheckboxField, Input as CInput } 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 ||
+    audioContext.current = new (
-      window.webkitAudioContext)();
+      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';