diff --git a/src/components/icon-font/index.tsx b/src/components/icon-font/index.tsx
index c126bdbc..e6fb0e10 100644
--- a/src/components/icon-font/index.tsx
+++ b/src/components/icon-font/index.tsx
@@ -1,8 +1,8 @@
import { createFromIconfontCN } from '@ant-design/icons';
-import './iconfont/iconfont.js';
+// import './iconfont/iconfont.js';
const IconFont = createFromIconfontCN({
- scriptUrl: '//at.alicdn.com/t/c/font_4613488_7zu9s75km1r.js'
+ scriptUrl: '//at.alicdn.com/t/c/font_4613488_110n9b7vcjv.js'
});
export default IconFont;
diff --git a/src/components/version-info/index.tsx b/src/components/version-info/index.tsx
index 62657567..992c81d4 100644
--- a/src/components/version-info/index.tsx
+++ b/src/components/version-info/index.tsx
@@ -88,7 +88,7 @@ export const modalConfig = {
icon: null,
centered: false,
mask: {
- closeable: true
+ closable: true
},
footer: null,
style: {
diff --git a/src/locales/en-US/resources.ts b/src/locales/en-US/resources.ts
index bfa5e148..63d50653 100644
--- a/src/locales/en-US/resources.ts
+++ b/src/locales/en-US/resources.ts
@@ -107,5 +107,7 @@ export default {
'When enter the maintenance mode, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
'resources.worker.noCluster.tips':
'No available clusters. Please create a cluster before adding a node.',
- 'resources.metrics.details': 'Monitoring'
+ 'resources.metrics.details': 'Monitoring',
+ 'resoureces.worker.upgrade.tips':
+ 'Please upgrade to match the GPUStack Server version.'
};
diff --git a/src/locales/ja-JP/resources.ts b/src/locales/ja-JP/resources.ts
index 29736eb3..405b028a 100644
--- a/src/locales/ja-JP/resources.ts
+++ b/src/locales/ja-JP/resources.ts
@@ -108,7 +108,9 @@ export default {
'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
'resources.worker.noCluster.tips':
'No available clusters. Please create a cluster before adding a node.',
- 'resources.metrics.details': 'Monitoring'
+ 'resources.metrics.details': 'Monitoring',
+ 'resoureces.worker.upgrade.tips':
+ 'Please upgrade to match the GPUStack Server version.'
};
// ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -136,4 +138,5 @@ export default {
// 22. 'resources.worker.maintenance.remark.rules': 'Please enter maintenance remarks',
// 23. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
// 24. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.'
+// 25. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.'
// ========== End of To-Do List ==========
diff --git a/src/locales/ru-RU/resources.ts b/src/locales/ru-RU/resources.ts
index 94c6dc06..8e9a4362 100644
--- a/src/locales/ru-RU/resources.ts
+++ b/src/locales/ru-RU/resources.ts
@@ -106,7 +106,9 @@ export default {
'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
'resources.worker.noCluster.tips':
'No available clusters. Please create a cluster before adding a node.',
- 'resources.metrics.details': 'Monitoring'
+ 'resources.metrics.details': 'Monitoring',
+ 'resoureces.worker.upgrade.tips':
+ 'Please upgrade to match the GPUStack Server version.'
};
// ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -117,5 +119,6 @@ export default {
// 6. 'resources.worker.maintenance.remark.rules': 'Please enter maintenance remarks',
// 7. 'resources.worker.maintenance.tips': 'When maintenance mode is enabled, the node will stop scheduling new model deployment tasks. Running instances will not be affected.',
// 8. 'resources.worker.noCluster.tips': 'No available clusters. Please create a cluster before adding a node.',
-// 9. 'resources.metrics.details': 'Monitoring'
+// 9. 'resources.metrics.details': 'Monitoring',
+// 10. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.'
// ========== End of To-Do List ==========
diff --git a/src/locales/tr-TR/menu.ts b/src/locales/tr-TR/menu.ts
index 56844c5a..5203c84c 100644
--- a/src/locales/tr-TR/menu.ts
+++ b/src/locales/tr-TR/menu.ts
@@ -23,7 +23,7 @@ export default {
'menu.apikeys': 'API Anahtarları',
'menu.users': 'Kullanıcılar',
'menu.resources.workers': 'İşçi Düğümler',
- 'menu.resources.gpus': 'GPU\'lar',
+ 'menu.resources.gpus': "GPU'lar",
'menu.resources.modelfiles': 'Model Dosyaları',
'menu.accessControl': 'Erişim Kontrolü',
'menu.accessControl.apikeys': 'API Anahtarları',
@@ -37,5 +37,10 @@ export default {
'menu.clusterManagement.credentials': 'Bulut Kimlik Bilgileri',
'menu.clusterManagement.clusterDetail': 'Küme Detayı',
'menu.clusterManagement.clusterCreate': 'Küme Oluştur',
- 'menu.resources.backendsList': 'Çıkarım Altyapıları'
+ 'menu.resources.backendsList': 'Çıkarım Altyapıları',
+ 'menu.models.instances': 'Instances'
};
+
+// ========== To-Do: Translate Keys (Remove After Translation) ==========
+// 1. 'menu.models.instances': 'Instances'
+// ========== End of To-Do List ==========
diff --git a/src/locales/tr-TR/models.ts b/src/locales/tr-TR/models.ts
index 2b5c6d85..a98946b3 100644
--- a/src/locales/tr-TR/models.ts
+++ b/src/locales/tr-TR/models.ts
@@ -24,7 +24,7 @@ export default {
'model.deploy.sort': 'Sırala',
'model.deploy.search.placeholder': 'Modelleri aramak için / yazın',
'model.form.ollamatips':
- 'İpucu: Aşağıdakiler GPUStack\'te önceden yapılandırılmış Ollama modelleridir. İstediğiniz modeli seçin veya dağıtmak istediğiniz modeli doğrudan sağdaki 【{name}】 giriş kutusuna yazın.',
+ "İpucu: Aşağıdakiler GPUStack'te önceden yapılandırılmış Ollama modelleridir. İstediğiniz modeli seçin veya dağıtmak istediğiniz modeli doğrudan sağdaki 【{name}】 giriş kutusuna yazın.",
'models.sort.name': 'Ad',
'models.sort.size': 'Boyut',
'models.sort.likes': 'Beğeniler',
@@ -34,8 +34,8 @@ export default {
'models.search.result': '{count} sonuç',
'models.data.card': 'Model Kartı',
'models.available.files': 'Mevcut Dosyalar',
- 'models.viewin.hf': 'Hugging Face\'de Görüntüle',
- 'models.viewin.modelscope': 'ModelScope\'da Görüntüle',
+ 'models.viewin.hf': "Hugging Face'de Görüntüle",
+ 'models.viewin.modelscope': "ModelScope'da Görüntüle",
'models.architecture': 'Mimari',
'models.search.noresult': 'İlgili model bulunamadı',
'models.search.nofiles': 'Mevcut dosya yok',
@@ -50,9 +50,9 @@ export default {
'models.form.scheduletype.gpu': 'GPU Belirle',
'models.form.scheduletype.gpuType': 'GPU Türü Belirle',
'models.form.scheduletype.auto.tips':
- 'Mevcut kaynak koşullarına göre model örneklerini uygun GPU\'lara otomatik olarak dağıtır.',
+ "Mevcut kaynak koşullarına göre model örneklerini uygun GPU'lara otomatik olarak dağıtır.",
'models.form.scheduletype.manual.tips':
- 'Model örneklerinin dağıtılacağı GPU\'ları manuel olarak belirlemenize olanak tanır.',
+ "Model örneklerinin dağıtılacağı GPU'ları manuel olarak belirlemenize olanak tanır.",
'models.form.manual.schedule': 'Manuel Zamanlama',
'models.table.gpuindex': 'GPU İndeksi',
'models.table.backend': 'Altyapılar',
@@ -91,12 +91,13 @@ export default {
'GGUF format modeller için, Linux, macOS ve Windows destekler.',
'models.form.backend.vllm':
'NVIDIA, AMD, Ascend, Hygon, Moore Threads, Iluvatar, MetaX, T-Head PPU cihazları için yerleşik destek.',
- 'models.form.backend.voxbox': 'Yalnızca NVIDIA GPU\'ları ve CPU\'ları destekler.',
- 'models.form.backend.mindie': 'Yalnızca Ascend NPU\'ları destekler.',
+ 'models.form.backend.voxbox':
+ "Yalnızca NVIDIA GPU'ları ve CPU'ları destekler.",
+ 'models.form.backend.mindie': "Yalnızca Ascend NPU'ları destekler.",
'models.form.backend.sglang':
'NVIDIA, AMD, Ascend, Moore Threads, MetaX, T-Head PPU cihazları için yerleşik destek.',
'models.form.search.gguftips':
- 'İşçi düğüm olarak macOS veya Windows kullanılıyorsa GGUF\'u işaretleyin (ses modelleri için işareti kaldırın).',
+ "İşçi düğüm olarak macOS veya Windows kullanılıyorsa GGUF'u işaretleyin (ses modelleri için işareti kaldırın).",
'models.form.button.addlabel': 'Etiket Ekle',
'models.filter.category': 'Kategoriye göre filtrele',
'models.list.more.logs': 'Daha Fazla Göster',
@@ -141,16 +142,14 @@ export default {
'models.form.check.passed': 'Uyumluluk Kontrolü Başarılı',
'models.form.check.claims':
'Model yaklaşık {vram} VRAM ve {ram} RAM tüketecektir.',
- 'models.form.check.claims2':
- 'Model yaklaşık {vram} VRAM tüketecektir.',
- 'models.form.check.claims3':
- 'Model yaklaşık {ram} RAM tüketecektir.',
+ 'models.form.check.claims2': 'Model yaklaşık {vram} VRAM tüketecektir.',
+ 'models.form.check.claims3': 'Model yaklaşık {ram} RAM tüketecektir.',
'models.form.update.tips':
'Değişiklikler yalnızca örneği silip yeniden oluşturduğunuzda geçerli olur.',
'models.table.download.progress': 'İlerleme',
'models.table.button.apiAccessInfo': 'API Erişim Bilgisi',
- 'models.table.button.apiAccessInfo.tips': `Bu modeli üçüncü taraf uygulamalarla entegre etmek için şu bilgileri kullanın: erişim URL\'si, model adı ve API anahtarı. Bu kimlik bilgileri, model hizmetine düzgün bağlantı ve kullanım sağlamak için gereklidir.`,
- 'models.table.apiAccessInfo.endpoint': 'Erişim URL\'si',
+ 'models.table.button.apiAccessInfo.tips': `Bu modeli üçüncü taraf uygulamalarla entegre etmek için şu bilgileri kullanın: erişim URL'si, model adı ve API anahtarı. Bu kimlik bilgileri, model hizmetine düzgün bağlantı ve kullanım sağlamak için gereklidir.`,
+ 'models.table.apiAccessInfo.endpoint': "Erişim URL'si",
'models.table.apiAccessInfo.modelName': 'Model Adı',
'models.table.apiAccessInfo.apikey': 'API Anahtarı',
'models.table.apiAccessInfo.openaiCompatible': 'OpenAI Uyumlu',
@@ -196,7 +195,7 @@ export default {
'models.form.extendedkvcache': 'Genişletilmiş KV Önbelleğini Etkinleştir',
'models.form.chunkSize': 'Önbellek Parça Boyutu',
'models.form.maxCPUSize': 'Maksimum CPU Önbellek Boyutu (GiB)',
- 'models.form.remoteURL': 'Uzak Depolama URL\'si',
+ 'models.form.remoteURL': "Uzak Depolama URL'si",
'models.form.remoteURL.tips':
'Ayrıntılar için yapılandırma dokümantasyonuna bakın.',
'models.form.runCommandPlaceholder':
@@ -213,7 +212,7 @@ export default {
'models.form.gpusAllocationType.auto': 'Otomatik',
'models.form.gpusAllocationType.custom': 'Özel',
'models.form.gpusAllocationType.auto.tips':
- 'Sistem kopya başına GPU sayısını otomatik hesaplar, varsayılan olarak ikinin kuvvetlerini kullanır ve seçilen GPU\'larla sınırlandırılır.',
+ "Sistem kopya başına GPU sayısını otomatik hesaplar, varsayılan olarak ikinin kuvvetlerini kullanır ve seçilen GPU'larla sınırlandırılır.",
'models.form.gpusAllocationType.custom.tips':
'Kopya başına tam GPU sayısını belirleyebilirsiniz.',
'models.mymodels.status.inactive': 'Durduruldu',
@@ -227,7 +226,7 @@ export default {
'models.form.ramRatio': 'RAM-VRAM Oranı',
'models.form.ramSize': 'Maksimum RAM Boyutu (GiB)',
'models.form.ramRatio.tips':
- 'KV önbellek için kullanılan sistem RAM\'in GPU VRAM\'e oranı. Örneğin, 2.0 RAM\'deki önbelleğin GPU VRAM\'in iki katı olabileceği anlamına gelir.',
+ "KV önbellek için kullanılan sistem RAM'in GPU VRAM'e oranı. Örneğin, 2.0 RAM'deki önbelleğin GPU VRAM'in iki katı olabileceği anlamına gelir.",
'models.form.ramSize.tips': `Sistem belleğinde depolanan KV önbelleğin maksimum boyutu (GiB). Ayarlanırsa, bu değer "{content}" değerini geçersiz kılar.`,
'models.form.chunkSize.tips': 'KV önbellek parçası başına token sayısı.',
'models.form.mode': 'Mod',
@@ -245,9 +244,10 @@ export default {
'Düşük istek eşzamanlılığı altında düşük gecikme için optimize edilmiştir.',
'models.form.mode.baseline.tips':
'Tam (orijinal) hassasiyette çalışır ve uyumluluğu ön planda tutar.',
- 'models.form.draftModel.placeholder': 'Lütfen bir taslak model seçin veya girin',
+ 'models.form.draftModel.placeholder':
+ 'Lütfen bir taslak model seçin veya girin',
'models.form.draftModel.tips':
- 'Yerel yol (örn., /path/to/model) girebilir veya Hugging Face ya da ModelScope\'dan bir model seçebilirsiniz (örn., Tengyunw/qwen3_8b_eagle3). Sistem birincil model kaynağına göre otomatik eşleme yapar.',
+ "Yerel yol (örn., /path/to/model) girebilir veya Hugging Face ya da ModelScope'dan bir model seçebilirsiniz (örn., Tengyunw/qwen3_8b_eagle3). Sistem birincil model kaynağına göre otomatik eşleme yapar.",
'models.form.quantization': 'Niceleme',
'models.form.backend.custom': 'Kullanıcı tanımlı',
'models.form.rules.name':
@@ -255,7 +255,7 @@ export default {
'models.catalog.button.explore': 'Daha Fazla Model Keşfet',
'models.catalog.precision': 'Hassasiyet',
'models.form.gpuPerReplica.tips': 'Özel bir sayı girin',
- 'models.form.generic_proxy': 'Genel Proxy\'yi Etkinleştir',
+ 'models.form.generic_proxy': "Genel Proxy'yi Etkinleştir",
'models.form.enableModelRoute': 'Model Yönlendirmesini Etkinleştir',
'models.form.enableModelRoute.tips': 'Model Yönlendirmesini Etkinleştir',
'models.form.generic_proxy.tips':
@@ -274,10 +274,17 @@ export default {
'models.form.backendVersions.tips': `Daha fazla sürüm kullanmak için {link} sayfasına gidin ve sürüm eklemek üzere altyapıyı düzenleyin.`,
'models.catalog.nogpus.tips':
'Seçili kümede bu model için uyumlu GPU bulunmuyor.',
- 'models.form.modelfile.notfound': `Belirttiğiniz model dosyası yolu GPUStack sunucusunda mevcut değil. Model dosyasını hem GPUStack sunucusunda hem de GPUStack işçi düğümlerinde aynı yola yerleştirmeniz önerilir. Bu, GPUStack\'in daha iyi kararlar almasına yardımcı olur.`,
+ 'models.form.modelfile.notfound': `Belirttiğiniz model dosyası yolu GPUStack sunucusunda mevcut değil. Model dosyasını hem GPUStack sunucusunda hem de GPUStack işçi düğümlerinde aynı yola yerleştirmeniz önerilir. Bu, GPUStack'in daha iyi kararlar almasına yardımcı olur.`,
'models.form.readyWorkers': 'hazır işçi düğüm',
'models.form.maxContextLength': 'Maksimum Bağlam Uzunluğu',
'models.form.backend.helperText':
'Henüz etkinleştirilmedi. Dağıtımdan sonra etkinleştirilecektir. ',
- 'models.table.instance.benchmark': 'Kıyaslama Çalıştır'
+ 'models.table.instance.benchmark': 'Kıyaslama Çalıştır',
+ 'models.table.modelView': 'Model List',
+ 'models.table.instanceView': 'Instance List'
};
+
+// ========== To-Do: Translate Keys (Remove After Translation) ==========
+// 1. 'models.table.modelView': 'Model List',
+// 2. 'models.table.instanceView': 'Instance List',
+// ========== End of To-Do List ==========
diff --git a/src/locales/tr-TR/no-result.ts b/src/locales/tr-TR/no-result.ts
index 3d2210d8..160e75e6 100644
--- a/src/locales/tr-TR/no-result.ts
+++ b/src/locales/tr-TR/no-result.ts
@@ -1,13 +1,15 @@
export default {
'noresult.button.add': 'Şimdi Ekle',
'noresult.mymodels.title': 'Erişilebilir Model Yok',
- 'noresult.mymodels.subTitle': 'Erişim için lütfen yöneticiyle iletişime geçin.',
+ 'noresult.mymodels.subTitle':
+ 'Erişim için lütfen yöneticiyle iletişime geçin.',
'noresult.mymodels.nofound': 'Eşleşen model bulunamadı',
'noresult.deployments.title': 'Dağıtılmış Model Yok',
'noresult.deployments.subTitle':
'Henüz hiç model dağıtmadınız. Başlamak için aşağıdaki düğmeye tıklayın.',
'noresult.gpus.title': 'GPU Cihazı Algılanamadı',
- 'noresult.gpus.subTitle': 'Lütfen İşçi Düğüm durumunun HAZIR olup olmadığını kontrol edin.',
+ 'noresult.gpus.subTitle':
+ 'Lütfen İşçi Düğüm durumunun HAZIR olup olmadığını kontrol edin.',
'noresult.gpus.nofound': 'Eşleşen GPU cihazı bulunamadı.',
'noresult.workers.title': 'İşçi Düğüm Yok',
'noresult.workers.subTitle': 'Hiçbir kümede işçi düğüm bulunamadı.',
@@ -48,5 +50,15 @@ export default {
'noresult.providers.nofound': 'Eşleşen sağlayıcı bulunamadı.',
'noresult.routes.title': 'Yönlendirme Yok',
'noresult.routes.subTitle': 'Henüz yönlendirme eklenmedi.',
- 'noresult.routes.nofound': 'Eşleşen yönlendirme bulunamadı.'
+ 'noresult.routes.nofound': 'Eşleşen yönlendirme bulunamadı.',
+ 'noresult.instances.title': 'No instances',
+ 'noresult.instances.subTitle':
+ 'There are no running model instances. Deploy a model to create one automatically.',
+ 'noresult.instances.nofound': 'No matching instances found.'
};
+
+// ========== To-Do: Translate Keys (Remove After Translation) ==========
+// 1. 'noresult.instances.title': 'No instances',
+// 2. 'noresult.instances.subTitle': 'There are no running model instances. Deploy a model to create one automatically.',
+// 3. 'noresult.instances.nofound': 'No matching instances found.'
+// ========== End of To-Do List ==========
diff --git a/src/locales/tr-TR/resources.ts b/src/locales/tr-TR/resources.ts
index 92d4fa51..a00d684a 100644
--- a/src/locales/tr-TR/resources.ts
+++ b/src/locales/tr-TR/resources.ts
@@ -19,7 +19,7 @@ export default {
'resources.form.spread.tips':
'Tüm kümenin kaynaklarını tüm işçi düğümler arasında nispeten eşit dağıtır. Tek bir işçi düğümde daha fazla kaynak parçalanması oluşturabilir.',
'resources.form.binpack.tips':
- 'Küme kaynaklarının genel kullanımını önceliklendirerek GPU\'lar/İşçi Düğümlerdeki kaynak parçalanmasını azaltır.',
+ "Küme kaynaklarının genel kullanımını önceliklendirerek GPU'lar/İşçi Düğümlerdeki kaynak parçalanmasını azaltır.",
'resources.form.workerSelector.description':
'Sistem, önceden tanımlanmış etiketlere göre model örneklerini dağıtmak için en uygun İşçi Düğümü seçer.',
'resources.table.ip': 'IP',
@@ -56,7 +56,7 @@ export default {
'Komutu oluşturmak için bir etiket seçin ve kopyala düğmesiyle kopyalayın.',
'resources.worker.script.install': 'Betik Kurulumu',
'resources.worker.container.install': 'Konteyner Kurulumu (Yalnızca Linux)',
- 'resources.worker.cann.tips': `Gerekli NPU indeksine göre --device /dev/davinci{index} ayarlayın. Örneğin, NPU0 ve NPU1\'i bağlamak için --device /dev/davinci0 --device /dev/davinci1 ekleyin.`,
+ 'resources.worker.cann.tips': `Gerekli NPU indeksine göre --device /dev/davinci{index} ayarlayın. Örneğin, NPU0 ve NPU1'i bağlamak için --device /dev/davinci0 --device /dev/davinci1 ekleyin.`,
'resources.modelfiles.form.path': 'Depolama Yolu',
'resources.modelfiles.modelfile': 'Model Dosyaları',
'resources.modelfiles.download': 'Model Dosyası Ekle',
@@ -101,11 +101,16 @@ export default {
'resources.worker.maintenance.enable': 'Bakım Moduna Gir',
'resources.worker.maintenance.disable': 'Bakım Modundan Çık',
'resources.worker.maintenance.remark': 'Not',
- 'resources.worker.maintenance.remark.rules':
- 'Lütfen bakım notlarını girin',
+ 'resources.worker.maintenance.remark.rules': 'Lütfen bakım notlarını girin',
'resources.worker.maintenance.tips':
'Bakım moduna girildiğinde, düğüm yeni model dağıtım görevlerini zamanlamayı durduracaktır. Çalışan örnekler etkilenmez.',
'resources.worker.noCluster.tips':
'Kullanılabilir küme yok. Lütfen düğüm eklemeden önce bir küme oluşturun.',
- 'resources.metrics.details': 'İzleme'
+ 'resources.metrics.details': 'İzleme',
+ 'resoureces.worker.upgrade.tips':
+ 'Please upgrade to match the GPUStack Server version.'
};
+
+// ========== To-Do: Translate Keys (Remove After Translation) ==========
+// 1. 'resoureces.worker.upgrade.tips': 'Please upgrade to match the GPUStack Server version.'
+// ========== End of To-Do List ==========
diff --git a/src/locales/zh-CN/resources.ts b/src/locales/zh-CN/resources.ts
index 7d2430e7..2d52784d 100644
--- a/src/locales/zh-CN/resources.ts
+++ b/src/locales/zh-CN/resources.ts
@@ -103,5 +103,6 @@ export default {
'resources.worker.maintenance.tips':
'进入维护模式后，节点将停止调度新的模型实例部署任务，正在运行的实例不会受到影响。',
'resources.worker.noCluster.tips': '当前无可用集群，请先创建集群再添加节点。',
- 'resources.metrics.details': '监控'
+ 'resources.metrics.details': '监控',
+ 'resoureces.worker.upgrade.tips': '请升级到与 GPUStack Server 版本一致。'
};
diff --git a/src/pages/backends/components/backend-list.tsx b/src/pages/backends/components/backend-list.tsx
index 573474a2..2514f247 100644
--- a/src/pages/backends/components/backend-list.tsx
+++ b/src/pages/backends/components/backend-list.tsx
@@ -4,38 +4,9 @@ import InfiniteScroller from '@/pages/_components/infinite-scroller';
import { useScrollerContext } from '@/pages/_components/infinite-scroller/use-scroller-context';
import { Spin } from 'antd';
import React from 'react';
-import styled from 'styled-components';
+import backendListCss from '../styles/backend-list.less';
import BackendCard from './backend-card';
-const SpinWrapper = styled.div`
- width: 100%;
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- top: 0;
- left: 0;
- max-height: 400px;
- right: 0;
- .skelton-wrapper {
- width: 100%;
- }
-`;
-
-const SkeletonWrapper = styled.div`
- .ant-skeleton-content {
- .ant-skeleton-paragraph {
- display: flex;
- flex-direction: column;
- gap: 16px;
- margin-bottom: 0;
- li {
- margin-top: 0 !important;
- }
- }
- }
-`;
-
interface BackendListProps {
defaultSpan?: number;
resizable?: boolean;
@@ -54,7 +25,7 @@ const ListSkeleton: React.FC<{
return (
{loading && (
-
+
{isFirst && (
-
+
-
+
)}
-
+
)}
-
+
GPU:[
{_.join(
record.gpu_indexes?.sort?.((a, b) => a - b),
@@ -115,10 +115,10 @@ const useProviderColumns = (options: {
>
-
+
{record?.backend || record?.backend || ''}
{record.backend_version || record?.backend_version
? `(${record.backend_version || record?.backend_version})`
diff --git a/src/pages/resources/components/workers.tsx b/src/pages/resources/components/workers.tsx
index e70854a3..14be0d8c 100644
--- a/src/pages/resources/components/workers.tsx
+++ b/src/pages/resources/components/workers.tsx
@@ -279,6 +279,7 @@ const Workers = () => {
sortDirections={TABLE_SORT_DIRECTIONS}
showSorterTooltip={false}
tableLayout={'auto'}
+ className={'scroll-table'}
dataSource={dataSource.dataList}
loading={{
spinning: dataSource.loading,
diff --git a/src/pages/resources/config/types.ts b/src/pages/resources/config/types.ts
index 3fbe9476..01f58142 100644
--- a/src/pages/resources/config/types.ts
+++ b/src/pages/resources/config/types.ts
@@ -69,6 +69,7 @@ export interface ListItem {
ssh_key_id: string;
advertise_address: string;
provision_progress: string;
+ worker_version: string;
maintenance: {
enabled: boolean;
message: string;
diff --git a/src/pages/resources/hooks/use-worker-columns.tsx b/src/pages/resources/hooks/use-worker-columns.tsx
index 82ae34ac..57906c23 100644
--- a/src/pages/resources/hooks/use-worker-columns.tsx
+++ b/src/pages/resources/hooks/use-worker-columns.tsx
@@ -1,6 +1,8 @@
import { systemConfigAtom } from '@/atoms/system';
+import { GPUStackVersionAtom } from '@/atoms/user';
import AutoTooltip from '@/components/auto-tooltip';
import DropdownButtons from '@/components/drop-down-buttons';
+import IconFont from '@/components/icon-font';
import LabelsCell from '@/components/label-cell';
import ProgressBar from '@/components/progress-bar';
import InfoColumn from '@/components/simple-table/info-column';
@@ -17,31 +19,16 @@ import {
ToolOutlined
} from '@ant-design/icons';
import { useIntl } from '@umijs/max';
-import { Tooltip } from 'antd';
+import { Tag, Tooltip } from 'antd';
import { ColumnsType } from 'antd/lib/table';
-import { useAtomValue } from 'jotai';
+import { useAtom, useAtomValue } from 'jotai';
import _ from 'lodash';
import { useMemo } from 'react';
-import styled from 'styled-components';
+import semverCoerce from 'semver/functions/coerce';
+import semverGt from 'semver/functions/gt';
import { status, WorkerStatusMap, WorkerStatusMapValue } from '../config';
import { Filesystem, GPUDeviceItem, ListItem } from '../config/types';
-
-const IPWrapper = styled.span`
- display: flex;
- flex-direction: column;
- .item {
- display: grid;
- grid-template-columns: auto 1fr;
- gap: 4px 8px;
- .label {
- text-align: right;
- font-size: 13px;
- display: flex;
- align-items: center;
- color: var(--ant-color-text-tertiary);
- }
- }
-`;
+import workerCss from '../styles/worker.less';
const ActionList = [
{ label: 'common.button.edit', key: 'edit', icon: },
@@ -110,6 +97,16 @@ const fieldList = [
}
];
+const showUpgrade = (
+ workerVersion: string,
+ currentVersion: string
+): boolean => {
+ const w_ver = semverCoerce(workerVersion);
+ const c_ver = semverCoerce(currentVersion);
+
+ return !!w_ver && !!c_ver && semverGt(c_ver, w_ver);
+};
+
const formateUtilization = (val1: number, val2: number): number =>
val1 && val2 ? _.round((val1 / val2) * 100, 0) : 0;
@@ -248,6 +245,9 @@ const useWorkerColumns = ({
}): ColumnsType => {
const intl = useIntl();
const systemConfig = useAtomValue(systemConfigAtom);
+ const [version] = useAtom(GPUStackVersionAtom);
+
+ console.log('version in useWorkerColumns', version);
const renderIP = (text: string, record: ListItem) => {
if (record.advertise_address === record.ip) {
@@ -260,14 +260,14 @@ const useWorkerColumns = ({
record.ip
) {
return (
-
+
{record.ip}
{`(${intl.formatMessage({ id: 'clusters.table.ip.internal' })})`}
{record.advertise_address}
{`(${intl.formatMessage({ id: 'clusters.table.ip.external' })})`}
-
+
);
}
return record.ip || record.advertise_address || '';
@@ -297,12 +297,30 @@ const useWorkerColumns = ({
{
title: intl.formatMessage({ id: 'common.table.name' }),
dataIndex: 'name',
- width: 100,
+ width: 140,
sorter: tableSorter(1),
- render: (text: string) => (
-
- {text}
-
+ render: (text: string, record: ListItem) => (
+
+
+ {text}
+
+
+
+
+ {version.version}
+ {showUpgrade(record.worker_version, version.version) && (
+
+ )}
+
+
+
+