|  | @@ -166,7 +166,7 @@ function DetailPanel<T extends ChatConversationFullDetailResponse | CompletionCo
 | 
	
		
			
				|  |  |      return res
 | 
	
		
			
				|  |  |    })?.name ?? 'custom'
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -  return (<div className='rounded-xl border-[0.5px] border-gray-200 h-full flex flex-col'>
 | 
	
		
			
				|  |  | +  return (<div className='rounded-xl border-[0.5px] border-gray-200 h-full flex flex-col overflow-auto'>
 | 
	
		
			
				|  |  |      {/* Panel Header */}
 | 
	
		
			
				|  |  |      <div className='border-b border-gray-100 py-4 px-6 flex items-center justify-between'>
 | 
	
		
			
				|  |  |        <div className='flex-1'>
 | 
	
	
		
			
				|  | @@ -207,7 +207,7 @@ function DetailPanel<T extends ChatConversationFullDetailResponse | CompletionCo
 | 
	
		
			
				|  |  |        <div className='text-gray-700 font-medium text-sm mt-2'>{detail.model_config?.pre_prompt || emptyText}</div>
 | 
	
		
			
				|  |  |      </div>
 | 
	
		
			
				|  |  |      {!isChatMode
 | 
	
		
			
				|  |  | -      ? <div className="px-2.5 py-4 overflow-y-auto">
 | 
	
		
			
				|  |  | +      ? <div className="px-2.5 py-4">
 | 
	
		
			
				|  |  |          <Chat
 | 
	
		
			
				|  |  |            chatList={getFormattedChatList([detail.message])}
 | 
	
		
			
				|  |  |            isHideSendInput={true}
 | 
	
	
		
			
				|  | @@ -217,7 +217,7 @@ function DetailPanel<T extends ChatConversationFullDetailResponse | CompletionCo
 | 
	
		
			
				|  |  |          />
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |        : items.length < 8
 | 
	
		
			
				|  |  | -        ? <div className="px-2.5 pt-4 mb-4 overflow-y-auto">
 | 
	
		
			
				|  |  | +        ? <div className="px-2.5 pt-4 mb-4">
 | 
	
		
			
				|  |  |            <Chat
 | 
	
		
			
				|  |  |              chatList={items}
 | 
	
		
			
				|  |  |              isHideSendInput={true}
 |