fmode-ng 0.0.243 → 0.0.245

package/fesm2022/fmode-ng.mjs

@@ -1131,8 +1131,9 @@ class FmodeObject {
                 if (typeof this.updatedAt == "string") {
                     this.updatedAt = new Date(this.updatedAt);
                 }
-                console.log(this.updatedAt);
-                json.updatedAt = { __type: 'Date', iso: this.updatedAt.toISOString() };
+                if (this.updatedAt != "Invalid Date") {
+                    json.updatedAt = { __type: 'Date', iso: this.updatedAt.toISOString() };
+                }
             }
         }
         catch (err) { }
@@ -2019,7 +2020,8 @@ class FmodeCloud {
     }
     async function(params = {}, options = {}) {
         const config = this.currentConfig;
-        const url = `${config.serverURL}/../api/functions`;
+        let u = new URL(config.serverURL);
+        let url = u.origin + "/api/functions";
         const requestBody = {
             ...params,
             _ApplicationId: config.appId,
@@ -2047,7 +2049,20 @@ class FmodeCloud {
             if (!response.ok) {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
-            const data = await response.json();
+            // const data = await response.json();
+            // 【关键】直接从 body 获取 reader，只读取一次
+            const reader = response.body?.getReader();
+            if (!reader) {
+                throw new Error('No body reader available');
+            }
+            // 只读取一次！
+            const { value, done } = await reader.read();
+            if (!value) {
+                throw new Error('Empty response body');
+            }
+            const decoder = new TextDecoder();
+            const text = decoder.decode(value);
+            const data = JSON.parse(text);
             if (data.error) {
                 throw new Error(data.error.message || 'Cloud function error');
             }
@@ -4117,10 +4132,14 @@ function chunkToJson(chunk) {
 function RequestFmodeChatApi(apipath, body, method = "POST") {
     return new Observable((observer) => {
         let url = API_BASE + apipath;
-        let API_TOKEN = localStorage.getItem("FMODE_AI_TOKEN") || Parse$I.User.current()?.getSessionToken();
+        let API_TOKEN = localStorage.getItem("FMODE_AI_TOKEN") || Parse$I.User.current()?.getSessionToken() || localStorage.getItem("COMPANY_PUBLIC_TOKEN");
         // 通过body传递token参数，避免no-cors模式下Authoriztion头部无效
         let AUTH_TOKEN = `Bearer ${API_TOKEN}`;
         body.token = AUTH_TOKEN;
+        let company = localStorage.getItem("company");
+        if (company) {
+            body.company = body.company || company;
+        }
         if (body)
             body = JSON.stringify(body);
         console.log(url, body);
@@ -4778,8 +4797,17 @@ class MessageManager {
     constructor(options) {
         this._messageList = []; // 统一的消息列表
         this._isLoaded = false;
+        options.limitHistory = options?.limitHistory || 10;
         this.options = options;
     }
+    getCompanyPointer() {
+        let cid = this.options?.company?.objectId || this.options?.company?.id || localStorage.getItem("company");
+        return {
+            __type: "Pointer",
+            className: "Company",
+            objectId: cid
+        };
+    }
     /**
      * 获取统一的消息列表
      */
@@ -4824,43 +4852,34 @@ class MessageManager {
             messageObj.set("status", "sent");
             messageObj.set("createdAt", message.createdAt || new Date());
             messageObj.set("complete", message.complete || false);
-            // 设置内容
-            if (message.content) {
-                if (typeof message.content === "string") {
-                    messageObj.set("content", {
-                        type: "text",
-                        text: message.content
-                    });
-                }
-                else if (Array.isArray(message.content)) {
-                    messageObj.set("content", {
-                        type: "mixed",
-                        items: message.content
-                    });
-                }
-                else {
-                    messageObj.set("content", message.content);
-                }
-            }
-            // 设置角色
+            // 设置消息角色（user/assistant/system）- 这是消息的发送者角色
             if (message.role) {
-                messageObj.set("role", message.role);
-            }
-            // 设置其他属性
-            if (message.json)
-                messageObj.set("json", message.json);
-            if (message.hidden)
-                messageObj.set("hidden", message.hidden);
-            if (message.voice)
-                messageObj.set("voice", message.voice);
-            if (message.cid)
-                messageObj.set("cid", message.cid);
+                messageObj.set("role", this.options.role.toPointer());
+            }
+            // 设置内容 - 保持原始格式兼容（string 或 Array）
+            // 同时扩展存储格式，支持更多元数据
+            if (message.content !== undefined) {
+                messageObj.set("content", message);
+            }
             // 根据场景设置关联对象
+            // avatarRole：指向 AvatarRole 表的指针（智能体角色）
             if (targetScene === MessageScene.ROLE && this.options.role) {
-                messageObj.set("role", this.options.role.toPointer());
+                messageObj.set("avatarRole", this.options.role.toPointer());
             }
+            // company：指向 Company 表的指针
             if (this.options.company) {
-                messageObj.set("company", this.options.company.toPointer());
+                messageObj.set("company", this.getCompanyPointer());
+            }
+            // 关键：如果chatSession已存在且有id，立即关联
+            // 如果chatSession还没有id（新会话），标记为待关联
+            if (this.options.chatSession) {
+                if (this.options.chatSession.id) {
+                    messageObj.set("session", this.options.chatSession.toPointer());
+                }
+                else {
+                    // 新会话，标记待关联，等待session保存后再关联
+                    messageObj.set("_pendingSession", true);
+                }
             }
             // 直接添加到列表末尾
             this._messageList.push(messageObj);
@@ -4873,50 +4892,90 @@ class MessageManager {
     }
     /**
      * 异步保存消息对象
+     * 增强版：处理session关联和延迟保存
      */
     async saveMessage(messageObj) {
-        if (!messageObj.id) {
-            try {
-                await messageObj.save();
+        if (!messageObj)
+            return;
+        try {
+            // 检查是否需要关联session（对于新会话的消息）
+            if (!messageObj.get("session") && this.options.chatSession?.id) {
+                messageObj.set("session", this.options.chatSession.toPointer());
+            }
+            // 确保消息有关联的session才保存到Message表
+            // 如果没有session且不是老消息转换的，先不保存（只存在于内存）
+            if (!messageObj.get("session") && !messageObj.get("isLegacy")) {
+                // 没有session的消息暂时不保存到Message表
+                // 等session创建后会再次调用saveMessage
+                console.log("消息等待session创建后保存");
+                return;
             }
-            catch (error) {
-                console.error("保存消息对象失败:", error);
+            await messageObj.save();
+        }
+        catch (error) {
+            console.error("保存消息对象失败:", error);
+        }
+    }
+    /**
+     * 在session创建/更新后，保存所有待关联的消息
+     * 关键方法：在chatSession保存成功后调用
+     */
+    async savePendingMessages() {
+        if (!this.options.chatSession?.id) {
+            console.warn("session未保存，无法保存待处理消息");
+            return;
+        }
+        const savePromises = [];
+        for (const messageObj of this._messageList) {
+            // 处理待关联的消息
+            // if (messageObj.get("_pendingSession")) {
+            messageObj.set("session", messageObj?.get("session") || this.options.chatSession.toPointer());
+            // messageObj.set("_pendingSession", undefined);
+            // }
+            // 保存所有没有id的消息（新消息）
+            if (!messageObj.id) {
+                if (!messageObj?.get("hidden")) {
+                    savePromises.push(this.saveMessage(messageObj));
+                }
             }
         }
+        if (savePromises.length > 0) {
+            await Promise.all(savePromises);
+            console.log(`保存了 ${savePromises.length} 条待处理消息`);
+        }
+    }
+    /**
+     * 更新chatSession引用（当新会话第一次保存后）
+     */
+    updateChatSession(chatSession) {
+        this.options.chatSession = chatSession;
     }
     /**
      * 更新消息（优化版）
-     * 直接通过下标更新消息对象属性
+     * 直接通过下标更新消息对象属性，返回是否成功
      */
     updateMessage(index, message) {
         if (index < 0 || index >= this._messageList.length)
-            return;
+            return null;
         const messageObj = this._messageList[index];
         if (!messageObj)
-            return;
-        // 更新内容
+            return null;
+        // 更新消息角色
+        if (message.role) {
+            messageObj.set("role", this.options.role.toPointer());
+        }
+        // 更新内容 - 保持原始格式兼容
+        // 从现有 content 中获取完整的 FmodeChatMessage 对象，然后更新字段
         if (message.content !== undefined) {
-            if (typeof message.content === "string") {
-                messageObj.set("content", {
-                    type: "text",
-                    text: message.content
-                });
-            }
-            else if (Array.isArray(message.content)) {
-                messageObj.set("content", {
-                    type: "mixed",
-                    items: message.content
-                });
-            }
-            else {
-                messageObj.set("content", message.content);
-            }
+            const existingContent = messageObj.get("content") || {};
+            messageObj.set("content", {
+                ...existingContent,
+                content: message.content
+            });
         }
         // 更新其他属性
         if (message.complete !== undefined)
             messageObj.set("complete", message.complete);
-        if (message.role)
-            messageObj.set("role", message.role);
         if (message.json)
             messageObj.set("json", message.json);
         if (message.hidden)
@@ -4925,6 +4984,16 @@ class MessageManager {
             messageObj.set("voice", message.voice);
         if (message.cid)
             messageObj.set("cid", message.cid);
+        return messageObj;
+    }
+    /**
+     * 更新消息并异步保存
+     */
+    async updateMessageAndSave(index, message) {
+        const messageObj = this.updateMessage(index, message);
+        if (!messageObj?.get("hidden")) {
+            await this.saveMessage(messageObj);
+        }
     }
     /**
      * 重新加载消息
@@ -4947,20 +5016,35 @@ class MessageManager {
                 const MessageClass = Parse$G.Object.extend("Message");
                 const messageObj = new MessageClass();
                 // 复制老版消息属性
-                messageObj.set("role", legacyMsg.role);
+                messageObj.set("role", this.options.role.toPointer());
                 messageObj.set("content", legacyMsg.content);
                 messageObj.set("complete", legacyMsg.complete);
                 messageObj.set("createdAt", legacyMsg.createdAt);
                 messageObj.set("voice", legacyMsg.voice);
                 messageObj.set("cid", legacyMsg.cid);
                 messageObj.set("isLegacy", true);
+                // 为老消息同步创建 contentData，保持格式统一
+                if (typeof legacyMsg.content === "string") {
+                    messageObj.set("contentData", {
+                        type: "text",
+                        text: legacyMsg.content,
+                        role: legacyMsg.role
+                    });
+                }
+                else if (Array.isArray(legacyMsg.content)) {
+                    messageObj.set("contentData", {
+                        type: "mixed",
+                        items: legacyMsg.content,
+                        role: legacyMsg.role
+                    });
+                }
                 this._messageList.push(messageObj);
             }
             // 2. 加载新版消息
             let newMessages = [];
             switch (this.options.scene) {
                 case MessageScene.ROLE:
-                    if (this.options.chatSession) {
+                    if (this.options.role) {
                         newMessages = await this.loadRoleMessages();
                     }
                     break;
@@ -4993,10 +5077,11 @@ class MessageManager {
      * 加载角色对话消息
      */
     async loadRoleMessages() {
-        if (!this.options.chatSession)
+        if (!this.options.role?.id)
             return [];
         const query = new Parse$G.Query("Message");
-        query.equalTo("session", this.options.chatSession);
+        query.exists("content");
+        query.equalTo("role", this.options.role?.id);
         query.addAscending("createdAt");
         query.limit(1000); // 限制数量避免性能问题
         return await query.find();
@@ -5008,6 +5093,7 @@ class MessageManager {
         if (!this.options.group)
             return [];
         const query = new Parse$G.Query("Message");
+        query.exists("content");
         query.equalTo("group", this.options.group);
         query.addAscending("createdAt");
         query.limit(1000);
@@ -5020,6 +5106,7 @@ class MessageManager {
         if (!this.options.userFrom || !this.options.userTo)
             return [];
         const query = new Parse$G.Query("Message");
+        query.exists("content");
         query.containedIn("userFrom", [this.options.userFrom, this.options.userTo]);
         query.containedIn("userTo", [this.options.userFrom, this.options.userTo]);
         query.addAscending("createdAt");
@@ -5033,6 +5120,7 @@ class MessageManager {
         if (!this.options.contact)
             return [];
         const query = new Parse$G.Query("Message");
+        query.exists("content");
         query.equalTo("contact", this.options.contact);
         query.addAscending("createdAt");
         query.limit(1000);
@@ -5102,12 +5190,12 @@ function getMessageContentText(content) {
     if (typeof content == "string")
         text = content;
     if (typeof content == "object")
-        text = content?.content?.text || "";
+        text = content?.content || "";
     return text;
 }
 function getMessageImageUrl(content) {
     if (typeof content == "object")
-        return content?.content?.image_url?.url || "";
+        return content?.image_url?.url || "";
     return null;
 }
 /**
@@ -5268,20 +5356,17 @@ class FmodeChat {
         this.navCtrl = navCtrl;
         this.ncloud = ncloud;
         this.storage = storage;
-        // 初始化企业信息
+        // 初始化企业信息（异步，不阻塞）
         this.initCompany();
         if (chatSession?.id) {
             this.chatSession = chatSession;
             this.sessionId = chatSession?.id;
-            // 初始化消息管理器
-            this.initMessageManager();
-        }
-        else {
-            // 即使没有chatSession，也尝试初始化消息管理器（用于新会话）
-            setTimeout(() => {
-                this.initMessageManager();
-            }, 100);
         }
+        // 延迟初始化消息管理器（懒加载模式）
+        // 确保company先初始化完成
+        setTimeout(() => {
+            this.ensureMessageManager();
+        }, 0);
         if (this.role?.id) {
             this.voiceConfig = this.role?.get("voiceConfig");
             if (this.voiceConfig?.autoTalk) {
@@ -5352,6 +5437,8 @@ class FmodeChat {
      * 获取消息列表（兼容老版本）
      */
     async getMessageList() {
+        // 确保 messageManager 已初始化
+        await this.ensureMessageManager();
         if (!this.messageManager) {
             return [];
         }
@@ -5386,17 +5473,33 @@ class FmodeChat {
     }
     /**
      * 初始化消息管理器
+     * 关键：即使没有chatSession.id也能初始化（新会话场景）
      */
-    initMessageManager() {
-        if (this.chatSession && this.role && this.company) {
+    async initMessageManager() {
+        // 确保 company 已初始化
+        if (!this.company) {
+            await this.initCompany();
+        }
+        if (this.role && this.company) {
             // 使用智能体对话场景的消息管理器
-            this.messageManager = MessageManager.createForRole(this.chatSession, this.role, this.company);
+            // chatSession可能暂时没有id（新会话），但manager仍然可以工作
+            this.messageManager = MessageManager.createForRole(this.chatSession || new Parse$F.Object("ChatSession"), this.role, this.company);
+        }
+    }
+    /**
+     * 确保消息管理器已初始化（懒加载）
+     */
+    async ensureMessageManager() {
+        if (!this.messageManager) {
+            await this.initMessageManager();
         }
     }
     /**
      * 初始化企业信息
      */
     async initCompany() {
+        if (this.company)
+            return; // 已经初始化
         const companyId = localStorage.getItem("company");
         if (companyId) {
             this.company = {
@@ -5411,8 +5514,10 @@ class FmodeChat {
      * 直接添加到MessageManager的_messageList，延迟保存
      */
     async addMessage(content, scene = MessageScene.ROLE) {
+        // 确保 messageManager 已初始化
+        await this.ensureMessageManager();
         if (!this.messageManager) {
-            console.warn("MessageManager未初始化，无法添加消息");
+            console.warn("MessageManager初始化失败，无法添加消息");
             return;
         }
         try {
@@ -5420,8 +5525,9 @@ class FmodeChat {
             const messageObj = this.messageManager.addMessage(content, scene);
             // 异步保存，不阻塞主流程
             setTimeout(() => {
-                this.messageManager.saveMessage(messageObj);
+                this.messageManager?.saveMessage(messageObj);
             }, 0);
+            return messageObj;
         }
         catch (error) {
             console.error("添加消息失败:", error);
@@ -5431,16 +5537,18 @@ class FmodeChat {
      * 更新消息（优化版）
      * 直接通过下标更新MessageManager中的消息
      */
-    updateMessage(index, content) {
+    updateMessage(messageObj, content) {
         if (!this.messageManager) {
             console.warn("MessageManager未初始化，无法更新消息");
             return;
         }
         try {
             // 直接更新MessageManager中的消息
-            this.messageManager.updateMessage(index, content);
-            // 异步保存，不阻塞主流程
-            const messageObj = this.messageManager.getMessage(index);
+            content = {
+                ...messageObj.get("content"),
+                ...content
+            };
+            messageObj.set("content", content);
             if (messageObj) {
                 setTimeout(() => {
                     this.messageManager.saveMessage(messageObj);
@@ -5555,37 +5663,25 @@ class FmodeChat {
             // 提示词已经存在
             return;
         }
-        // 补全提示词
-        let systemIndex = this.messageList?.findIndex(item => this.getMessageProperty(item, 'role') == "system");
-        let insertIndex = systemIndex + 1;
-        let msgObj = new Parse$F.Object("Message");
-        msgObj.set("content", promptMsg);
-        this.messageList.splice(insertIndex, 0, msgObj);
+        // 补全提示词 - 使用 addMessage 确保正确保存
+        this.addMessage(promptMsg, MessageScene.ROLE);
         return;
     }
     /**
      * 角色提示词
      * @returns
      */
-    loadRolePrompt() {
+    async loadRolePrompt() {
+        // 确保 messageManager 已初始化
+        await this.ensureMessageManager();
         // 角色提示
         let prompt = this.role?.get("prompt");
-        let promptMsg = { role: "user", content: prompt, hidden: true };
         if (!prompt)
             return; // 无提示词无需添加
-        // 内容检查
-        let content = this.messageList?.map(item => this.getMessageProperty(item, 'content')).join();
-        if (content.indexOf(prompt) > -1) {
-            // 提示词已经存在
-            return;
-        }
-        // 补全提示词
-        let systemIndex = this.messageList?.findIndex(item => this.getMessageProperty(item, 'role') == "system");
-        let insertIndex = systemIndex + 1;
-        let msgObj = new Parse$F.Object("Message");
-        msgObj.set("content", promptMsg);
-        this.messageList.splice(insertIndex, 0, msgObj);
-        // console.log(this.messageList)
+        this.rolePrompt = prompt;
+        // 使用 addMessage 添加提示词，确保正确保存
+        // let promptMsg:FmodeChatMessage = {role:"user",content:prompt,hidden:true}
+        // await this.addMessage(promptMsg, MessageScene.ROLE);
     }
     /**
      * 发送消息
@@ -5593,12 +5689,14 @@ class FmodeChat {
      * @param imageUrl
      */
     async sendMessage(message = "FmodeAiTest测试问题", imageUrl, onComplete, eventMap, voice) {
+        // 确保 messageManager 已初始化
+        await this.ensureMessageManager();
         // 发消息自动置底
         this.scrollToBottom && this.scrollToBottom();
         // 为消息列表补全提示词
         // await this.loadTalkSystemPrompt(this.role);
         this.isPromptMessageAreaShow = false; // 发送第一条消息后，关闭提示看板
-        this.loadRolePrompt();
+        await this.loadRolePrompt();
         // 构建用户消息
         let userMessage;
         if (!imageUrl) { // 纯文本
@@ -5633,11 +5731,14 @@ class FmodeChat {
             }
         }
         // 添加用户消息
-        await this.addMessage(userMessage, MessageScene.ROLE);
+        this.addMessage(userMessage, MessageScene.ROLE);
         // 获取最新消息列表用于补全
         const messages = await this.getMessageList();
         // 创建并发起一条新的消息补全
-        let completion = new FmodeChatCompletion(this.fixMessageList(this.convertMessages(messages)), {
+        let completion = new FmodeChatCompletion([
+            { role: "user", content: this.rolePrompt }, // 角色提示词 不在消息列表
+            ...this.fixMessageList(this.convertMessages(messages)) // 列表形式，确保灵活的图片消息格式接收
+        ], {
             model: this.currentModel?.get?.("code") || "fmode-1.6-cn"
         });
         // 生命周期：消息获取完成
@@ -5661,9 +5762,7 @@ class FmodeChat {
             createdAt: new Date()
         };
         // 添加AI回复消息占位符
-        await this.addMessage(aiMessagePlaceholder, MessageScene.ROLE);
-        const currentMessages = await this.getMessageList();
-        const aiMessageIndex = currentMessages.length - 1;
+        let newAiMessage = await this.addMessage(aiMessagePlaceholder, MessageScene.ROLE);
         // 生命周期：用户发送消息回调
         if (this.onUserSend) {
             let sendResult = await this.onUserSend(this, userMessage);
@@ -5674,29 +5773,26 @@ class FmodeChat {
             isDirect: isDirect,
             onComplete: onComplete || null
         }).pipe(finalize(async () => {
-            let currentMessage = currentMessages[aiMessageIndex];
             // 标记消息完成
-            this.setMessageProperty(currentMessage, 'complete', true);
-            await this.updateMessage(aiMessageIndex, currentMessage);
+            this.updateMessage(newAiMessage, { complete: true });
             // 在消息完成后生成语音（TalkMode）
             if (this.isTalkMode) {
-                let content = currentMessage?.get("content");
+                let content = newAiMessage?.get("content");
                 if (this.hasValidContent(content)) {
                     try {
                         let voice = await this.getVoiceByContentText(content, eventMap);
                         if (voice && voice.id) {
-                            currentMessage.set("voice", voice);
-                            await this.updateMessage(aiMessageIndex, currentMessage);
+                            // 更新消息的voice属性
+                            this.updateMessage(newAiMessage, { voice: voice });
                             // 通知SSML完成
                             eventMap?.onSSMLComplete && eventMap?.onSSMLComplete(voice);
                             // 播放语音
                             this.playChatVoice(this.voiceMap[voice?.id], {
                                 onResult: (result) => {
                                     if (result?.duration) {
-                                        let voice = currentMessage.get("voice");
-                                        voice.duration = result?.duration;
-                                        currentMessage.set("voice", voice);
-                                        this.updateMessage(aiMessageIndex, currentMessage);
+                                        // 更新语音时长
+                                        const updatedVoice = { ...voice, duration: result?.duration };
+                                        this.updateMessage(newAiMessage, { voice: updatedVoice });
                                     }
                                 }
                             });
@@ -5708,27 +5804,24 @@ class FmodeChat {
                 }
             }
             // 生命周期：消息获取完成
-            const finalMsgs = await this.getMessageList();
-            if (finalMsgs?.length > 0) {
-                this.onMessage && this.onMessage(this, finalMsgs[finalMsgs?.length - 1]?.get("content"));
+            if (newAiMessage?.id) {
+                this.onMessage && this.onMessage(this, newAiMessage?.get("content"));
+            }
+            // 保存AI消息到数据库（必须在session保存之后）
+            if (newAiMessage) {
+                await this.messageManager?.saveMessage(newAiMessage);
             }
         })).subscribe(async (message) => {
-            // 实时更新消息内容
-            await this.updateMessage(aiMessageIndex, message);
+            let content = message.content;
             // 更新最新回复内容
-            this.latestAIResponse = this.getContentText(message?.content);
+            this.latestAIResponse = this.getContentText(content);
             // 生命周期：消息更新回调（实时更新）
             if (this.onMessage && !message?.complete) {
-                const currentMsgs = await this.getMessageList();
-                if (currentMsgs?.length > 0) {
-                    this.onMessage(this, currentMsgs[currentMsgs?.length - 1]?.get("content"));
-                }
+                newAiMessage.set("content", message?.content);
+                this.onMessage(this, message);
             }
-            // 保存聊天会话（实时保存）
-            const currentMsgs = await this.getMessageList();
-            let savedList = this.chatSession?.get("messageList")?.length;
-            if (currentMsgs?.length > savedList) {
-                await this.saveChatSession();
+            if (message?.complete) {
+                this.updateMessage(newAiMessage, content);
             }
             // 滚动到底部
             this.scrollToBottom && this.scrollToBottom();
@@ -5967,9 +6060,11 @@ class FmodeChat {
     }
     /**
      * 保存单次会话
+     * 关键：在session保存后，立即更新消息管理器中的session引用并保存所有待处理消息
      */
     async saveChatSession() {
-        if (this.sessionId == "new") {
+        const isNewSession = this.sessionId == "new";
+        if (isNewSession) {
             this.chatSession = new this.ChatSession();
         }
         this.chatSession.set("title", this.genTitle());
@@ -5983,8 +6078,18 @@ class FmodeChat {
             this.chatSession.set("messageList", []);
         }
         this.chatSession = await this.chatSession.save();
-        this.onChatSaved && this.onChatSaved(this);
+        // 关键：更新sessionId
+        const oldSessionId = this.sessionId;
         this.sessionId = this.chatSession?.id;
+        // 关键：更新MessageManager中的session引用
+        if (this.messageManager) {
+            this.messageManager.updateChatSession(this.chatSession);
+            // 保存所有待处理的消息（新会话的消息或之前因缺少session而未保存的消息）
+            // if (this.sessionId) {
+            await this.messageManager.savePendingMessages();
+            // }
+        }
+        this.onChatSaved && this.onChatSaved(this);
         if (this.sessionId) {
             // 修改URL地址为sessionId，方便分享或切换 角色页面 => 会话页面
             let newHref = `${window.location.origin}/chat/pro/chat/${this.sessionId}`;
@@ -6000,11 +6105,16 @@ class FmodeChat {
             const messages = await this.getMessageList();
             const lastMessage = messages[messages?.length - 1];
             let messagePreview = "";
-            if (typeof lastMessage.get("content") === "string") {
-                messagePreview = lastMessage.get("content").slice(0, 20);
+            // 处理不同格式的content
+            const content = lastMessage?.get("content");
+            if (typeof content === "string") {
+                messagePreview = content.slice(0, 20);
             }
-            else if (Array.isArray(lastMessage.get("content"))) {
-                const textItem = lastMessage.get("content").find(item => item?.text);
+            else if (content?.text) {
+                messagePreview = content.text.slice(0, 20);
+            }
+            else if (Array.isArray(content)) {
+                const textItem = content.find(item => item?.text);
                 messagePreview = textItem?.text?.slice(0, 20) || "";
             }
             let newChat = {
@@ -6016,13 +6126,18 @@ class FmodeChat {
             };
             if (this.chatServ && !this.chatServ?.chatList?.length)
                 this.chatServ.chatList = [];
-            let index = this.chatServ?.chatList?.find(item => item?.sid == newChat?.sid);
+            let index = this.chatServ?.chatList?.findIndex(item => item?.sid == newChat?.sid);
             if (index > -1) {
                 this.chatServ.chatList[index] = newChat;
             }
             else {
                 this.chatServ?.chatList.unshift(newChat);
             }
+            // 更新chatServ中的chatMap（将new的key替换为真实sessionId）
+            if (isNewSession && oldSessionId === "new") {
+                this.chatServ.chatMap[this.sessionId] = this;
+                delete this.chatServ.chatMap["new"];
+            }
         }
     }
     getInviteUrl(url) {
@@ -6046,7 +6161,9 @@ class FmodeChat {
         return this.title;
     }
     fixMessageList(messages) {
-        return messages.map(msg => { return { role: msg.role, content: msg.content }; });
+        let list = messages.filter((msg) => { return typeof msg.content.role == "string" && msg.content.content; }).map((msg) => { return { role: msg.content.role, content: msg.content.content }; });
+        console.log("messages", messages, list);
+        return list;
     }
     nowStr() {
         let now = new Date();
@@ -11484,14 +11601,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 const Parse$w = defaultExport.with("nova");
 class ChatService {
-    constructor(router, ncloud, platform, alertCtrl, navCtrl, cross, storage) {
+    constructor(router, ncloud, platform, alertCtrl, navCtrl, cross) {
         this.router = router;
         this.ncloud = ncloud;
         this.platform = platform;
         this.alertCtrl = alertCtrl;
         this.navCtrl = navCtrl;
         this.cross = cross;
-        this.storage = storage;
         // 已加载聊天信息临时存储
         this.chatMap = {};
         this.isCapacitor = false;
@@ -11500,6 +11616,10 @@ class ChatService {
             "mobile": "移动端",
         };
         this.isCapacitor = this.platform.is("capacitor");
+        this.initStorage();
+    }
+    async initStorage() {
+        this.storage = await NovaStorage.withCid(localStorage.getItem("company"));
     }
     async doButtonAction(button) {
         let type = this.cross.navMenuType;
@@ -11636,7 +11756,7 @@ class ChatService {
                 type: "phone"
             }]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChatService, deps: [{ token: i1$1.Router }, { token: NovaCloudService }, { token: i3.Platform }, { token: i3.AlertController }, { token: i3.NavController }, { token: CrossService }, { token: NovaStorage }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChatService, deps: [{ token: i1$1.Router }, { token: NovaCloudService }, { token: i3.Platform }, { token: i3.AlertController }, { token: i3.NavController }, { token: CrossService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChatService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChatService, decorators: [{
@@ -11644,7 +11764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: NovaCloudService }, { type: i3.Platform }, { type: i3.AlertController }, { type: i3.NavController }, { type: CrossService }, { type: NovaStorage }] });
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: NovaCloudService }, { type: i3.Platform }, { type: i3.AlertController }, { type: i3.NavController }, { type: CrossService }] });
 
 const Parse$v = defaultExport.with("nova");
 /**
@@ -13340,7 +13460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class ChatContentPipe {
     transform(content, ...args) {
         // console.log(args);
-        let arg = args?.[0] || "text";
+        let arg = args?.[0] || content?.type || "text";
         if (arg == "text") {
             return getMessageContentText(content);
         }
@@ -16457,7 +16577,7 @@ class FmChatMessageCard {
         this.copyServ.copyToClipboard(getMessageContentText(this.message?.get('content')));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FmChatMessageCard, deps: [{ token: ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FmChatMessageCard, isStandalone: true, selector: "fm-chat-message-card", inputs: { index: "index", message: "message", role: "role", chat: "chat" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"message-card\" [class.right]=\"message?.get('role')=='user'\" [class.center]=\"message?.get('role')=='system'\">\r\n    <!-- \u7528\u6237\u53CA\u64CD\u4F5C\u533A -->\r\n    <div class=\"item-row user\" *ngIf=\"message?.get('role')!='system'\"> <!-- \u7CFB\u7EDF\u6D88\u606F\u4E0D\u663E\u793A\u5934\u50CF -->\r\n        <div class=\"avatar-row\">\r\n            <div class=\"actions\">\r\n                <!-- \u5237\u65B0 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"refresh-outline\"></ion-icon>\r\n                </ion-button> -->\r\n                <!-- \u590D\u5236 -->\r\n                <ion-button size=\"small\" fill=\"outline\" slot=\"start\" (click)=\"copy()\">\r\n                    <ion-icon name=\"copy-outline\"></ion-icon>\r\n                </ion-button>\r\n                <!-- \u7F16\u8F91 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"create-outline\"></ion-icon>\r\n                </ion-button> -->\r\n            </div>\r\n            <!-- \u66F4\u65B0\u97F3\u9891\u6D88\u606F\u533A\u57DF -->\r\n            <div *ngIf=\"((message?.get('role')=='assistant' && chat?.role?.get('voiceConfig')?.voice) || (message?.get('role')=='user'&&message?.get('voice')))\"\r\n            class=\"play-voice\"\r\n            (click)=\"!isLoadingText && toggleVoicePlay()\"\r\n            [class.loading-voice]=\"chat?.isTalkMode && isLoadingText\">\r\n\r\n            <div class=\"voice-button\">\r\n            <!-- \u52A0\u8F7D\u65F6\u663E\u793Aspinner\uFF0C\u5426\u5219\u663E\u793Awifi\u56FE\u6807 -->\r\n            <ion-spinner *ngIf=\"chat?.isTalkMode && isLoadingText\" name=\"lines\" class=\"loading-spinner\"></ion-spinner>\r\n            <ion-icon *ngIf=\"!(chat?.isTalkMode && isLoadingText)\" name=\"wifi-outline\"\r\n                [style.transform]=\"message?.get('role')=='user'?'rotate(-90deg)':'rotate(90deg)'\"\r\n                class=\"audio-icon\"\r\n                [class.play-voice-playing]=\"tts?.isPlaying\"></ion-icon>\r\n            </div>\r\n            <div class=\"voice-info\">\r\n            <span *ngIf=\"message?.get('voice')?.duration && !isLoadingText\">\r\n                {{((message?.get('voice')?.duration||0)/1000) | durationStr}}\r\n            </span>\r\n            </div>\r\n            </div>\r\n            <!-- \u5934\u50CF\u533A\u57DF -->\r\n            <img class=\"avatar\" *ngIf=\"message?.get('role')!='user'\" [src]=\"(chat?.role?.get('avatar') || chat?.role?.get('thumb') || 'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png')+'?'+'x-image-process=image/resize,m_fixed,w_100'+'&imageView2/1/w/100/h/100'\" >\r\n            <app-comp-user-avatar [user]=\"user\" *ngIf=\"message?.get('role')=='user'\"></app-comp-user-avatar>\r\n        </div>\r\n    </div>\r\n     <!-- \u9644\u4EF6\uFF1A\u56FE\u7247 -->\r\n     <div class=\"item-row images\" *ngIf=\"message?.get('content') | chatContent:'image_url'\">\r\n        <img [src]=\"message?.get('content') | chatContent:'image_url'\" alt=\"\">\r\n    </div>\r\n    <!-- \u804A\u5929\u6C14\u6CE1 -->\r\n    <!-- Replace the bubble section with this: -->\r\n    <div class=\"item-row bubble\" [style.fontSize]=\"role?.get('uiConfig')?.msg?.bubble?.fontSize || '0.8rem'\">\r\n        <!-- \u8BF4\u8BDD\u6A21\u5F0F\uFF1A\u5C55\u793A\u52A0\u8F7D\u72B6\u6001 Show loading state for talk mode when message is not complete -->\r\n\r\n        <!-- Show normal content for non-talk mode or when loading is complete -->\r\n        <ng-container *ngIf=\"!chat?.isTalkMode || message?.get('role') !== 'assistant' || !isLoadingText\">\r\n            <fm-markdown-preview *ngIf=\"!message?.get('complete')\" class=\"content-style\"\r\n                [content]=\"message?.get('content') | chatContent\" [render]=\"false\"></fm-markdown-preview>\r\n            <fm-markdown-preview *ngIf=\"message?.get('complete')\"\r\n                [content]=\"message?.get('content') | chatContent\"></fm-markdown-preview>\r\n        </ng-container>\r\n    </div>\r\n    <!-- \u65F6\u95F4\u663E\u793A -->\r\n    <div class=\"item-row loading\" *ngIf=\"message?.get('role')!='system' && !message?.get('complete')\">\r\n        \u6B63\u5728\u8F93\u5165<ion-spinner name=\"dots\"></ion-spinner>\r\n    </div>\r\n\r\n    <div class=\"item-row created\" *ngIf=\"message?.get('createdAt')\">\r\n        <span>{{message?.get('createdAt') | date:\"dd/MM/yy HH:mm\"}}</span>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "component", type: CompUserAvatarComponent, selector: "app-comp-user-avatar", inputs: ["user"] }, { kind: "ngmodule", type: MarkdownPreviewModule }, { kind: "component", type: MarkdownPreviewComponent, selector: "fm-markdown-preview", inputs: ["content", "render"] }, { kind: "pipe", type: ChatContentPipe, name: "chatContent" }, { kind: "pipe", type: DurationStrPipe, name: "durationStr" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FmChatMessageCard, isStandalone: true, selector: "fm-chat-message-card", inputs: { index: "index", message: "message", role: "role", chat: "chat" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"message-card\" [class.right]=\"message?.get('content')?.role=='user'\" [class.center]=\"message?.get('content')?.role=='system'\">\r\n    <!-- \u7528\u6237\u53CA\u64CD\u4F5C\u533A -->\r\n    <div class=\"item-row user\" *ngIf=\"message?.get('content')?.role!='system'\"> <!-- \u7CFB\u7EDF\u6D88\u606F\u4E0D\u663E\u793A\u5934\u50CF -->\r\n        <div class=\"avatar-row\">\r\n            <div class=\"actions\">\r\n                <!-- \u5237\u65B0 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"refresh-outline\"></ion-icon>\r\n                </ion-button> -->\r\n                <!-- \u590D\u5236 -->\r\n                <ion-button size=\"small\" fill=\"outline\" slot=\"start\" (click)=\"copy()\">\r\n                    <ion-icon name=\"copy-outline\"></ion-icon>\r\n                </ion-button>\r\n                <!-- \u7F16\u8F91 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"create-outline\"></ion-icon>\r\n                </ion-button> -->\r\n            </div>\r\n            <!-- \u66F4\u65B0\u97F3\u9891\u6D88\u606F\u533A\u57DF -->\r\n            <div *ngIf=\"((message?.get('content')?.role=='assistant' && chat?.role?.get('voiceConfig')?.voice) || (message?.get('content')?.role=='user'&&message?.get('voice')))\"\r\n            class=\"play-voice\"\r\n            (click)=\"!isLoadingText && toggleVoicePlay()\"\r\n            [class.loading-voice]=\"chat?.isTalkMode && isLoadingText\">\r\n\r\n            <div class=\"voice-button\">\r\n            <!-- \u52A0\u8F7D\u65F6\u663E\u793Aspinner\uFF0C\u5426\u5219\u663E\u793Awifi\u56FE\u6807 -->\r\n            <ion-spinner *ngIf=\"chat?.isTalkMode && isLoadingText\" name=\"lines\" class=\"loading-spinner\"></ion-spinner>\r\n            <ion-icon *ngIf=\"!(chat?.isTalkMode && isLoadingText)\" name=\"wifi-outline\"\r\n                [style.transform]=\"message?.get('content')?.role=='user'?'rotate(-90deg)':'rotate(90deg)'\"\r\n                class=\"audio-icon\"\r\n                [class.play-voice-playing]=\"tts?.isPlaying\"></ion-icon>\r\n            </div>\r\n            <div class=\"voice-info\">\r\n            <span *ngIf=\"message?.get('voice')?.duration && !isLoadingText\">\r\n                {{((message?.get('voice')?.duration||0)/1000) | durationStr}}\r\n            </span>\r\n            </div>\r\n            </div>\r\n            <!-- \u5934\u50CF\u533A\u57DF -->\r\n            <img class=\"avatar\" *ngIf=\"message?.get('content')?.role!='user'\" [src]=\"(chat?.role?.get('avatar') || chat?.role?.get('thumb') || 'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png')+'?'+'x-image-process=image/resize,m_fixed,w_100'+'&imageView2/1/w/100/h/100'\" >\r\n            <app-comp-user-avatar [user]=\"user\" *ngIf=\"message?.get('content')?.role=='user'\"></app-comp-user-avatar>\r\n        </div>\r\n    </div>\r\n     <!-- \u9644\u4EF6\uFF1A\u56FE\u7247 -->\r\n     <div class=\"item-row images\" *ngIf=\"message?.get('content') | chatContent:'image_url'\">\r\n        <img [src]=\"message?.get('content') | chatContent:'image_url'\" alt=\"\">\r\n    </div>\r\n    <!-- \u804A\u5929\u6C14\u6CE1 -->\r\n    <!-- Replace the bubble section with this: -->\r\n    <div class=\"item-row bubble\" [style.fontSize]=\"role?.get('uiConfig')?.msg?.bubble?.fontSize || '0.8rem'\">\r\n        <!-- \u8BF4\u8BDD\u6A21\u5F0F\uFF1A\u5C55\u793A\u52A0\u8F7D\u72B6\u6001 Show loading state for talk mode when message is not complete -->\r\n\r\n        <!-- Show normal content for non-talk mode or when loading is complete -->\r\n        <ng-container *ngIf=\"!chat?.isTalkMode || message?.get('content')?.role !== 'assistant' || !isLoadingText\">\r\n            <fm-markdown-preview *ngIf=\"!message?.get('complete')\" class=\"content-style\"\r\n                [content]=\"message?.get('content') | chatContent\" [render]=\"false\"></fm-markdown-preview>\r\n            <fm-markdown-preview *ngIf=\"message?.get('complete')\"\r\n                [content]=\"message?.get('content') | chatContent\"></fm-markdown-preview>\r\n        </ng-container>\r\n    </div>\r\n    <!-- \u65F6\u95F4\u663E\u793A -->\r\n    <div class=\"item-row loading\" *ngIf=\"message?.get('content')?.role!='system' && !message?.get('complete')\">\r\n        \u6B63\u5728\u8F93\u5165<ion-spinner name=\"dots\"></ion-spinner>\r\n    </div>\r\n\r\n    <div class=\"item-row created\" *ngIf=\"message?.get('createdAt')\">\r\n        <span>{{message?.get('createdAt') | date:\"dd/MM/yy HH:mm\"}}</span>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "component", type: CompUserAvatarComponent, selector: "app-comp-user-avatar", inputs: ["user"] }, { kind: "ngmodule", type: MarkdownPreviewModule }, { kind: "component", type: MarkdownPreviewComponent, selector: "fm-markdown-preview", inputs: ["content", "render"] }, { kind: "pipe", type: ChatContentPipe, name: "chatContent" }, { kind: "pipe", type: DurationStrPipe, name: "durationStr" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FmChatMessageCard, decorators: [{
             type: Component,
@@ -16468,7 +16588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ChatContentPipe,
                         NzSanitizerPipe,
                         DurationStrPipe
-                    ], template: "<div class=\"message-card\" [class.right]=\"message?.get('role')=='user'\" [class.center]=\"message?.get('role')=='system'\">\r\n    <!-- \u7528\u6237\u53CA\u64CD\u4F5C\u533A -->\r\n    <div class=\"item-row user\" *ngIf=\"message?.get('role')!='system'\"> <!-- \u7CFB\u7EDF\u6D88\u606F\u4E0D\u663E\u793A\u5934\u50CF -->\r\n        <div class=\"avatar-row\">\r\n            <div class=\"actions\">\r\n                <!-- \u5237\u65B0 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"refresh-outline\"></ion-icon>\r\n                </ion-button> -->\r\n                <!-- \u590D\u5236 -->\r\n                <ion-button size=\"small\" fill=\"outline\" slot=\"start\" (click)=\"copy()\">\r\n                    <ion-icon name=\"copy-outline\"></ion-icon>\r\n                </ion-button>\r\n                <!-- \u7F16\u8F91 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"create-outline\"></ion-icon>\r\n                </ion-button> -->\r\n            </div>\r\n            <!-- \u66F4\u65B0\u97F3\u9891\u6D88\u606F\u533A\u57DF -->\r\n            <div *ngIf=\"((message?.get('role')=='assistant' && chat?.role?.get('voiceConfig')?.voice) || (message?.get('role')=='user'&&message?.get('voice')))\"\r\n            class=\"play-voice\"\r\n            (click)=\"!isLoadingText && toggleVoicePlay()\"\r\n            [class.loading-voice]=\"chat?.isTalkMode && isLoadingText\">\r\n\r\n            <div class=\"voice-button\">\r\n            <!-- \u52A0\u8F7D\u65F6\u663E\u793Aspinner\uFF0C\u5426\u5219\u663E\u793Awifi\u56FE\u6807 -->\r\n            <ion-spinner *ngIf=\"chat?.isTalkMode && isLoadingText\" name=\"lines\" class=\"loading-spinner\"></ion-spinner>\r\n            <ion-icon *ngIf=\"!(chat?.isTalkMode && isLoadingText)\" name=\"wifi-outline\"\r\n                [style.transform]=\"message?.get('role')=='user'?'rotate(-90deg)':'rotate(90deg)'\"\r\n                class=\"audio-icon\"\r\n                [class.play-voice-playing]=\"tts?.isPlaying\"></ion-icon>\r\n            </div>\r\n            <div class=\"voice-info\">\r\n            <span *ngIf=\"message?.get('voice')?.duration && !isLoadingText\">\r\n                {{((message?.get('voice')?.duration||0)/1000) | durationStr}}\r\n            </span>\r\n            </div>\r\n            </div>\r\n            <!-- \u5934\u50CF\u533A\u57DF -->\r\n            <img class=\"avatar\" *ngIf=\"message?.get('role')!='user'\" [src]=\"(chat?.role?.get('avatar') || chat?.role?.get('thumb') || 'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png')+'?'+'x-image-process=image/resize,m_fixed,w_100'+'&imageView2/1/w/100/h/100'\" >\r\n            <app-comp-user-avatar [user]=\"user\" *ngIf=\"message?.get('role')=='user'\"></app-comp-user-avatar>\r\n        </div>\r\n    </div>\r\n     <!-- \u9644\u4EF6\uFF1A\u56FE\u7247 -->\r\n     <div class=\"item-row images\" *ngIf=\"message?.get('content') | chatContent:'image_url'\">\r\n        <img [src]=\"message?.get('content') | chatContent:'image_url'\" alt=\"\">\r\n    </div>\r\n    <!-- \u804A\u5929\u6C14\u6CE1 -->\r\n    <!-- Replace the bubble section with this: -->\r\n    <div class=\"item-row bubble\" [style.fontSize]=\"role?.get('uiConfig')?.msg?.bubble?.fontSize || '0.8rem'\">\r\n        <!-- \u8BF4\u8BDD\u6A21\u5F0F\uFF1A\u5C55\u793A\u52A0\u8F7D\u72B6\u6001 Show loading state for talk mode when message is not complete -->\r\n\r\n        <!-- Show normal content for non-talk mode or when loading is complete -->\r\n        <ng-container *ngIf=\"!chat?.isTalkMode || message?.get('role') !== 'assistant' || !isLoadingText\">\r\n            <fm-markdown-preview *ngIf=\"!message?.get('complete')\" class=\"content-style\"\r\n                [content]=\"message?.get('content') | chatContent\" [render]=\"false\"></fm-markdown-preview>\r\n            <fm-markdown-preview *ngIf=\"message?.get('complete')\"\r\n                [content]=\"message?.get('content') | chatContent\"></fm-markdown-preview>\r\n        </ng-container>\r\n    </div>\r\n    <!-- \u65F6\u95F4\u663E\u793A -->\r\n    <div class=\"item-row loading\" *ngIf=\"message?.get('role')!='system' && !message?.get('complete')\">\r\n        \u6B63\u5728\u8F93\u5165<ion-spinner name=\"dots\"></ion-spinner>\r\n    </div>\r\n\r\n    <div class=\"item-row created\" *ngIf=\"message?.get('createdAt')\">\r\n        <span>{{message?.get('createdAt') | date:\"dd/MM/yy HH:mm\"}}</span>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n"] }]
+                    ], template: "<div class=\"message-card\" [class.right]=\"message?.get('content')?.role=='user'\" [class.center]=\"message?.get('content')?.role=='system'\">\r\n    <!-- \u7528\u6237\u53CA\u64CD\u4F5C\u533A -->\r\n    <div class=\"item-row user\" *ngIf=\"message?.get('content')?.role!='system'\"> <!-- \u7CFB\u7EDF\u6D88\u606F\u4E0D\u663E\u793A\u5934\u50CF -->\r\n        <div class=\"avatar-row\">\r\n            <div class=\"actions\">\r\n                <!-- \u5237\u65B0 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"refresh-outline\"></ion-icon>\r\n                </ion-button> -->\r\n                <!-- \u590D\u5236 -->\r\n                <ion-button size=\"small\" fill=\"outline\" slot=\"start\" (click)=\"copy()\">\r\n                    <ion-icon name=\"copy-outline\"></ion-icon>\r\n                </ion-button>\r\n                <!-- \u7F16\u8F91 -->\r\n                <!-- <ion-button fill=\"outline\" slot=\"start\">\r\n                    <ion-icon name=\"create-outline\"></ion-icon>\r\n                </ion-button> -->\r\n            </div>\r\n            <!-- \u66F4\u65B0\u97F3\u9891\u6D88\u606F\u533A\u57DF -->\r\n            <div *ngIf=\"((message?.get('content')?.role=='assistant' && chat?.role?.get('voiceConfig')?.voice) || (message?.get('content')?.role=='user'&&message?.get('voice')))\"\r\n            class=\"play-voice\"\r\n            (click)=\"!isLoadingText && toggleVoicePlay()\"\r\n            [class.loading-voice]=\"chat?.isTalkMode && isLoadingText\">\r\n\r\n            <div class=\"voice-button\">\r\n            <!-- \u52A0\u8F7D\u65F6\u663E\u793Aspinner\uFF0C\u5426\u5219\u663E\u793Awifi\u56FE\u6807 -->\r\n            <ion-spinner *ngIf=\"chat?.isTalkMode && isLoadingText\" name=\"lines\" class=\"loading-spinner\"></ion-spinner>\r\n            <ion-icon *ngIf=\"!(chat?.isTalkMode && isLoadingText)\" name=\"wifi-outline\"\r\n                [style.transform]=\"message?.get('content')?.role=='user'?'rotate(-90deg)':'rotate(90deg)'\"\r\n                class=\"audio-icon\"\r\n                [class.play-voice-playing]=\"tts?.isPlaying\"></ion-icon>\r\n            </div>\r\n            <div class=\"voice-info\">\r\n            <span *ngIf=\"message?.get('voice')?.duration && !isLoadingText\">\r\n                {{((message?.get('voice')?.duration||0)/1000) | durationStr}}\r\n            </span>\r\n            </div>\r\n            </div>\r\n            <!-- \u5934\u50CF\u533A\u57DF -->\r\n            <img class=\"avatar\" *ngIf=\"message?.get('content')?.role!='user'\" [src]=\"(chat?.role?.get('avatar') || chat?.role?.get('thumb') || 'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png')+'?'+'x-image-process=image/resize,m_fixed,w_100'+'&imageView2/1/w/100/h/100'\" >\r\n            <app-comp-user-avatar [user]=\"user\" *ngIf=\"message?.get('content')?.role=='user'\"></app-comp-user-avatar>\r\n        </div>\r\n    </div>\r\n     <!-- \u9644\u4EF6\uFF1A\u56FE\u7247 -->\r\n     <div class=\"item-row images\" *ngIf=\"message?.get('content') | chatContent:'image_url'\">\r\n        <img [src]=\"message?.get('content') | chatContent:'image_url'\" alt=\"\">\r\n    </div>\r\n    <!-- \u804A\u5929\u6C14\u6CE1 -->\r\n    <!-- Replace the bubble section with this: -->\r\n    <div class=\"item-row bubble\" [style.fontSize]=\"role?.get('uiConfig')?.msg?.bubble?.fontSize || '0.8rem'\">\r\n        <!-- \u8BF4\u8BDD\u6A21\u5F0F\uFF1A\u5C55\u793A\u52A0\u8F7D\u72B6\u6001 Show loading state for talk mode when message is not complete -->\r\n\r\n        <!-- Show normal content for non-talk mode or when loading is complete -->\r\n        <ng-container *ngIf=\"!chat?.isTalkMode || message?.get('content')?.role !== 'assistant' || !isLoadingText\">\r\n            <fm-markdown-preview *ngIf=\"!message?.get('complete')\" class=\"content-style\"\r\n                [content]=\"message?.get('content') | chatContent\" [render]=\"false\"></fm-markdown-preview>\r\n            <fm-markdown-preview *ngIf=\"message?.get('complete')\"\r\n                [content]=\"message?.get('content') | chatContent\"></fm-markdown-preview>\r\n        </ng-container>\r\n    </div>\r\n    <!-- \u65F6\u95F4\u663E\u793A -->\r\n    <div class=\"item-row loading\" *ngIf=\"message?.get('content')?.role!='system' && !message?.get('complete')\">\r\n        \u6B63\u5728\u8F93\u5165<ion-spinner name=\"dots\"></ion-spinner>\r\n    </div>\r\n\r\n    <div class=\"item-row created\" *ngIf=\"message?.get('createdAt')\">\r\n        <span>{{message?.get('createdAt') | date:\"dd/MM/yy HH:mm\"}}</span>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n"] }]
         }], ctorParameters: () => [{ type: ClipboardService }], propDecorators: { index: [{
                 type: Input
             }], message: [{
@@ -16551,20 +16671,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class FmChatMesssageArea {
-    get messageList() {
-        // 优先使用直接传入的chat对象
-        if (this.chat && this.chat.messageList) {
-            return this.chat.messageList;
-        }
-        return [];
-        // 降级到通过chatId获取
-        // else if(this.chatId && this.chatServ.chatMap[this.chatId]){
-        //   messages = this.chatServ.chatMap[this.chatId].messageList;
-        // }
-        // else {
-        //   return this.cachedMessageList;
-        // }
-    }
     /**
      * 获取预览消息的FmodeObject
      */
@@ -16586,23 +16692,44 @@ class FmChatMesssageArea {
     }
     constructor(chatServ) {
         this.chatServ = chatServ;
-        // 缓存的消息列表，避免重复获取
-        this.cachedMessageList = [];
+        // 缓存的消息列表，用于模板绑定
+        this.messageList = [];
+        // 用于变更检测
         this.lastMessageCount = 0;
+        this.lastMessageHash = '';
+        this.refreshTimer = null;
     }
     ngOnChanges(changes) {
-        // 当chat或chatId发生变化时，重置缓存
+        // 当chat或chatId发生变化时，重置并刷新
         if (changes.chat || changes.chatId) {
+            this.lastMessageCount = 0;
+            this.lastMessageHash = '';
             this.refreshMessageList();
         }
     }
     ngDoCheck() {
-        // 检查消息列表是否发生变化 - 使用同步方法避免性能问题
-        const currentMessages = this.messageList;
-        if (currentMessages.length !== this.lastMessageCount) {
-            this.lastMessageCount = currentMessages.length;
-            // 异步刷新，不等待结果
-            this.refreshMessageList();
+        // 检查chat.messageList是否有变化
+        if (!this.chat)
+            return;
+        const currentMessages = this.chat.messageList;
+        const currentCount = currentMessages?.length || 0;
+        // 简单hash检测内容变化（使用id和createdAt）
+        let currentHash = '';
+        if (currentMessages && currentMessages.length > 0) {
+            const lastMsg = currentMessages[currentMessages.length - 1];
+            currentHash = `${lastMsg.id}_${lastMsg.get?.('content')?.length || 0}_${currentCount}`;
+        }
+        // 如果消息数量变化或hash变化，触发刷新
+        if (currentCount !== this.lastMessageCount || currentHash !== this.lastMessageHash) {
+            this.lastMessageCount = currentCount;
+            this.lastMessageHash = currentHash;
+            // 防抖：避免频繁刷新
+            if (this.refreshTimer) {
+                clearTimeout(this.refreshTimer);
+            }
+            this.refreshTimer = setTimeout(() => {
+                this.syncMessageList();
+            }, 50);
         }
     }
     ngAfterViewInit() {
@@ -16613,21 +16740,40 @@ class FmChatMesssageArea {
             this.chat.scrollComp = { nativeElement: document.querySelector('.message-list') };
         }
     }
+    ngOnDestroy() {
+        if (this.refreshTimer) {
+            clearTimeout(this.refreshTimer);
+        }
+    }
+    /**
+     * 同步消息列表（同步版本，用于DoCheck）
+     */
+    syncMessageList() {
+        if (!this.chat)
+            return;
+        // 直接获取messageManager中的缓存列表
+        const messages = this.chat.messageList;
+        if (messages && messages.length !== this.messageList.length) {
+            // 创建新数组触发变更检测
+            this.messageList = [...messages];
+            this.scrollToBottom();
+        }
+    }
     /**
-     * 刷新消息列表
+     * 刷新消息列表（异步版本，用于初始加载）
      */
     async refreshMessageList() {
         try {
             let messages = [];
             if (this.chat) {
-                // 直接获取FmodeObject数组，无需转换
+                // 触发消息加载（如果是第一次）
                 messages = await this.chat.getMessageList();
             }
             else if (this.chatId && this.chatServ.chatMap[this.chatId]) {
                 messages = await this.chatServ.chatMap[this.chatId].getMessageList();
             }
-            // 更新缓存
-            this.cachedMessageList = messages;
+            // 创建新数组触发变更检测
+            this.messageList = [...messages];
             this.lastMessageCount = messages.length;
             // 延迟滚动到底部
             setTimeout(() => {
@@ -16654,7 +16800,7 @@ class FmChatMesssageArea {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FmChatMesssageArea, deps: [{ token: ChatService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FmChatMesssageArea, isStandalone: true, selector: "fm-chat-message-area", inputs: { chatId: "chatId", chat: "chat" }, usesOnChanges: true, ngImport: i0, template: "\r\n<div class=\"message-list\">\r\n    <app-comp-role-prompt [chat]=\"chat\" [role]=\"chat?.role?.id\"></app-comp-role-prompt>\r\n\r\n    <!-- \u4E3B\u6D88\u606F\u5217\u8868 -->\r\n    <ng-container *ngIf=\"messageList && messageList.length > 0\">\r\n        <ng-container *ngFor=\"let message of messageList;let index=index;trackBy: trackByMessageId\">\r\n            <!-- \u5185\u5BB9\u683C\u5F0F\u5316\u533A\u57DF -->\r\n            <fm-chat-message-card [chat]=\"chat\" *ngIf=\"!message?.hidden\" [index]=\"index\" [message]=\"message\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-- \u7A7A\u72B6\u6001\u63D0\u793A -->\r\n    <div *ngIf=\"!messageList || messageList.length === 0\" class=\"empty-state\">\r\n        <p>\u6682\u65E0\u6D88\u606F\u8BB0\u5F55</p>\r\n        <p *ngIf=\"chat?.role\">\u5F00\u59CB\u4E0E {{chat?.role?.get('name')}} \u5BF9\u8BDD\u5427\uFF01</p>\r\n    </div>\r\n\r\n    <!-- \u9884\u89C8\u6D88\u606F -->\r\n    @if(!chat?.hideInputPreview && previewMessage){\r\n        <fm-chat-message-card [chat]=\"chat\" [message]=\"previewMessage\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n    }\r\n</div>", styles: [".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FmChatMessageCard, selector: "fm-chat-message-card", inputs: ["index", "message", "role", "chat"] }, { kind: "component", type: CompRolePromptComponent, selector: "app-comp-role-prompt", inputs: ["chat", "role"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FmChatMesssageArea, isStandalone: true, selector: "fm-chat-message-area", inputs: { chatId: "chatId", chat: "chat" }, usesOnChanges: true, ngImport: i0, template: "\r\n<div class=\"message-list\">\r\n    <app-comp-role-prompt [chat]=\"chat\" [role]=\"chat?.role?.id\"></app-comp-role-prompt>\r\n\r\n    <!-- \u4E3B\u6D88\u606F\u5217\u8868 -->\r\n    <ng-container *ngIf=\"messageList && messageList.length > 0\">\r\n        <ng-container *ngFor=\"let message of messageList;let index=index;trackBy: trackByMessageId\">\r\n            <!-- \u5185\u5BB9\u683C\u5F0F\u5316\u533A\u57DF -->\r\n            @if(!message?.get(\"content\")?.hidden || !message?.get(\"content\")?.content ){\r\n                 <fm-chat-message-card [chat]=\"chat\" [index]=\"index\" [message]=\"message\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n            }\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-- \u7A7A\u72B6\u6001\u63D0\u793A -->\r\n    <div *ngIf=\"!messageList || messageList.length === 0\" class=\"empty-state\">\r\n        <p>\u6682\u65E0\u6D88\u606F\u8BB0\u5F55</p>\r\n        <p *ngIf=\"chat?.role\">\u5F00\u59CB\u4E0E {{chat?.role?.get('name')}} \u5BF9\u8BDD\u5427\uFF01</p>\r\n    </div>\r\n\r\n    <!-- \u9884\u89C8\u6D88\u606F -->\r\n    @if(!chat?.hideInputPreview && previewMessage){\r\n        <fm-chat-message-card [chat]=\"chat\" [message]=\"previewMessage\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n    }\r\n</div>", styles: [".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FmChatMessageCard, selector: "fm-chat-message-card", inputs: ["index", "message", "role", "chat"] }, { kind: "component", type: CompRolePromptComponent, selector: "app-comp-role-prompt", inputs: ["chat", "role"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FmChatMesssageArea, decorators: [{
             type: Component,
@@ -16662,7 +16808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         FmChatMessageCard,
                         CompRolePromptComponent,
-                    ], template: "\r\n<div class=\"message-list\">\r\n    <app-comp-role-prompt [chat]=\"chat\" [role]=\"chat?.role?.id\"></app-comp-role-prompt>\r\n\r\n    <!-- \u4E3B\u6D88\u606F\u5217\u8868 -->\r\n    <ng-container *ngIf=\"messageList && messageList.length > 0\">\r\n        <ng-container *ngFor=\"let message of messageList;let index=index;trackBy: trackByMessageId\">\r\n            <!-- \u5185\u5BB9\u683C\u5F0F\u5316\u533A\u57DF -->\r\n            <fm-chat-message-card [chat]=\"chat\" *ngIf=\"!message?.hidden\" [index]=\"index\" [message]=\"message\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-- \u7A7A\u72B6\u6001\u63D0\u793A -->\r\n    <div *ngIf=\"!messageList || messageList.length === 0\" class=\"empty-state\">\r\n        <p>\u6682\u65E0\u6D88\u606F\u8BB0\u5F55</p>\r\n        <p *ngIf=\"chat?.role\">\u5F00\u59CB\u4E0E {{chat?.role?.get('name')}} \u5BF9\u8BDD\u5427\uFF01</p>\r\n    </div>\r\n\r\n    <!-- \u9884\u89C8\u6D88\u606F -->\r\n    @if(!chat?.hideInputPreview && previewMessage){\r\n        <fm-chat-message-card [chat]=\"chat\" [message]=\"previewMessage\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n    }\r\n</div>", styles: [".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"] }]
+                    ], template: "\r\n<div class=\"message-list\">\r\n    <app-comp-role-prompt [chat]=\"chat\" [role]=\"chat?.role?.id\"></app-comp-role-prompt>\r\n\r\n    <!-- \u4E3B\u6D88\u606F\u5217\u8868 -->\r\n    <ng-container *ngIf=\"messageList && messageList.length > 0\">\r\n        <ng-container *ngFor=\"let message of messageList;let index=index;trackBy: trackByMessageId\">\r\n            <!-- \u5185\u5BB9\u683C\u5F0F\u5316\u533A\u57DF -->\r\n            @if(!message?.get(\"content\")?.hidden || !message?.get(\"content\")?.content ){\r\n                 <fm-chat-message-card [chat]=\"chat\" [index]=\"index\" [message]=\"message\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n            }\r\n        </ng-container>\r\n    </ng-container>\r\n\r\n    <!-- \u7A7A\u72B6\u6001\u63D0\u793A -->\r\n    <div *ngIf=\"!messageList || messageList.length === 0\" class=\"empty-state\">\r\n        <p>\u6682\u65E0\u6D88\u606F\u8BB0\u5F55</p>\r\n        <p *ngIf=\"chat?.role\">\u5F00\u59CB\u4E0E {{chat?.role?.get('name')}} \u5BF9\u8BDD\u5427\uFF01</p>\r\n    </div>\r\n\r\n    <!-- \u9884\u89C8\u6D88\u606F -->\r\n    @if(!chat?.hideInputPreview && previewMessage){\r\n        <fm-chat-message-card [chat]=\"chat\" [message]=\"previewMessage\" [role]=\"chat?.role\"></fm-chat-message-card>\r\n    }\r\n</div>", styles: [".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"] }]
         }], ctorParameters: () => [{ type: ChatService }], propDecorators: { chatId: [{
                 type: Input
             }], chat: [{