From e0d2775127df09c0544685beb964c5e321eb038b Mon Sep 17 00:00:00 2001
From: yangdx <yangdx@znipower.com>
Date: Mon, 28 Apr 2025 20:30:35 +0800
Subject: [PATCH] Increase the pipeline status popup width

---
 .../src/components/documents/PipelineStatusDialog.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx b/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
index 58d18434..5e902ecf 100644
--- a/lightrag_webui/src/components/documents/PipelineStatusDialog.tsx
+++ b/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>