commit 013

src/App.js

@@ -15,17 +15,20 @@ export default function App() {
     setMessages(newHistory);
     setLoading(true);
 
-    let botMsg = { role: "assistant", content: "" };
-    setMessages((prev) => [...prev, botMsg]);
+   // let botMsg = { role: "assistant", content: "" };
+    //setMessages((prev) => [...prev, botMsg]);
 
     if (msg.includes("```")) setLastCode(msg);
 
+    let fullContent = "Thinking...";
+
     await streamChat({
       message: msg,
       history: messages,
       onChunk: (chunk) => {
-        botMsg.content += chunk;
-        setMessages((prev) => [...prev.slice(0, -1), { ...botMsg }]);
+        fullContent += chunk;
+       // setMessages((prev) => [...prev.slice(0, -1), { ...botMsg }]);
+       setMessages([...newHistory, { role: "assistant", content: fullContent }]);
       },
       onDone: () => {
         setLoading(false); 

src/components/ChatBox.jsx

@@ -6,11 +6,12 @@ export default function ChatBox({ messages, loading }) {
   return (
     <div className="chat-box">
       {messages.map((msg, i) => (
-        <div key={i} className={`message ${msg.role}`}>
+         msg.content?.trim() && ( <div key={i} className={`message ${msg.role}`}>
           <div className="bubble">
             <Message content={msg.content} />
           </div>
         </div>
+         )
       ))}
 
       {/* ✅ Typing indicator when loading */}