fix: prevent text overflow in log detail dialogs

Add overflow handling and text breaking for long content in log detail modals:
- Add overflow-auto and max-h constraints to content containers
- Add whitespace-pre-wrap and break-all to prevent text overflow
- Fix LogDetailModal userInput and error fields
- Fix RequestLogDetail userInput, errorMessage, and errorStack fields

This ensures long log content (especially user input and error messages)
does not overflow the dialog boundaries.

Author: xiaoY233

src/renderer/src/components/logs/LogDetailModal.tsx

@@ -195,17 +195,17 @@ export function LogDetailModal({ log, open, onClose }: LogDetailModalProps) {
             {log.userInput && (
               <div>
                 <label className="text-sm text-muted-foreground">{t('logs.userInput')}</label>
-                <div className="mt-1 p-3 bg-muted/50 rounded-lg">
-                  <p className="text-sm">{log.userInput}</p>
+                <div className="mt-1 p-3 bg-muted/50 rounded-lg overflow-auto max-h-[200px]">
+                  <p className="text-sm whitespace-pre-wrap break-all">{log.userInput}</p>
                 </div>
               </div>
             )}
 
             {log.error && (
               <div>
                 <label className="text-sm text-red-500">Error</label>
-                <div className="mt-1 p-3 bg-red-500/10 rounded-lg border border-red-500/20">
-                  <p className="text-sm text-red-600">{log.error}</p>
+                <div className="mt-1 p-3 bg-red-500/10 rounded-lg border border-red-500/20 overflow-auto max-h-[200px]">
+                  <p className="text-sm text-red-600 whitespace-pre-wrap break-all">{log.error}</p>
                 </div>
               </div>
             )}

src/renderer/src/components/logs/RequestLogDetail.tsx

@@ -171,8 +171,8 @@ export function RequestLogDetail({ log, onClose }: RequestLogDetailProps) {
           <TabsContent value="user" className="mt-4">
             <ScrollArea className="h-96">
               {log.userInput ? (
-                <div className="p-4 bg-muted rounded-lg">
-                  <p className="text-sm whitespace-pre-wrap">{log.userInput}</p>
+                <div className="p-4 bg-muted rounded-lg overflow-auto">
+                  <p className="text-sm whitespace-pre-wrap break-all">{log.userInput}</p>
                 </div>
               ) : (
                 <div className="text-muted-foreground text-center py-8">
@@ -186,13 +186,13 @@ export function RequestLogDetail({ log, onClose }: RequestLogDetailProps) {
             <ScrollArea className="h-96">
               {log.errorMessage ? (
                 <div className="space-y-4">
-                  <div className="p-4 bg-red-500/10 border border-red-500/20 rounded-lg">
-                    <p className="text-sm text-red-500 font-medium">{log.errorMessage}</p>
+                  <div className="p-4 bg-red-500/10 border border-red-500/20 rounded-lg overflow-auto">
+                    <p className="text-sm text-red-500 font-medium whitespace-pre-wrap break-all">{log.errorMessage}</p>
                   </div>
                   {log.errorStack && (
                     <div>
                       <label className="text-sm font-medium text-muted-foreground">Stack Trace</label>
-                      <pre className="mt-2 text-xs bg-muted p-4 rounded-lg overflow-auto">
+                      <pre className="mt-2 text-xs bg-muted p-4 rounded-lg overflow-auto whitespace-pre-wrap break-all">
                         {log.errorStack}
                       </pre>
                     </div>