Fix empty assistant messages appearing in chat

- Added removeLastMessage function to properly remove messages instead of emptying content
- Filter out empty messages from being displayed in the chat interface
- Update message handling to remove temporary messages properly
- Added validation in updateLastMessage to remove empty messages when marked complete
- Fixed message content display to only show when content exists

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: randomtask2000

src/lib/components/ChatInterface.svelte

@@ -6,6 +6,7 @@
     currentMessages,
     addMessage,
     updateLastMessage,
+    removeLastMessage,
     startResponseTiming,
     isTyping,
     saveChatHistory,
@@ -301,7 +302,7 @@
           console.log(`🔍 RAG: Found ${ragResult.results.length} relevant chunks`);
 
           // Remove the searching message
-          updateLastMessage('', undefined, true);
+          removeLastMessage();
 
           if (ragResult.results.length > 0) {
             console.log(
@@ -539,7 +540,7 @@
           const result = await handleFileUpload(file);
           
           // Remove processing message
-          updateLastMessage('', undefined, true);
+          removeLastMessage();
           
           if (result && result.chunks > 0) {
             totalChunks += result.chunks;
@@ -562,7 +563,7 @@
           }
         } catch (fileError) {
           // Remove processing message
-          updateLastMessage('', undefined, true);
+          removeLastMessage();
           
           // Show specific error message
           const errorMessage: ChatMessageType = {
@@ -948,7 +949,7 @@
             const result = await handleFileUpload(file);
             
             // Remove processing message
-            updateLastMessage('', undefined, true);
+            removeLastMessage();
             
             if (result && result.chunks > 0) {
               totalChunks += result.chunks;
@@ -971,7 +972,7 @@
             }
           } catch (fileError) {
             // Remove processing message
-            updateLastMessage('', undefined, true);
+            removeLastMessage();
             
             // Show specific error message
             const errorMessage: ChatMessageType = {
@@ -1077,7 +1078,7 @@
             {/if}
           </div>
         {:else}
-          {#each $currentMessages as message (message.id)}
+          {#each $currentMessages.filter(m => m.content && m.content.trim().length > 0) as message (message.id)}
             <ChatMessage {message} onRetry={handleRetry} />
           {/each}
 

src/lib/components/ChatMessage.svelte

@@ -354,9 +354,11 @@
         {/if}
       </div>
 
-      <div class="prose prose-sm max-w-none text-surface-700-200-token">
-        {@html formatContent(message.content)}
-      </div>
+      {#if message.content && message.content.trim().length > 0}
+        <div class="prose prose-sm max-w-none text-surface-700-200-token">
+          {@html formatContent(message.content)}
+        </div>
+      {/if}
 
       {#if message.role === 'user' && onRetry}
         <div class="mt-2">

src/lib/stores/chat.ts

@@ -34,6 +34,11 @@ export function updateLastMessage(content: string, chunks?: any[], isComplete: b
   currentMessages.update((messages) => {
     const lastMessage = messages[messages.length - 1];
     if (lastMessage && lastMessage.role === 'assistant') {
+      // If content is empty and we're marking it complete, remove the message instead
+      if (content === '' && isComplete) {
+        return messages.slice(0, -1);
+      }
+      
       const tokenCount = estimateTokenCount(content);
       console.log(`Updating message: "${content.slice(0, 50)}..." with ${tokenCount} tokens`);
 
@@ -68,6 +73,16 @@ export function updateLastMessage(content: string, chunks?: any[], isComplete: b
   });
 }
 
+export function removeLastMessage() {
+  currentMessages.update((messages) => {
+    const lastMessage = messages[messages.length - 1];
+    if (lastMessage && lastMessage.role === 'assistant') {
+      return messages.slice(0, -1);
+    }
+    return messages;
+  });
+}
+
 export function saveChatHistory() {
   const chatId = crypto.randomUUID();
   const timestamp = Date.now();