| { | { | ||||
| (promptTemplate && promptTemplate?.trim()) ? ( | (promptTemplate && promptTemplate?.trim()) ? ( | ||||
| <div | <div | ||||
| className="max-h-48 overflow-y-auto text-sm text-gray-700" | |||||
| className="max-h-48 overflow-y-auto text-sm text-gray-700 break-all" | |||||
| dangerouslySetInnerHTML={{ | dangerouslySetInnerHTML={{ | ||||
| __html: format(replaceStringWithValuesWithFormat(promptTemplate, promptVariables, inputs)), | __html: format(replaceStringWithValuesWithFormat(promptTemplate, promptVariables, inputs)), | ||||
| }} | }} |
| }, [isEditing]) | }, [isEditing]) | ||||
| const style = classNames({ | const style = classNames({ | ||||
| 'block px-4 py-1 w-full h-full text-sm text-gray-900 outline-0 border-0': true, | |||||
| 'block px-4 py-1 w-full h-full text-sm text-gray-900 outline-0 border-0 break-all': true, | |||||
| 'block-input--editing': isEditing, | 'block-input--editing': isEditing, | ||||
| }) | }) | ||||