Formatting nits (#2311)

* stream in all cases

* update code block

* code formatting nits

* proper ports

* proper ports

* remove unnecessary lines

web/src/app/chat/ChatPage.tsx

@@ -99,7 +99,6 @@ import ExceptionTraceModal from "@/components/modals/ExceptionTraceModal";
 
 import { SEARCH_TOOL_NAME } from "./tools/constants";
 import { useUser } from "@/components/user/UserProvider";
-import { Stop } from "@phosphor-icons/react";
 
 const TEMP_USER_MESSAGE_ID = -1;
 const TEMP_ASSISTANT_MESSAGE_ID = -2;

web/src/app/chat/message/Messages.tsx

@@ -364,7 +364,7 @@ export const AIMessage = ({
                         <FileDisplay files={files || []} />
 
                         {typeof content === "string" ? (
-                          <div className="overflow-x-visible w-full pr-2">
+                          <div className="overflow-x-visible max-w-content-max">
                             <ReactMarkdown
                               key={messageId}
                               className="prose max-w-full text-base"

web/src/app/globals.css

@@ -230,3 +230,10 @@ form {
   gap: 1.2rem;
   align-items: start;
 }
+
+ol > li > p,
+ul > li > p {
+  margin-top: 0;
+  margin-bottom: 0;
+  display: inline; /* Make paragraphs inline to reduce vertical space */
+}

web/tailwind-themes/tailwind.config.js

@@ -65,6 +65,7 @@ module.exports = {
       maxWidth: {
         "document-sidebar": "1000px",
         "message-max": "850px",
+        "content-max": "725px",
         "searchbar-max": "800px",
       },
       colors: {