From 636190b8e6b09ce53930e1ddc1f98fb8d8f94619 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 8 Jun 2026 14:28:54 +0800
Subject: [PATCH] chore: show the backend info in instance view

---
 .../instance-view/use-instance-columns.tsx    | 44 +++++++++++++------
 1 file changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/pages/llmodels/instance-view/use-instance-columns.tsx b/src/pages/llmodels/instance-view/use-instance-columns.tsx
index 9daa4214..b231a916 100644
--- a/src/pages/llmodels/instance-view/use-instance-columns.tsx
+++ b/src/pages/llmodels/instance-view/use-instance-columns.tsx
@@ -2,6 +2,7 @@
 import { tableSorter } from '@/config/settings';
 import { ListItem as workerListItem } from '@/pages/resources/config/types';
 import { convertFileSize } from '@/utils';
+import { ThunderboltFilled } from '@ant-design/icons';
 import { AutoTooltip, IconFont } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { ColumnsType } from 'antd/lib/table';
@@ -88,20 +89,35 @@ const useInstancesColumns = (options: {
         title: intl.formatMessage({ id: 'common.table.name' }),
         dataIndex: 'name',
         sorter: tableSorter(1),
+        minWidth: 160,
         render: (value: string, record: ListItem) => (
-          <NameCell
-            showWorkerInfo={true}
-            record={record}
-            modelData={{
-              backend: record.backend,
-              backend_version: record.backend_version
-            }}
-            styles={{
-              label: {
-                color: 'var(--ant-color-text)'
-              }
-            }}
-          ></NameCell>
+          <>
+            <NameCell
+              showWorkerInfo={false}
+              record={record}
+              modelData={{
+                backend: record.backend,
+                backend_version: record.backend_version
+              }}
+              styles={{
+                label: {
+                  color: 'var(--ant-color-text)'
+                }
+              }}
+            ></NameCell>
+            <div className="flex-center">
+              <ThunderboltFilled
+                className="m-r-5 text-quaternary"
+                style={{ fontSize: 12, position: 'relative', top: 2 }}
+              />
+              <span className="text-quaternary">
+                {record?.backend || record?.backend || ''}
+                {record.backend_version || record?.backend_version
+                  ? `(${record.backend_version || record?.backend_version})`
+                  : ''}
+              </span>
+            </div>
+          </>
         )
       },
       {
@@ -121,7 +137,7 @@ const useInstancesColumns = (options: {
         dataIndex: 'worker_id',
         render: (text, record) => (
           <div className="flex-center gap-8">
-            <AutoTooltip ghost>{record.worker_name}</AutoTooltip>
+            <AutoTooltip ghost>{renderWorkerCell(text, record)}</AutoTooltip>
             <DistributeInfoCell
               record={record}
               workerList={workerList}