Updated

frontend/src/App.jsx

@@ -34,7 +34,7 @@ const App = () => {
       const response = await fetch('/chat', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: json.stringify({
+        body: JSON.stringify({
           message: input,
           session_id: sessionId
         })
@@ -59,7 +59,7 @@ const App = () => {
         for (const line of lines) {
           if (line.startsWith('data: ')) {
             const dataStr = line.replace('data: ', '').trim();
-            
+
             if (dataStr === '[DONE]') {
               setIsLoading(false);
               continue;
@@ -67,7 +67,7 @@ const App = () => {
 
             try {
               const data = JSON.parse(dataStr);
-              
+
               if (data.session_id && !sessionId) {
                 setSessionId(data.session_id);
                 localStorage.setItem('uba_session_id', data.session_id);
@@ -75,7 +75,7 @@ const App = () => {
 
               if (data.content) {
                 assistantContent += data.content;
-                setMessages(prev => prev.map(msg => 
+                setMessages(prev => prev.map(msg =>
                   msg.id === assistantMsgId ? { ...msg, content: assistantContent } : msg
                 ));
               }
@@ -87,10 +87,10 @@ const App = () => {
       }
     } catch (error) {
       console.error('Chat error:', error);
-      setMessages(prev => [...prev, { 
-        role: 'assistant', 
-        content: "I'm sorry, I'm experiencing some technical difficulties. Please try again later.", 
-        id: Date.now() + 2 
+      setMessages(prev => [...prev, {
+        role: 'assistant',
+        content: "I'm sorry, I'm experiencing some technical difficulties. Please try again later.",
+        id: Date.now() + 2
       }]);
       setIsLoading(false);
     }
@@ -120,12 +120,12 @@ const App = () => {
         ))}
         {isLoading && (
           <div className="message assistant">
-             <div className="message-sender">UBA Support</div>
-             <div className="typing-indicator">
-                <div className="dot"></div>
-                <div className="dot"></div>
-                <div className="dot"></div>
-             </div>
+            <div className="message-sender">UBA Support</div>
+            <div className="typing-indicator">
+              <div className="dot"></div>
+              <div className="dot"></div>
+              <div className="dot"></div>
+            </div>
           </div>
         )}
       </div>