From 82203adf9b648b418fbbec63ddd7790734457de3 Mon Sep 17 00:00:00 2001
From: luxiang <lux@njuelectronics.com>
Date: Mon, 30 Mar 2026 21:28:24 +0800
Subject: [PATCH 1/3] ENH: add worker details for deploy progress

---
 .../components/launchModelDrawer.js           | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
index d6d66b6a9e..239d57b2ea 100644
--- a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
+++ b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
@@ -196,6 +196,8 @@ const LaunchModelDrawer = ({
     return Object.entries(obj).map(([key, value]) => ({ key, value }))
   }
 
+  const getReplicaWorkerAddress = (replica) => replica?.worker_address || '—'
+
   const restoreNGPU = (value) => {
     if (value === null) return 'CPU'
     if (value === 'auto') {
@@ -1258,14 +1260,28 @@ const LaunchModelDrawer = ({
                             sx={{
                               display: 'flex',
                               justifyContent: 'space-between',
-                              alignItems: 'center',
+                              alignItems: 'flex-start',
                               mb: 0.5,
+                              gap: 1.5,
                             }}
                           >
-                            <Typography variant="caption">
-                              {t('modelReplicaDetails.replica')}{' '}
-                              {replica.replica_id}:
-                            </Typography>
+                            <Box sx={{ minWidth: 0 }}>
+                              <Typography variant="caption" display="block">
+                                {t('modelReplicaDetails.replica')}{' '}
+                                {replica.replica_id}:
+                              </Typography>
+                              <Typography
+                                variant="caption"
+                                display="block"
+                                color="text.secondary"
+                                sx={{
+                                  fontFamily: 'monospace',
+                                  wordBreak: 'break-all',
+                                }}
+                              >
+                                {getReplicaWorkerAddress(replica)}
+                              </Typography>
+                            </Box>
                             <Chip
                               label={replica.status}
                               color={

From 998c49df258ea5b27fd7cf945e6fa8d29ed762f5 Mon Sep 17 00:00:00 2001
From: luxiang <lux@njuelectronics.com>
Date: Mon, 30 Mar 2026 21:53:06 +0800
Subject: [PATCH 2/3] fix

---
 .../components/launchModelDrawer.js           | 48 ++++++++++++++++---
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
index 239d57b2ea..5d8fc7a4b6 100644
--- a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
+++ b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
@@ -1250,7 +1250,10 @@ const LaunchModelDrawer = ({
                 title={
                   isShowCancel ? (
                     <Box sx={{ minWidth: 200 }}>
-                      <Typography variant="subtitle2" sx={{ mb: 1 }}>
+                      <Typography
+                        variant="subtitle2"
+                        sx={{ mb: 1, fontWeight: 600, color: 'inherit' }}
+                      >
                         {t('launchModel.launchProgress')}:
                       </Typography>
                       {replicaStatuses.length > 0 ? (
@@ -1260,22 +1263,27 @@ const LaunchModelDrawer = ({
                             sx={{
                               display: 'flex',
                               justifyContent: 'space-between',
-                              alignItems: 'flex-start',
-                              mb: 0.5,
+                              alignItems: 'center',
+                              mb: 0.75,
                               gap: 1.5,
                             }}
                           >
                             <Box sx={{ minWidth: 0 }}>
-                              <Typography variant="caption" display="block">
+                              <Typography
+                                variant="caption"
+                                display="block"
+                                sx={{ fontWeight: 600, color: 'inherit' }}
+                              >
                                 {t('modelReplicaDetails.replica')}{' '}
                                 {replica.replica_id}:
                               </Typography>
                               <Typography
                                 variant="caption"
                                 display="block"
-                                color="text.secondary"
                                 sx={{
                                   fontFamily: 'monospace',
+                                  color: 'rgba(255, 255, 255, 0.82)',
+                                  lineHeight: 1.4,
                                   wordBreak: 'break-all',
                                 }}
                               >
@@ -1292,12 +1300,20 @@ const LaunchModelDrawer = ({
                                   : 'default'
                               }
                               size="small"
-                              sx={{ height: 20, fontSize: '0.7rem' }}
+                              sx={{
+                                height: 22,
+                                fontSize: '0.7rem',
+                                fontWeight: 600,
+                                '&.MuiChip-colorDefault': {
+                                  bgcolor: 'rgba(255, 255, 255, 0.14)',
+                                  color: '#fff',
+                                },
+                              }}
                             />
                           </Box>
                         ))
                       ) : (
-                        <Typography variant="caption">
+                        <Typography variant="caption" sx={{ color: 'inherit' }}>
                           {t('launchModel.initializing')}
                         </Typography>
                       )}
@@ -1308,6 +1324,24 @@ const LaunchModelDrawer = ({
                 }
                 placement="top"
                 arrow
+                slotProps={{
+                  tooltip: {
+                    sx: {
+                      bgcolor: 'rgba(17, 24, 39, 0.96)',
+                      color: '#fff',
+                      border: '1px solid rgba(255, 255, 255, 0.12)',
+                      boxShadow: 6,
+                      px: 1.5,
+                      py: 1.25,
+                      maxWidth: 360,
+                    },
+                  },
+                  arrow: {
+                    sx: {
+                      color: 'rgba(17, 24, 39, 0.96)',
+                    },
+                  },
+                }}
               >
                 <Button
                   style={{ flex: 1 }}

From 94a3ab6577d6f6c73cd459987287920d35062797 Mon Sep 17 00:00:00 2001
From: luxiang <lux@njuelectronics.com>
Date: Mon, 30 Mar 2026 21:57:37 +0800
Subject: [PATCH 3/3] fix

---
 .../src/scenes/launch_model/components/launchModelDrawer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
index 5d8fc7a4b6..b4cb53febf 100644
--- a/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
+++ b/xinference/ui/web/ui/src/scenes/launch_model/components/launchModelDrawer.js
@@ -1301,9 +1301,9 @@ const LaunchModelDrawer = ({
                               }
                               size="small"
                               sx={{
-                                height: 22,
-                                fontSize: '0.7rem',
-                                fontWeight: 600,
+                                'height': 22,
+                                'fontSize': '0.7rem',
+                                'fontWeight': 600,
                                 '&.MuiChip-colorDefault': {
                                   bgcolor: 'rgba(255, 255, 255, 0.14)',
                                   color: '#fff',