feat:重构dify前端组件以及转发逻辑

app/routes/api.chat-messages.tsx

@@ -1,7 +1,67 @@
-import { type ActionFunctionArgs } from '@remix-run/node';
-import { difyClient } from '../services/dify-client.server';
+import { type ActionFunctionArgs, type LoaderFunctionArgs } from '@remix-run/node';
+import { difyClient } from '~/api/dify/client.server';
 import { getSessionInfo } from '../utils/session.server';
 
+/**
+ * GET /api/chat-messages - 获取会话消息列表
+ */
+export async function loader({ request }: LoaderFunctionArgs) {
+    try {
+        // 获取用户会话信息和 JWT
+        const { getUserSession } = await import("~/api/login/auth.server");
+        const { frontendJWT } = await getUserSession(request);
+
+        // 检查 JWT 是否存在
+        if (!frontendJWT) {
+            console.error('❌ [API] Chat Messages GET - JWT不存在');
+            return new Response(
+                JSON.stringify({ error: 'JWT认证失败，请重新登录' }),
+                {
+                    status: 401,
+                    headers: { 'Content-Type': 'application/json' },
+                }
+            );
+        }
+
+        // 从 URL 参数获取 conversation_id
+        const url = new URL(request.url);
+        const conversationId = url.searchParams.get('conversation_id');
+
+        if (!conversationId) {
+            return new Response(
+                JSON.stringify({ error: '缺少 conversation_id 参数' }),
+                {
+                    status: 400,
+                    headers: { 'Content-Type': 'application/json' },
+                }
+            );
+        }
+
+        console.log('客戶端調用remix路由_Chat Messages GET - 获取消息列表:', { conversationId });
+
+        const result = await difyClient.getConversationMessages(conversationId, frontendJWT);
+
+        return new Response(JSON.stringify(result), {
+            status: 200,
+            headers: { 'Content-Type': 'application/json' },
+        });
+
+    } catch (error: any) {
+        console.error('❌ [API] Chat Messages GET - Error:', error.message);
+        const status = error.message?.includes('JWT认证失败') ? 401 : 500;
+        return new Response(
+            JSON.stringify({ error: error.message || 'Failed to get messages' }),
+            {
+                status,
+                headers: { 'Content-Type': 'application/json' },
+            }
+        );
+    }
+}
+
+/**
+ * POST /api/chat-messages - 发送聊天消息
+ */
 export async function action({ request }: ActionFunctionArgs) {
     if (request.method !== 'POST') {
         return new Response('Method not allowed', { status: 405 });
@@ -34,7 +94,7 @@ export async function action({ request }: ActionFunctionArgs) {
             response_mode: responseMode,
         } = body;
 
-        console.log('🚀 [API] Chat Messages API - 收到请求:', {
+        console.log('客戶端調用remix路由_Chat Messages API - 收到请求:', {
             queryLength: query?.length || 0,
             queryPreview: query?.substring(0, 100) + (query?.length > 100 ? '...' : ''),
             conversationId,
@@ -54,16 +114,9 @@ export async function action({ request }: ActionFunctionArgs) {
             frontendJWT  // 传递 JWT
         );
 
-        console.log('📡 [API] Dify响应状态:', {
-            status: response.status,
-            statusText: response.statusText,
-            hasBody: !!response.body,
-            headers: Object.fromEntries(response.headers.entries())
-        });
-
         // 对于流式响应，直接返回流
         if (responseMode === 'streaming') {
-            console.log('🌊 [API] 返回流式响应');
+            console.log('Dify转发fastapi,返回流式响应');
             return new Response(response.body, {
                 status: response.status,
                 headers: {
@@ -78,7 +131,6 @@ export async function action({ request }: ActionFunctionArgs) {
         }
 
         // 对于非流式响应，返回JSON
-        console.log('📄 [API] 返回JSON响应');
         return new Response(JSON.stringify(response), {
             status: 200,
             headers: {