pre-wrap for cell outputs

Author: ricklamers

frontend/src/components/Chat.css

@@ -24,6 +24,10 @@ div.message.system div.avatar {
     background: #74a89b;
 }
 
+.cell-output {
+    white-space: pre-wrap
+}
+
 div.message {
     padding: 1rem;
     border-bottom: rgba(0,0,0,.1);

frontend/src/components/Chat.tsx

@@ -38,7 +38,7 @@ function Message(props: {
               {text} {props.showLoader ? <div className="loader"></div> : null}
             </div>
           ) : (
-            <div dangerouslySetInnerHTML={{ __html: text }}></div>
+            <div className="cell-output" dangerouslySetInnerHTML={{ __html: text }}></div>
           ))}
       </div>
     </div>

setup.py

@@ -7,7 +7,7 @@
 
 setup(
     name='gpt_code_ui',
-    version='0.42.10',
+    version='0.42.11',
     description="An Open Source version of ChatGPT Code Interpreter",
     long_description=long_description,
     long_description_content_type='text/markdown',  # This field specifies the format of the `long_description`.