fix:webchat stream judge bug and frontend bug

web/src/app/home/pipelines/components/debug-dialog/DebugDialog.tsx

@@ -46,17 +46,20 @@ export default function DebugDialog({
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   };
 
-  const loadMessages = useCallback(async (pipelineId: string) => {
-    try {
-      const response = await httpClient.getWebChatHistoryMessages(
-        pipelineId,
-        sessionType,
-      );
-      setMessages(response.messages);
-    } catch (error) {
-      console.error('Failed to load messages:', error);
-    }
-  }, [sessionType]);
+  const loadMessages = useCallback(
+    async (pipelineId: string) => {
+      try {
+        const response = await httpClient.getWebChatHistoryMessages(
+          pipelineId,
+          sessionType,
+        );
+        setMessages(response.messages);
+      } catch (error) {
+        console.error('Failed to load messages:', error);
+      }
+    },
+    [sessionType],
+  );
 
   useEffect(() => {
     scrollToBottom();
@@ -242,7 +245,6 @@ export default function DebugDialog({
           }
         }
       } else {
-
         setMessages((prevMessages) => [...prevMessages, userMessage]);
         setInputValue('');
         setHasAt(false);
@@ -388,10 +390,7 @@ export default function DebugDialog({
             <span className="text-sm text-gray-600">
               {t('pipelines.debugDialog.streaming')}
             </span>
-            <Switch
-              checked={isStreaming}
-              onCheckedChange={setIsStreaming}
-            />
+            <Switch checked={isStreaming} onCheckedChange={setIsStreaming} />
           </div>
           <div className="flex-1 flex items-center gap-2">
             {hasAt && (
@@ -434,12 +433,12 @@ export default function DebugDialog({
             </div>
           </div>
           <Button
-          onClick={sendMessage}
-          disabled={!inputValue.trim() && !hasAt}
-          className="rounded-md bg-[#2288ee] hover:bg-[#2288ee] w-20 text-white px-6 py-2 text-base font-medium transition-none flex items-center gap-2 shadow-none"
-        >
-          <>{t('pipelines.debugDialog.send')}</>
-        </Button>
+            onClick={sendMessage}
+            disabled={!inputValue.trim() && !hasAt}
+            className="rounded-md bg-[#2288ee] hover:bg-[#2288ee] w-20 text-white px-6 py-2 text-base font-medium transition-none flex items-center gap-2 shadow-none"
+          >
+            <>{t('pipelines.debugDialog.send')}</>
+          </Button>
         </div>
       </div>
     </div>

web/src/app/infra/http/HttpClient.ts

@@ -333,13 +333,20 @@ class HttpClient {
     onError: (error: Error) => void,
   ): Promise<void> {
     try {
-      const url = `${this.baseURL}/api/v1/pipelines/${pipelineId}/chat/send`;
+      // 构造完整的URL，处理相对路径的情况
+      let url = `${this.baseURL}/api/v1/pipelines/${pipelineId}/chat/send`;
+      if (this.baseURL === '/') {
+        // 获取用户访问的完整URL
+        const baseURL = window.location.origin;
+        url = `${baseURL}/api/v1/pipelines/${pipelineId}/chat/send`;
+      }
 
       // 使用fetch发送流式请求，因为axios在浏览器环境中不直接支持流式响应
       const response = await fetch(url, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
+          Authorization: `Bearer ${this.getSessionSync()}`,
         },
         body: JSON.stringify({
           session_type: sessionType,