| | |
|---|
| | | <div className="p-3"> |
|---|
| | | <div className="text-gray-800 leading-relaxed"> |
|---|
| | | {mainContent ? ( |
|---|
| | | <MessageCompletionContext.Provider value={isMessageComplete || msg.id !== currentMessageId}> |
|---|
| | | <MessageCompletionContext.Provider |
|---|
| | | value={msg.id !== currentMessageId || isMessageComplete} |
|---|
| | | > |
|---|
| | | <ReactMarkdown |
|---|
| | | remarkPlugins={[remarkGfm]} |
|---|
| | | rehypePlugins={[rehypeRaw, rehypeSanitize]} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | {/* 加载指示器 */} |
|---|
| | | {msg.role === 'assistant' && !isMessageComplete && ( |
|---|
| | | {msg.role === 'assistant' && |
|---|
| | | !isMessageComplete && |
|---|
| | | msg.id === currentMessageId && ( // 只在当前处理的消息显示加载指示器 |
|---|
| | | <div className="absolute bottom-1 right-2"> |
|---|
| | | <div className="flex space-x-1"> |
|---|
| | | <div className="w-1.5 h-1.5 rounded-full bg-blue-400 animate-pulse delay-0"></div> |
|---|
