update some UI animations

web/src/app/app/(primary_layout)/new-user/_NewUserController.tsx

@@ -93,7 +93,6 @@ export const NewUserController = () => {
             value={company || ''}
             onChange={(e) => setCompany(e.target.value)}
             onPressEnter={handleSubmit}
-            defaultValue={userOrganizations?.name || ''}
           />
           <Button
             variant="black"

web/src/app/app/layout.tsx

@@ -7,6 +7,7 @@ import { ClientRedirect } from '../../components/ui/layouts/ClientRedirect';
 import { LayoutClient } from './layoutClient';
 import { prefetchGetMyUserInfo } from '@/api/buster_rest';
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
+import path from 'path';
 
 export const dynamic = 'force-dynamic';
 

web/src/components/ui/streaming/StreamingMessageCode/StreamingMessageCode.tsx

@@ -47,6 +47,7 @@ export const StreamingMessageCode: React.FC<
   status,
   isCompletedStream,
   file,
+  id,
   file_name,
   version_number,
   file_type,

web/src/components/ui/typography/AppCodeBlock/AppCodeBlock.tsx

@@ -12,7 +12,7 @@ export const AppCodeBlock: React.FC<{
   wrapperClassName?: string;
   children?: React.ReactNode;
   style?: React.CSSProperties;
-  showLoader?: boolean;
+
   showCopyButton?: boolean;
   title?: string;
   buttons?: React.ReactNode;
@@ -22,13 +22,10 @@ export const AppCodeBlock: React.FC<{
     className = '',
     wrapperClassName = '',
     language,
-    showLoader,
     showCopyButton = true,
     ...rest
   } = props;
-  const [style, setStyle] = useState<{
+  const style = lightTheme;
-    [key: string]: React.CSSProperties;
-  }>(lightTheme);
   const code = String(children).replace(/\n$/, '');
 
   //this is a huge assumption, but if there is no language, it is probably an inline code block
@@ -57,12 +54,6 @@ export const AppCodeBlock: React.FC<{
               {children}
             </code>
           )}
-
-          {showLoader && (
-            <div className="-mt-2 pl-3">
-              <PulseLoader />
-            </div>
-          )}
         </div>
       </div>
     </AppCodeBlockWrapper>

web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx

@@ -18,14 +18,9 @@ export const CustomCode: React.FC<
 > = ({ children, markdown, showLoader, className, node, ...rest }) => {
   const matchRegex = /language-(\w+)/.exec(className || '');
   const language = matchRegex ? matchRegex[1] : undefined;
-  const showStreamingLoader = showLoader && node?.position?.end.line === rest.numberOfLineMarkdown;
 
   return (
-    <AppCodeBlock
+    <AppCodeBlock wrapperClassName="my-2.5" className="leading-1.3" language={language}>
-      wrapperClassName="my-2.5"
-      className="leading-1.3"
-      language={language}
-      showLoader={showStreamingLoader}>
       {children}
     </AppCodeBlock>
   );

web/src/context/Chats/NewChatProvider/chatStreamMessageHelper.ts

@@ -179,14 +179,14 @@ export const updateReasoningMessage = (
               }
 
               const existingFile = existingReasoningMessageFiles?.files[fileId];
-              const newFile = reasoning.files[fileId];
+              const newFile: BusterChatMessageReasoning_file | undefined = reasoning.files[fileId];
 
               draft.files[fileId] = create(draft.files[fileId], (fileDraft) => {
                 // Merge existing and new file data
                 Object.assign(fileDraft, existingFile || {}, newFile);
 
                 // Handle file text specifically
-                if (newFile.file) {
+                if (newFile?.file) {
                   fileDraft.file = create(fileDraft.file, (fileContentDraft) => {
                     Object.assign(fileContentDraft, existingFile?.file || {});
                     fileContentDraft.text = newFile.file.text_chunk

web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_Text/ReasoningMessage_Text.tsx

@@ -11,7 +11,7 @@ export const ReasoningMessage_Text: React.FC<ReasoningMessageProps> = React.memo
       (x) => (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_text)?.message
     )!;
 
-    return <AppMarkdown markdown={message} showLoader={!isCompletedStream} />;
+    return <AppMarkdown markdown={message} showLoader={!isCompletedStream} stripFormatting />;
   }
 );
 

web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatUserMessage.tsx

@@ -1,6 +1,6 @@
 import type { BusterChatMessageRequest } from '@/api/asset_interfaces';
 import React from 'react';
-import { Text } from '@/components/ui/typography';
+import { Paragraph } from '@/components/ui/typography';
 import { MessageContainer } from './MessageContainer';
 
 export const ChatUserMessage: React.FC<{ requestMessage: BusterChatMessageRequest }> = React.memo(
@@ -11,7 +11,7 @@ export const ChatUserMessage: React.FC<{ requestMessage: BusterChatMessageReques
 
     return (
       <MessageContainer senderName={sender_name} senderId={sender_id} senderAvatar={sender_avatar}>
-        <Text>{request}</Text>
+        <Paragraph className="text-sm">{request}</Paragraph>
       </MessageContainer>
     );
   }