From 6c9fd062e9194608600269a42d45e53203966b3b Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Sat, 6 Sep 2025 17:00:41 -0400
Subject: [PATCH] Add line breaks to ai validation prompt dialog

---
 .../components/AiValidationDialogs.tsx                 | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/inventory/src/components/product-import/steps/ValidationStepNew/components/AiValidationDialogs.tsx b/inventory/src/components/product-import/steps/ValidationStepNew/components/AiValidationDialogs.tsx
index 6e73500..38f0b55 100644
--- a/inventory/src/components/product-import/steps/ValidationStepNew/components/AiValidationDialogs.tsx
+++ b/inventory/src/components/product-import/steps/ValidationStepNew/components/AiValidationDialogs.tsx
@@ -542,7 +542,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
                                             <div className="text-xs font-semibold text-blue-700 mb-2">
                                               Company-Specific Instructions
                                             </div>
-                                            <pre className="whitespace-pre-wrap">
+                                            <pre className="whitespace-pre-wrap break-words break-all">
                                               {content.substring(
                                                 companySpecificStartIndex,
                                                 companySpecificEndIndex +
@@ -566,7 +566,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
                                             <div className="text-xs font-semibold text-amber-700 mb-2">
                                               Taxonomy Data
                                             </div>
-                                            <pre className="whitespace-pre-wrap">
+                                            <pre className="whitespace-pre-wrap break-words break-all">
                                               {content.substring(
                                                 actualTaxonomyStartIndex,
                                                 taxEnd
@@ -587,7 +587,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
                                             <div className="text-xs font-semibold text-pink-700 mb-2">
                                               Product Data
                                             </div>
-                                            <pre className="whitespace-pre-wrap">
+                                            <pre className="whitespace-pre-wrap break-words break-all">
                                               {content.substring(
                                                 productDataStartIndex
                                               )}
@@ -600,7 +600,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
                                     })()}
                                   </div>
                                 ) : (
-                                  <pre className="whitespace-pre-wrap">
+                                  <pre className="whitespace-pre-wrap break-words break-all">
                                     {message.content}
                                   </pre>
                                 )}
@@ -612,7 +612,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
                     </div>
                   ) : (
                     <ScrollArea className="h-full w-full">
-                      <Code className="whitespace-pre-wrap p-4 break-normal max-w-full">
+                      <Code className="whitespace-pre-wrap break-words break-all p-4 max-w-full overflow-x-hidden">
                         {currentPrompt.prompt}
                       </Code>
                     </ScrollArea>