Increase the pipeline status popup width

lightrag_webui/src/components/documents/PipelineStatusDialog.tsx

@@ -85,7 +85,7 @@ export default function PipelineStatusDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
         className={cn(
-          'sm:max-w-[600px] transition-all duration-200 fixed',
+          'sm:max-w-[800px] transition-all duration-200 fixed',
           position === 'left' && '!left-[25%] !translate-x-[-50%] !mx-4',
           position === 'center' && '!left-1/2 !-translate-x-1/2',
           position === 'right' && '!left-[75%] !translate-x-[-50%] !mx-4'
@@ -166,7 +166,7 @@ export default function PipelineStatusDialog({
           {/* Latest Message */}
           <div className="space-y-2">
             <div className="text-sm font-medium">{t('documentPanel.pipelineStatus.latestMessage')}:</div>
-            <div className="font-mono text-xs rounded-md bg-zinc-800 text-zinc-100 p-3">
+            <div className="font-mono text-xs rounded-md bg-zinc-800 text-zinc-100 p-3 whitespace-pre-wrap break-words">
               {status?.latest_message || '-'}
             </div>
           </div>
@@ -181,7 +181,7 @@ export default function PipelineStatusDialog({
             >
               {status?.history_messages?.length ? (
                 status.history_messages.map((msg, idx) => (
-                  <div key={idx}>{msg}</div>
+                  <div key={idx} className="whitespace-pre-wrap break-words">{msg}</div>
                 ))
               ) : '-'}
             </div>