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..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 @@ -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') { @@ -1248,7 +1250,10 @@ const LaunchModelDrawer = ({ title={ isShowCancel ? ( - + {t('launchModel.launchProgress')}: {replicaStatuses.length > 0 ? ( @@ -1259,13 +1264,32 @@ const LaunchModelDrawer = ({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', - mb: 0.5, + mb: 0.75, + gap: 1.5, }} > - - {t('modelReplicaDetails.replica')}{' '} - {replica.replica_id}: - + + + {t('modelReplicaDetails.replica')}{' '} + {replica.replica_id}: + + + {getReplicaWorkerAddress(replica)} + + )) ) : ( - + {t('launchModel.initializing')} )} @@ -1292,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)', + }, + }, + }} >