Update static/js/api.js

static/js/api.js

@@ -1,3 +1,5 @@
+// --- START OF FILE api.js ---
+
 // static/js/api.js
 
 import * as state from './state.js';
@@ -192,8 +194,6 @@ export async function processAndUploadFile(file) {
     }
 }
 
-// NOTE: This function now depends on the refactored UI modules.
-// It will not work correctly without them. I am assuming they are available.
 export async function streamResponse(modelBubbleOuterDivElement, conversationHistory) {
     // Dynamically import the UI modules needed for this function.
     const chatUI = await import('./ui/chat.js');
@@ -264,25 +264,30 @@ export async function streamResponse(modelBubbleOuterDivElement, conversationHis
             for (const event of events) {
                 if (event.startsWith('data: ')) {
                     const dataString = event.substring(6);
-                    if (dataString.trim() === '[DONE]') {
+                    if (dataString === '[DONE]') { // Check for DONE signal
                         break;
                     }
                     try {
                         const jsonData = JSON.parse(dataString);
-                        const textChunk = jsonData.choices?.[0]?.delta?.content;
-
-                        if (textChunk) {
-                            fullBotResponse += textChunk;
+                        
+                        // --- START: MODIFIED LOGIC ---
+                        // این بخش برای پردازش فرمت پاسخ دریافتی از اسپیس HF جدید است
+                        if ((jsonData.type === 'tool-log' || jsonData.type === 'tool-progress') && activeTool) {
+                             if (activeTool === 'deep-think') toolUI.updateDeepThinkPanel(jsonData, modelBubbleOuterDivElement);
+                             if (activeTool === 'reasoning') toolUI.updateReasoningPanel(jsonData, modelBubbleOuterDivElement);
+                        } else if (jsonData.type === 'text-delta') {
+                            const chunk = jsonData.delta;
+                            fullBotResponse += chunk;
                             
                             if (activeTool) {
                                 chatUI.streamFinalText(fullBotResponse, modelBubbleOuterDivElement); 
                             } else {
                                 chatUI.streamFreeWsChunk(modelBubbleOuterDivElement, fullBotResponse);
                             }
-                        }
-                        else if (jsonData.type === 'error') {
+                        } else if (jsonData.type === 'error') {
                             throw new Error(jsonData.message || 'خطای ناشناخته از سرور');
                         }
+                        // --- END: MODIFIED LOGIC ---
                         
                     } catch (e) {
                         // console.warn('خطا در پردازش قطعه JSON:', dataString, e);
@@ -332,14 +337,13 @@ export async function streamResponse(modelBubbleOuterDivElement, conversationHis
             if (tempMsgIndex > -1) {
                 if(!modelBubbleOuterDivElement.querySelector('.message-content')?.innerText.includes('متوقف شد')) {
                    activeChat.messages.splice(tempMsgIndex, 1);
-                   // The following line causes an error because `dom` is not defined here.
-                   // This highlights the issues with splitting UI logic without careful refactoring.
-                   // const tempElement = document.getElementById('chat-window').querySelector(`.message-entry[data-index="${tempMsgIndex}"]`);
-                   // if (tempElement) tempElement.remove();
+                   const tempElement = document.getElementById('chat-window').querySelector(`.message-entry[data-index="${tempMsgIndex}"]`);
+                   if (tempElement) tempElement.remove();
                 }
             }
         }
         state.saveSessions();
         chatUI.resetState();
     }
-}
+}
+// --- END OF FILE api.js ---