Add line breaks to ai validation prompt dialog

This commit is contained in:
2025-09-06 17:00:41 -04:00
parent 5d7d7a8671
commit 6c9fd062e9

View File

@@ -542,7 +542,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
<div className="text-xs font-semibold text-blue-700 mb-2"> <div className="text-xs font-semibold text-blue-700 mb-2">
Company-Specific Instructions Company-Specific Instructions
</div> </div>
<pre className="whitespace-pre-wrap"> <pre className="whitespace-pre-wrap break-words break-all">
{content.substring( {content.substring(
companySpecificStartIndex, companySpecificStartIndex,
companySpecificEndIndex + companySpecificEndIndex +
@@ -566,7 +566,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
<div className="text-xs font-semibold text-amber-700 mb-2"> <div className="text-xs font-semibold text-amber-700 mb-2">
Taxonomy Data Taxonomy Data
</div> </div>
<pre className="whitespace-pre-wrap"> <pre className="whitespace-pre-wrap break-words break-all">
{content.substring( {content.substring(
actualTaxonomyStartIndex, actualTaxonomyStartIndex,
taxEnd taxEnd
@@ -587,7 +587,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
<div className="text-xs font-semibold text-pink-700 mb-2"> <div className="text-xs font-semibold text-pink-700 mb-2">
Product Data Product Data
</div> </div>
<pre className="whitespace-pre-wrap"> <pre className="whitespace-pre-wrap break-words break-all">
{content.substring( {content.substring(
productDataStartIndex productDataStartIndex
)} )}
@@ -600,7 +600,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
})()} })()}
</div> </div>
) : ( ) : (
<pre className="whitespace-pre-wrap"> <pre className="whitespace-pre-wrap break-words break-all">
{message.content} {message.content}
</pre> </pre>
)} )}
@@ -612,7 +612,7 @@ export const AiValidationDialogs: React.FC<AiValidationDialogsProps> = ({
</div> </div>
) : ( ) : (
<ScrollArea className="h-full w-full"> <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} {currentPrompt.prompt}
</Code> </Code>
</ScrollArea> </ScrollArea>