qqsl-agent 0.0.1

package/fesm2020/qqsl-agent-chat.mjs

@@ -0,0 +1,1248 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, EventEmitter, Component, ViewChild, Input, Output, Pipe, NgZone, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Marked } from 'marked';
+import { markedHighlight } from 'marked-highlight';
+import hljs from 'highlight.js';
+import DOMPurify from 'dompurify';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpResponse, HttpClient, HttpParams } from '@angular/common/http';
+import { BehaviorSubject, filter, map } from 'rxjs';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i2 from 'ng-zorro-antd/core/transition-patch';
+import * as i3 from 'ng-zorro-antd/popover';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+import * as i4 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i5 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import * as i6 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzAvatarModule } from 'ng-zorro-antd/avatar';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzListModule } from 'ng-zorro-antd/list';
+import { NzSliderModule } from 'ng-zorro-antd/slider';
+import { NzLayoutModule } from 'ng-zorro-antd/layout';
+import { NzPaginationModule } from 'ng-zorro-antd/pagination';
+
+// markdown-stream.service.ts
+class MarkdownStreamService {
+    constructor() {
+        this.marked = new Marked(
+        // 高亮代码
+        markedHighlight({
+            emptyLangClass: 'hljs',
+            langPrefix: 'hljs language-',
+            highlight(code, lang, info) {
+                const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+                return hljs.highlight(code, { language }).value;
+            },
+        }));
+        // 支持 $$...$$ 和 $...$ 数学公式
+        // this.marked.use({
+        //     // 包含从 markdown 创建标记的函数的对象
+        //     tokenizer: {
+        //         inlineMath(src: string) {
+        //             const cap = /^\$([^\$]+)\$/.exec(src);
+        //             if (cap) {
+        //                 return { type: 'inlineMath', raw: cap[0], text: cap[1] };
+        //             }
+        //         },
+        //         codespan(src: string) {
+        //             const math = this.inlineMath(src);
+        //             if (math) return math;
+        //             return false;
+        //         }
+        //     }
+        // });
+        // marked 17+ 必须使用 extensions 方式注册
+        this.marked.use({
+            extensions: [
+                {
+                    name: 'inlineMath',
+                    level: 'inline',
+                    start(src) {
+                        return src.indexOf('$'); // 告诉 marked 从哪里开始尝试匹配
+                    },
+                    tokenizer(src) {
+                        // 匹配 $...$，但不能包含换行，且不允许 $$ 开头（留给块级公式）
+                        const match = src.match(/^\$(?!\$)([^\n$]+?)\$/);
+                        if (match) {
+                            return {
+                                type: 'inlineMath',
+                                raw: match[0],
+                                text: match[1].trim(), // 公式内容
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        // 这里直接返回原始文本，后面你可以用 KaTeX / MathJax 渲染
+                        return `$${token.text}$`;
+                        // 或者如果你已经全局接管了渲染，可以 return false
+                    },
+                },
+                // 可选：同时支持 $$...$$ 块级公式
+                {
+                    name: 'displayMath',
+                    level: 'block',
+                    start(src) {
+                        return src.indexOf('$$');
+                    },
+                    tokenizer(src) {
+                        const match = src.match(/^\$\$([\s\S]+?)\$\$/);
+                        if (match) {
+                            return {
+                                type: 'displayMath',
+                                raw: match[0],
+                                text: match[1].trim(),
+                            };
+                        }
+                        return undefined;
+                    },
+                    renderer(token) {
+                        return `$$${token.text}$$`;
+                    },
+                },
+            ],
+        });
+    }
+    // 关键：增量渲染（流式专用！）
+    renderIncremental(markdown) {
+        // 防止渲染一半的代码块崩溃
+        const safeMarkdown = this.completeCodeBlocks(markdown);
+        try {
+            let html = this.marked.parse(safeMarkdown);
+            html = DOMPurify.sanitize(html); // 安全
+            return html;
+        }
+        catch (e) {
+            return this.escapeHtml(safeMarkdown);
+        }
+    }
+    // 智能补全未闭合的代码块（流式必备！）
+    completeCodeBlocks(text) {
+        const lines = text.split('\n');
+        let inCode = false;
+        let fence = '';
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            if (line.trim().match(/^```/)) {
+                if (!inCode) {
+                    fence = line.trim();
+                    inCode = true;
+                }
+                else if (line.trim() === '```' || line.trim().startsWith('```')) {
+                    inCode = false;
+                    fence = '';
+                }
+            }
+        }
+        if (inCode) {
+            text += '\n```';
+        }
+        return text;
+    }
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+}
+MarkdownStreamService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkdownStreamService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MarkdownStreamService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkdownStreamService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkdownStreamService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
+
+class StoreService {
+    constructor() {
+        this.token = '';
+        this.baseUrl = '';
+        this.currentConversationSource = new BehaviorSubject(null);
+        this.currentConversation$ = this.currentConversationSource.asObservable();
+    }
+    setToken(token) {
+        this.token = token;
+    }
+    getToken() {
+        return (this.token ||
+            'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWQiOiI2YjBjZjcwNC1hNmE5LTQxZDQtOWRkYy1kZmZmODlkYTZiNWMiLCJ1c2VyX3V1aWQiOjMxNTAsInVzZXJfbmFtZSI6IjEzMDg5MTI3MzcwIiwicmVnaW9uQ29kZSI6IjYzMDEwMDAwMDAwMCIsImF1dGhvcml0aWVzIjpbIldBVEVSX1NVUFBMWV9VU0VSIiwiTkVUV09SS19QUk9UT0NPTF9VU0VSIiwiUE9SVEFMX01BTkFHRV9BRE1JTiIsIkRJR0lUQUxfSVJSSUdBVElPTl9BRE1JTiIsIkVRVUlQTUVOVF9NT0RFTF9BRE1JTiIsIklOU1BFQ1RJT05fVVNFUiIsIkJJTV9CQU5LIiwiREFUQV9DQURBU1RSRV9BRE1JTiIsIklSUklHQVRJT05fR0FURV9VU0VSIiwiV0FURVJfUVVBTElUWV9VU0VSIiwiSVJSSUdBVElPTl9BRE1JTl9VU0VSIiwiQlVER0VUX01BVEVSX0FETUlOIiwiV0FURVJfTkVUV09SS19BRE1JTiIsIklOU1BFQ1RJT05fQURNSU5fVVNFUiIsIkRJR0lUQUxfSVJSSUdBVElPTl9KRyIsIlJPTEVfVVNFUiIsIkRBVEFfQ0VOVEVSX0lDT05fQURNSU4iLCJXQVJOSU5HX1VTRVIiLCJSRVNPVVJDRV9BRE1JTiIsIldBVEVSX1FVQUxJVFlfQURNSU4iLCJCVURHRVRfTUFURVJfVVNFUiIsIkJVSUxEX0NPTlNUUlVDVElPTl9BRE1JTiIsIkNBTENVTEFUSU9OX0RBVEFfQURNSU4iLCJURVhUVVJFX0FETUlOIiwiREFUQV9DRU5URVJfRklMRV9BRE1JTiIsIlNUQVRJQ19NT0RFTF9BRE1JTiIsIkJJT19QTEFOVF9BRE1JTiIsIkJJTV9ERVNJR04iLCJST0xFX1NVUEVSX0FETUlOIiwiTkVUV09SS19NT0RFTF9VU0VSIiwiV0FURVJfUVVPVEFfQURNSU4iLCJEQVRBX0NFTlRFUl9SSVZFUl9MQUtFIiwiREFNX1VTRVIiLCJTVVBQTFlfRFJBSU5BR0VfQURNSU4iLCJSRVNPVVJDRV9VU0VSIiwiQVJHVU1FTlRBVElPTl9VU0VSIiwiTE9HR0lOR19VU0VSIiwiREFUQV9URVJSQUlOX0FETUlOIiwiQlVER0VUX1FVT1RBX1VTRVIiLCJEQVRBX0NFTlRFUl9SRUdJT05fQURNSU4iLCJURVhUVVJFX1VTRVIiLCJEQVRBX0NFTlRFUl9VU0VSIiwiRVFVSVBNRU5UX01PREVMX1VTRVIiLCJEQVRBX0NFTlRFUl9QQU5PUkFNQSIsIkFSR1VNRU5UQVRJT05fQURNSU4iLCJEQVRBX0NFTlRFUl9XQVRFUl9SRVNPVVJDRSIsIkJJTV9QUk9DRURVUkUiLCJNQU5BR0VNRU5UX0FETUlOX1VTRVIiLCJEUklOR1dBVEVSX1VTRVIiLCJXQVRFUl9TVVBQTFlfQURNSU4iLCJMQU5EX1VTRV9BRE1JTiIsIkRBVEFfQ0VOVEVSX0ZJTEVfVVNFUiIsIkRBVEFfQ0VOVEVSX1dBVEVSX1BST0pFQ1QiLCJIWl9TTEFWRSIsIkRvY3VtZW50X1VTRVIiLCJCVURHRVRfUVVPVEFfQURNSU4iLCJJUlJJR0FUSU9OX1VTRVIiLCJORVRXT1JLX01PREVMX0FETUlOIiwiU1VQUExZX0RSQUlOQUdFX1VTRVIiLCJMT0dHSU5HX0FETUlOIiwiRFJJTkdXQVRFUl9BRE1JTl9VU0VSIiwiTkVUV09SS19VU0VSIiwiTU9ERUxfUEFSQU1fQURNSU4iLCJXQVRFUl9RVU9UQV9VU0VSIiwiU1RBVElDX01PREVMX0RFVkVMT1BFUiIsIkRFUEFSVE1FTlRfQURNSU4iLCJEQVRBX0NFTlRFUl9BTk5FWCIsIk5FVFdPUktfQURNSU4iLCJCSU1fRVFVSVBNRU5UIiwiRElHSVRBTF9JUlJJR0FUSU9OX1VTRVIiLCJNQU5BR0VNRU5UX1VTRVIiLCJCVUlMRF9DT05TVFJVQ1RJT05fVVNFUiIsIkRBVEFfQ0VOVEVSX0FETUlOIiwiUklWRVJfTEFLRV9FVkFMVVRJT05fVVNFUiIsIkJJTV9DT1NUIiwiRFJJTkdXQVRFUl9HQVRFX1VTRVIiLCJEQVRBX0NFTlRFUl9XQVRFUl9XQURJTkciLCJORVRXT1JLX1BST1RPQ09MX0FETUlOIiwiQklNX1VTRVIiLCJEQVRBX0NBREFTVFJFX1VTRVIiLCJTVEFUSUNfTU9ERUxfVVNFUiIsIlJPTEVfQURNSU4iLCJXQVRFUl9TVVBQTFlfR0FURV9VU0VSIiwiUklWRVJfTEFLRV9FVkFMVVRJT05fQURNSU4iLCJCSU1fQURNSU4iLCJCSU9fUExBTlRfVVNFUiJdLCJleHAiOjE3NjQwNjA0NzA1MTQsInJvbGVzIjpbIkhaX1NMQVZFIiwiUk9MRV9BRE1JTiIsIkJJT19QTEFOVF9BRE1JTiIsIlJPTEVfVVNFUiIsIkRBVEFfQ0VOVEVSX1VTRVIiLCJEQVRBX0NFTlRFUl9BRE1JTiIsIkRvY3VtZW50X1VTRVIiLCJEQVRBX0NFTlRFUl9BTk5FWCIsIkJJTV9FUVVJUE1FTlQiLCJMT0dHSU5HX0FETUlOIiwiU1VQUExZX0RSQUlOQUdFX1VTRVIiLCJSSVZFUl9MQUtFX0VWQUxVVElPTl9BRE1JTiIsIkRBVEFfQ0VOVEVSX0lDT05fQURNSU4iLCJXQVRFUl9RVUFMSVRZX1VTRVIiLCJXQVRFUl9RVU9UQV9VU0VSIiwiSVJSSUdBVElPTl9BRE1JTl9VU0VSIiwiQlVER0VUX1FVT1RBX0FETUlOIiwiREFUQV9DRU5URVJfRklMRV9VU0VSIiwiQklNX0RFU0lHTiIsIk1BTkFHRU1FTlRfVVNFUiIsIk5FVFdPUktfUFJPVE9DT0xfQURNSU4iLCJTVEFUSUNfTU9ERUxfREVWRUxPUEVSIiwiV0FSTklOR19VU0VSIiwiQklNX1VTRVIiLCJEQVRBX0NFTlRFUl9SSVZFUl9MQUtFIiwiRFJJTkdXQVRFUl9BRE1JTl9VU0VSIiwiQVJHVU1FTlRBVElPTl9VU0VSIiwiREFUQV9DRU5URVJfV0FURVJfUFJPSkVDVCIsIkRBVEFfQ0FEQVNUUkVfQURNSU4iLCJERVBBUlRNRU5UX0FETUlOIiwiTkVUV09SS19VU0VSIiwiU1RBVElDX01PREVMX0FETUlOIiwiQklNX0JBTksiLCJXQVRFUl9TVVBQTFlfQURNSU4iLCJCSU1fQURNSU4iLCJSRVNPVVJDRV9VU0VSIiwiREFUQV9URVJSQUlOX0FETUlOIiwiREFUQV9DRU5URVJfUkVHSU9OX0FETUlOIiwiV0FURVJfU1VQUExZX1VTRVIiLCJESUdJVEFMX0lSUklHQVRJT05fVVNFUiIsIldBVEVSX1FVQUxJVFlfQURNSU4iLCJORVRXT1JLX0FETUlOIiwiTE9HR0lOR19VU0VSIiwiSU5TUEVDVElPTl9BRE1JTl9VU0VSIiwiSVJSSUdBVElPTl9HQVRFX1VTRVIiLCJORVRXT1JLX1BST1RPQ09MX1VTRVIiLCJMQU5EX1VTRV9BRE1JTiIsIkJVSUxEX0NPTlNUUlVDVElPTl9BRE1JTiIsIkRBVEFfQ0VOVEVSX1BBTk9SQU1BIiwiREFUQV9DRU5URVJfV0FURVJfV0FESU5HIiwiQ0FMQ1VMQVRJT05fREFUQV9BRE1JTiIsIkRBVEFfQ0FEQVNUUkVfVVNFUiIsIkJJT19QTEFOVF9VU0VSIiwiTU9ERUxfUEFSQU1fQURNSU4iLCJTVVBQTFlfRFJBSU5BR0VfQURNSU4iLCJFUVVJUE1FTlRfTU9ERUxfQURNSU4iLCJURVhUVVJFX0FETUlOIiwiQlVER0VUX01BVEVSX1VTRVIiLCJXQVRFUl9RVU9UQV9BRE1JTiIsIkRJR0lUQUxfSVJSSUdBVElPTl9KRyIsIldBVEVSX05FVFdPUktfQURNSU4iLCJCSU1fUFJPQ0VEVVJFIiwiRFJJTkdXQVRFUl9VU0VSIiwiV0FURVJfU1VQUExZX0dBVEVfVVNFUiIsIkJVSUxEX0NPTlNUUlVDVElPTl9VU0VSIiwiRElHSVRBTF9JUlJJR0FUSU9OX0FETUlOIiwiSVJSSUdBVElPTl9VU0VSIiwiUk9MRV9TVVBFUl9BRE1JTiIsIkVRVUlQTUVOVF9NT0RFTF9VU0VSIiwiQklNX0NPU1QiLCJEUklOR1dBVEVSX0dBVEVfVVNFUiIsIklOU1BFQ1RJT05fVVNFUiIsIkFSR1VNRU5UQVRJT05fQURNSU4iLCJQT1JUQUxfTUFOQUdFX0FETUlOIiwiVEVYVFVSRV9VU0VSIiwiTUFOQUdFTUVOVF9BRE1JTl9VU0VSIiwiTkVUV09SS19NT0RFTF9BRE1JTiIsIkJVREdFVF9RVU9UQV9VU0VSIiwiQlVER0VUX01BVEVSX0FETUlOIiwiU1RBVElDX01PREVMX1VTRVIiLCJSSVZFUl9MQUtFX0VWQUxVVElPTl9VU0VSIiwiREFNX1VTRVIiLCJSRVNPVVJDRV9BRE1JTiIsIkRBVEFfQ0VOVEVSX1dBVEVSX1JFU09VUkNFIiwiREFUQV9DRU5URVJfRklMRV9BRE1JTiIsIk5FVFdPUktfTU9ERUxfVVNFUiJdLCJyZWFsX25hbWUiOiLnrqHnkIblkZgiLCJwbGF0Zm9ybUNvZGUiOiI2MzAxMDAwMDAwMDAiLCJwbGF0Zm9ybU5hbWUiOiLopb_lroHluIIiLCJ1c2VyTWFyayI6ZmFsc2UsInBob25lIjoiMTMwODkxMjczNzAiLCJlbnYiOiJyZWxlYXNlIiwidG9wUmVnaW9uQ29kZSI6IjYzMDEwMDAwMDAwMCJ9.Bzlz0LC5rbwItBgw6B-dhSKhXnAATXiaL-rR3EHD4wmJ-BpWWrDakYAjzUCtWL4ExkTqSxXIClCztc412o5pT3b9EN7R6WH5namjpxzwozCVXQyBYvjoCrS5UX1_iUkvVMr6WAqiUUzIanVSrmaRpszxyD8S_fLBge971-Cli44J1FQDBY8QN8TiH3v3c5aDWDBJVYPHqe3_zEAeL3dlERgl8pTLAydx54a2QqCVH2xfX_zSzFXJeK2iamIyI8H4cyP0pQrYl2rjSuR7LsjJSJz_QeSQKZlctG8odrBMV5OoHlWC2isNGqszqyp1POX2HyWb-U4qn8KuKKryjACrow');
+    }
+    setBaseUrl(url) {
+        this.baseUrl = url;
+    }
+    getBaseUrl() {
+        return this.baseUrl;
+    }
+    setCurrentConversation(conversation) {
+        this.conversationICode = conversation?.iCode;
+        this.currentConversationSource.next(conversation);
+    }
+    getConversationICode() {
+        return this.conversationICode;
+    }
+}
+StoreService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StoreService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StoreService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StoreService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+let HttpService$1 = class HttpService {
+    constructor(http, storeService) {
+        this.http = http;
+        this.storeService = storeService;
+    }
+    get(url, paramObj) {
+        if (paramObj) {
+            return this.http
+                .get(url, {
+                headers: new HttpHeaders({
+                    'Content-Type': 'application/json',
+                    Authorization: this.storeService.getToken(),
+                }),
+                observe: 'response',
+                params: paramObj,
+                responseType: 'json',
+                withCredentials: false,
+            })
+                .pipe(filter((r) => r instanceof HttpResponse), map((r) => {
+                return r.body;
+            }));
+        }
+        return this.http
+            .get(url, {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                Authorization: this.storeService.getToken(),
+            }),
+            observe: 'response',
+            responseType: 'json',
+            withCredentials: false,
+        })
+            .pipe(filter((r) => r instanceof HttpResponse), map((r) => {
+            return r.body;
+        }));
+    }
+    post(url, body, options) {
+        // 默认配置
+        const defaultOptions = {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                Authorization: this.storeService.getToken(),
+            }),
+            observe: 'response',
+            responseType: 'json',
+            withCredentials: false,
+        };
+        // 如果提供了自定义选项，则合并配置
+        const httpOptions = options ? { ...defaultOptions, ...options } : defaultOptions;
+        // 发送 POST 请求
+        return this.http.post(url, body, httpOptions);
+    }
+};
+HttpService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService$1, deps: [{ token: i1.HttpClient }, { token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService$1, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService$1, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: StoreService }]; } });
+
+class SseService {
+    constructor() {
+        this.storeService = inject(StoreService);
+        this.conversationICodeSource = new BehaviorSubject(null);
+        this.conversationICode$ = this.conversationICodeSource.asObservable();
+        // 思考内容
+        this.thinkingSource = new BehaviorSubject('');
+        this.thinking$ = this.thinkingSource.asObservable();
+        // 实时流式文本
+        this.messageSource = new BehaviorSubject('');
+        this.currentMessage$ = this.messageSource.asObservable();
+        this.deltaSource = new BehaviorSubject('');
+        this.delta$ = this.deltaSource.asObservable();
+        this.loadingSource = new BehaviorSubject(false);
+        this.loading$ = this.loadingSource.asObservable();
+        // 完整消息历史
+        this.fullThinking = '';
+        this.fullMessage = '';
+        // 支持取消（关键！）
+        this.controller = new AbortController();
+    }
+    async streamChat(body) {
+        this.loadingSource.next(true);
+        this.messageSource.next(''); // 清空
+        this.fullMessage = '';
+        try {
+            const response = await fetch(`${this.storeService.getBaseUrl()}/api/ChatModel/generate`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Authorization: this.storeService.getToken(),
+                    Accept: 'text/event-stream',
+                },
+                body: JSON.stringify(body),
+            });
+            if (!response.ok || !response.body) {
+                throw new Error('网络错误');
+            }
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder('utf-8');
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                const chunk = decoder.decode(value, { stream: true });
+                const lines = chunk.split('\n\n');
+                for (const line of lines) {
+                    if (line.startsWith('data:')) {
+                        const jsonStr = line.replaceAll('data:', '');
+                        try {
+                            const data = JSON.parse(jsonStr);
+                            const delta = data.content || '';
+                            if (delta) {
+                                // 对话以及问答编码
+                                if (delta.conversation) {
+                                    this.conversationICodeSource.next(delta);
+                                    continue;
+                                }
+                                // 比如显示“AI 正在思考...”
+                                if (data.think) {
+                                    this.fullThinking += delta;
+                                    this.thinkingSource.next(this.fullThinking);
+                                    continue;
+                                }
+                                this.fullMessage += delta;
+                                this.messageSource.next(this.fullMessage); // 实时推送完整内容
+                                this.deltaSource.next(delta); // 只推本次新增的文字
+                            }
+                            if (data.down) {
+                                // down: true 表示结束
+                                this.loadingSource.next(false);
+                            }
+                        }
+                        catch (e) {
+                            console.log('sse error', e);
+                        }
+                    }
+                }
+            }
+        }
+        catch (err) {
+            if (err.name !== 'AbortError') {
+                this.messageSource.next('请求失败：' + err.message);
+            }
+        }
+        finally {
+            this.loadingSource.next(false);
+        }
+    }
+    cancel() {
+        this.controller.abort();
+        this.controller = new AbortController();
+    }
+}
+SseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SseService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// chat-input.component.ts
+class ChatInputComponent {
+    constructor() {
+        this.messages = [];
+        this.sendMessage = new EventEmitter();
+        this.messageChange = new EventEmitter();
+        this.enter = new EventEmitter();
+        this.paste = new EventEmitter();
+        this.httpService = inject(HttpService$1);
+        this.storeService = inject(StoreService);
+        this.sseService = inject(SseService);
+        this.isEmpty = true;
+        this.currentModel = null;
+        this.currentKnowledge = [];
+        this.modelList = [];
+        this.knowledgeList = [];
+        this.modelPopoverVisible = false;
+        this.knowledgePopoverVisible = false;
+        this.deepThink = true;
+    }
+    ngOnInit() {
+        this.getModelList();
+        this.getKnowledgeList();
+    }
+    // 可供交互的模型
+    getModelList() {
+        this.httpService.get(`${this.storeService.getBaseUrl()}/api/ChatModel/models`).subscribe((res) => {
+            this.modelList = res;
+            if (res.length) {
+                this.currentModel = res[0];
+            }
+        });
+    }
+    // 模型可选的知识库
+    getKnowledgeList() {
+        this.httpService
+            .get(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledges`)
+            .subscribe((res) => {
+            this.knowledgeList = res;
+        });
+    }
+    modelVisibleChange(value) {
+        this.modelPopoverVisible = value;
+    }
+    knowledgeVisibleChange(value) {
+        this.knowledgePopoverVisible = value;
+    }
+    knowledgeSelectChange(value) {
+        this.currentKnowledge = value;
+    }
+    toggleDeepThink() {
+        this.deepThink = !this.deepThink;
+    }
+    updateEmptyState() {
+        const el = this.editor.nativeElement;
+        const text = el.textContent?.trim() || '';
+        const hasOnlyBr = el.innerHTML === '<br>' || el.innerHTML === '';
+        this.isEmpty = text === '' && hasOnlyBr;
+    }
+    handleInput() {
+        this.updateEmptyState();
+        const html = this.editor.nativeElement.innerHTML;
+        const text = this.editor.nativeElement.textContent || '';
+        // this.messageChange.emit(text);
+    }
+    handleEnter(event) {
+        if (!event.shiftKey) {
+            event.preventDefault();
+            // this.enter.emit((event as any).target!.innerText!.replace(/\s+/g, " ").trim());
+            this.send();
+        }
+    }
+    handlePaste(event) {
+        // this.paste.emit(event);
+        setTimeout(() => this.updateEmptyState(), 0);
+    }
+    clearInput() {
+        this.editor.nativeElement.innerHTML = '';
+        this.handleInput();
+    }
+    regenerateSend(msg) {
+        // 正在回答中
+        if (this.sseService.loadingSource.value) {
+            return;
+        }
+        const conversation = this.storeService.getConversationICode();
+        const message = {
+            conversation,
+            questionICode: msg.iCode,
+            model: this.currentModel?.iCode ?? '',
+            think: this.deepThink,
+            question: msg.question,
+            knowledge: !!this.currentKnowledge.length,
+            knowledgeList: this.currentKnowledge,
+        };
+        this.sendMessage.emit({ message, isRegenerate: true });
+    }
+    send() {
+        // 正在回答中
+        if (this.sseService.loadingSource.value) {
+            return;
+        }
+        const text = this.editor.nativeElement.textContent || '';
+        const conversation = this.storeService.getConversationICode();
+        const message = {
+            conversation,
+            model: this.currentModel?.iCode ?? '',
+            think: this.deepThink,
+            question: text,
+            knowledge: !!this.currentKnowledge.length,
+            knowledgeList: this.currentKnowledge,
+        };
+        this.clearInput();
+        this.sendMessage.emit({ message, isRegenerate: false });
+    }
+}
+ChatInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messages: "messages" }, outputs: { sendMessage: "sendMessage", messageChange: "messageChange", enter: "enter", paste: "paste" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "chatInputWrapper", first: true, predicate: ["chatInputWrapper"], descendants: true }], ngImport: i0, template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div class=\"chat-input-wrapper\" #chatInputWrapper [class.center]=\"!messages.length\">\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 150px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-checkbox-wrapper style=\"width: 100%\" (nzOnChange)=\"knowledgeSelectChange($event)\">\n        <div *ngFor=\"let item of knowledgeList\">\n          <label nz-checkbox [nzValue]=\"item.iCode\">{{ item.name }}</label>\n        </div>\n      </nz-checkbox-wrapper>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:200px;padding:16px 0;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i5.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i5.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "directive", type: i6.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-chat-input', template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div class=\"chat-input-wrapper\" #chatInputWrapper [class.center]=\"!messages.length\">\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 150px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-checkbox-wrapper style=\"width: 100%\" (nzOnChange)=\"knowledgeSelectChange($event)\">\n        <div *ngFor=\"let item of knowledgeList\">\n          <label nz-checkbox [nzValue]=\"item.iCode\">{{ item.name }}</label>\n        </div>\n      </nz-checkbox-wrapper>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:200px;padding:16px 0;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { editor: [{
+                type: ViewChild,
+                args: ['editorRef']
+            }], chatInputWrapper: [{
+                type: ViewChild,
+                args: ['chatInputWrapper']
+            }], messages: [{
+                type: Input
+            }], sendMessage: [{
+                type: Output
+            }], messageChange: [{
+                type: Output
+            }], enter: [{
+                type: Output
+            }], paste: [{
+                type: Output
+            }] } });
+
+class SimplePaginationComponent {
+    constructor() {
+        /** 当前页码 */
+        this.current = 1;
+        /** 总页数 */
+        this.total = 1;
+        /** 当页码改变时触发 */
+        this.pageChange = new EventEmitter();
+    }
+    onPrev() {
+        if (this.current > 1) {
+            this.pageChange.emit(this.current - 1);
+        }
+    }
+    onNext() {
+        if (this.current < this.total) {
+            this.pageChange.emit(this.current + 1);
+        }
+    }
+}
+SimplePaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimplePaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SimplePaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SimplePaginationComponent, selector: "ngx-simple-pagination", inputs: { current: "current", total: "total" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
+    <div class="pagination-container">
+      <button
+          class="nav-btn"
+          [disabled]="current === 1"
+          (click)="onPrev()">
+        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"
+             stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="15 18 9 12 15 6"></polyline>
+        </svg>
+      </button>
+
+      <span class="page-info">
+        <span class="current">{{ current }}</span>
+        <span class="separator">/</span>
+        <span class="total">{{ total }}</span>
+      </span>
+
+      <button
+          class="nav-btn"
+          [disabled]="current === total"
+          (click)="onNext()">
+        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"
+             stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="9 18 15 12 9 6"></polyline>
+        </svg>
+      </button>
+    </div>
+  `, isInline: true, styles: [":host{display:inline-block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none;color:#606266}.nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#909399;transition:color .2s,background-color .2s;border-radius:4px}.nav-btn:hover:not(:disabled){color:#303133;background-color:#f0f2f5}.nav-btn:disabled{cursor:not-allowed;color:#dcdfe6;opacity:.6}.page-info{font-size:14px;font-weight:500;letter-spacing:1px;color:#606266;display:flex;align-items:center;gap:4px}.separator{color:#909399}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimplePaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-simple-pagination', template: `
+    <div class="pagination-container">
+      <button
+          class="nav-btn"
+          [disabled]="current === 1"
+          (click)="onPrev()">
+        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"
+             stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="15 18 9 12 15 6"></polyline>
+        </svg>
+      </button>
+
+      <span class="page-info">
+        <span class="current">{{ current }}</span>
+        <span class="separator">/</span>
+        <span class="total">{{ total }}</span>
+      </span>
+
+      <button
+          class="nav-btn"
+          [disabled]="current === total"
+          (click)="onNext()">
+        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"
+             stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="9 18 15 12 9 6"></polyline>
+        </svg>
+      </button>
+    </div>
+  `, styles: [":host{display:inline-block}.pagination-container{display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-user-select:none;user-select:none;color:#606266}.nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#909399;transition:color .2s,background-color .2s;border-radius:4px}.nav-btn:hover:not(:disabled){color:#303133;background-color:#f0f2f5}.nav-btn:disabled{cursor:not-allowed;color:#dcdfe6;opacity:.6}.page-info{font-size:14px;font-weight:500;letter-spacing:1px;color:#606266;display:flex;align-items:center;gap:4px}.separator{color:#909399}\n"] }]
+        }], propDecorators: { current: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+class MarkdownPipe {
+    constructor() {
+        this.md = inject(MarkdownStreamService);
+    }
+    transform(value) {
+        if (value !== null && value !== undefined) {
+            return this.md.renderIncremental(value);
+        }
+        return value;
+    }
+}
+MarkdownPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MarkdownPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MarkdownPipe, isStandalone: true, name: "markdown" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkdownPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'markdown',
+                    standalone: true,
+                }]
+        }] });
+
+// chat-messages.component.ts
+class ChatMessagesComponent {
+    constructor() {
+        this.messages = [];
+        /**
+         * 重新生成回答
+         */
+        this.regenerateAnswer = new EventEmitter();
+        this.md = inject(MarkdownStreamService);
+        this.sseService = inject(SseService);
+        this.sanitizer = inject(DomSanitizer);
+        this.msg = inject(NzMessageService);
+        this.isLoading = false;
+        this.inputHeight = 180;
+        this.renderedHtml = '';
+        this.accumulatedMarkdown = '';
+    }
+    ngAfterViewInit() {
+        this.sseService.loading$.subscribe(status => {
+            this.isLoading = status;
+        });
+        this.sseService.delta$.subscribe(delta => {
+            if (!delta)
+                return;
+            this.accumulatedMarkdown += delta;
+            this.renderedHtml = this.md.renderIncremental(this.accumulatedMarkdown);
+        });
+    }
+    ngAfterViewChecked() {
+        // 正在回答中
+        if (this.isLoading) {
+            this.scrollToBottom();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['messages']) {
+            setTimeout(() => {
+                this.scrollToBottom();
+            }, 50);
+        }
+    }
+    // 滚动到底部
+    scrollToBottom() {
+        if (!this.messagesContainer) {
+            return;
+        }
+        this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;
+    }
+    copyContent(text) {
+        if (navigator.clipboard && window.isSecureContext) {
+            // 使用现代 Clipboard API
+            navigator.clipboard.writeText(text).then(() => {
+                this.msg.success('复制成功');
+            });
+        }
+    }
+    onPageChange(num, msg) {
+        msg.answerIndex = num - 1;
+    }
+    /**
+     * 重新生成多个回答
+     */
+    regenerate(msg) {
+        // const question = this.messages[index - 1].message;
+        // 重新生成使用底部最新的配置，重新调用sendMessage
+        this.regenerateAnswer.emit(msg);
+    }
+    // 把完整的 markdown 块渲染，剩下的留给打字区
+    renderCompleteBlocks(markdown) {
+        // 找到最后一个换行符之前的都渲染（足够丝滑）
+        const lines = markdown.split('\n');
+        let breakPoint = lines.length;
+        // 从后往前找，保留未完成的代码块/表格/列表
+        for (let i = lines.length - 1; i >= 0; i--) {
+            const line = lines[i];
+            if (line.trim() === '' || line.startsWith('```') || line.startsWith('|') || line.startsWith('- ')) {
+                breakPoint = i;
+                break;
+            }
+        }
+        const completePart = lines.slice(0, breakPoint).join('\n');
+        const remainingPart = lines.slice(breakPoint).join('\n');
+        const html = this.md.renderIncremental(completePart);
+        // const html = marked(completePart, { breaks: true, gfm: true });
+        return { rendered: html, remaining: remainingPart };
+    }
+}
+ChatMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatMessagesComponent, selector: "ngx-chat-messages", inputs: { messages: "messages" }, outputs: { regenerateAnswer: "regenerateAnswer" }, viewQueries: [{ propertyName: "messagesContainer", first: true, predicate: ["messagesContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- chat-messages.component.html -->\n<script src=\"chat-messages.component.ts\"></script>\n<div class=\"messages-container\" #messagesContainer>\n  <div class=\"message-list\" [style.--input-height.px]=\"inputHeight\">\n    <div class=\"question message-wrapper\" *ngFor=\"let msg of messages; let i = index\">\n      <!-- Q -->\n      <div class=\"bubble-wrapper user-msg\">\n        <div class=\"message-bubble\">\n          <div class=\"message-content message-human\">\n            {{ msg.question }}\n          </div>\n        </div>\n      </div>\n      <!-- A -->\n      <div class=\"bubble-wrapper ai-msg\" *ngIf=\"msg.answers[msg.answerIndex]\">\n        <div\n          class=\"bubble-loading\"\n          *ngIf=\"!msg.answers[msg.answerIndex].think && !msg.answers[msg.answerIndex].content\"\n        >\n          <div class=\"bubble-loading-dot\" *ngFor=\"let item of [1, 2, 3]\"></div>\n        </div>\n        <div class=\"message-bubble\">\n          <!-- \u601D\u8003 -->\n          <div class=\"message-think\" *ngIf=\"msg.answers[msg.answerIndex].think\">\n            <div\n              class=\"message-think-header\"\n              (click)=\"msg.answers[msg.answerIndex].thinkExpand = !msg.answers[msg.answerIndex].thinkExpand\"\n            >\n              <div class=\"message-think-header-title\">\n                <img src=\"/assets/images/card/think-finish.png\" />\n                {{ msg.answers[msg.answerIndex].content ? '\u5DF2\u5B8C\u6210\u601D\u8003' : '\u6B63\u5728\u601D\u8003\u4E2D...' }}\n              </div>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\n              </svg>\n            </div>\n            <div\n              class=\"message-content message-assistant message-markdown\"\n              [innerHTML]=\"msg.answers[msg.answerIndex].think | markdown\"\n              [hidden]=\"!msg.answers[msg.answerIndex].thinkExpand\"\n            ></div>\n          </div>\n          <!-- \u56DE\u7B54 -->\n          <div\n            class=\"message-content message-assistant message-markdown\"\n            [innerHTML]=\"msg.answers[msg.answerIndex].content | markdown\"\n          ></div>\n          <!-- \u56DE\u7B54\u5DE5\u5177\u680F -->\n          <div class=\"assistant-tools\" *ngIf=\"msg.answers[msg.answerIndex].content\">\n            <ngx-simple-pagination\n              [current]=\"msg.answerIndex + 1\"\n              [total]=\"msg.answers.length\"\n              (pageChange)=\"onPageChange($event, msg)\"\n              *ngIf=\"msg.answers.length > 1\"\n            ></ngx-simple-pagination>\n            <img\n              src=\"assets/images/card/copy.png\"\n              alt=\"\u590D\u5236\"\n              (click)=\"copyContent(msg.answers[msg.answerIndex].content)\"\n            />\n            <img\n              src=\"assets/images/card/refresh.png\"\n              alt=\"\u91CD\u65B0\u751F\u6210\"\n              (click)=\"regenerate(msg)\"\n              *ngIf=\"i === messages.length - 1\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- <div style=\"padding-bottom: 160px\"></div> -->\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%}.messages-container{width:100%;height:100%;overflow-y:auto}.message-list{height:auto;padding-top:16px;padding-bottom:var(--input-height, 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.message-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:16px;max-width:800px;min-width:350px}.bubble-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.bubble-wrapper.user-msg{align-items:end}.bubble-wrapper.ai-msg{align-items:start}.bubble-loading{display:flex;align-items:center;justify-content:flex-start;height:24px;margin-top:4px;margin-bottom:16px}.bubble-loading-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;background-color:#bbb;animation:.9s linear infinite loading-dot}.bubble-loading-dot:first-child{animation-delay:0s}.bubble-loading-dot:nth-child(2){animation-delay:.1s}.bubble-loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dot{0%,to{opacity:.3}33%,66%{opacity:1}}.message-bubble{width:100%;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.message-bubble .message-content.message-human{padding:8px 16px;margin-left:auto;border-radius:12px;background:#E4EDFD;color:#004ad3}.message-bubble .message-content.message-assistant{padding:0;width:100%;background:#fff}.message-bubble .message-markdown{background:#fff}.message-bubble .message-think{width:100%;padding:12px;background:#FFFFFF;border-radius:10px;border:1px solid #D9DADB;font-size:14px}.message-bubble .message-think-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#000;font-size:16px}.message-bubble .message-think-header-title{display:flex;align-items:center;gap:10px}.message-bubble .message-think-header-title img{width:14px;height:14px}.message-bubble .message-think .message-content{padding-top:12px;color:#61666b}.message-bubble .message-time{font-size:12px;color:#999}.assistant-tools{width:100%;display:flex;align-items:center;gap:24px}.assistant-tools img{width:14px;height:14px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SimplePaginationComponent, selector: "ngx-simple-pagination", inputs: ["current", "total"], outputs: ["pageChange"] }, { kind: "pipe", type: MarkdownPipe, name: "markdown" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatMessagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-chat-messages', template: "<!-- chat-messages.component.html -->\n<script src=\"chat-messages.component.ts\"></script>\n<div class=\"messages-container\" #messagesContainer>\n  <div class=\"message-list\" [style.--input-height.px]=\"inputHeight\">\n    <div class=\"question message-wrapper\" *ngFor=\"let msg of messages; let i = index\">\n      <!-- Q -->\n      <div class=\"bubble-wrapper user-msg\">\n        <div class=\"message-bubble\">\n          <div class=\"message-content message-human\">\n            {{ msg.question }}\n          </div>\n        </div>\n      </div>\n      <!-- A -->\n      <div class=\"bubble-wrapper ai-msg\" *ngIf=\"msg.answers[msg.answerIndex]\">\n        <div\n          class=\"bubble-loading\"\n          *ngIf=\"!msg.answers[msg.answerIndex].think && !msg.answers[msg.answerIndex].content\"\n        >\n          <div class=\"bubble-loading-dot\" *ngFor=\"let item of [1, 2, 3]\"></div>\n        </div>\n        <div class=\"message-bubble\">\n          <!-- \u601D\u8003 -->\n          <div class=\"message-think\" *ngIf=\"msg.answers[msg.answerIndex].think\">\n            <div\n              class=\"message-think-header\"\n              (click)=\"msg.answers[msg.answerIndex].thinkExpand = !msg.answers[msg.answerIndex].thinkExpand\"\n            >\n              <div class=\"message-think-header-title\">\n                <img src=\"/assets/images/card/think-finish.png\" />\n                {{ msg.answers[msg.answerIndex].content ? '\u5DF2\u5B8C\u6210\u601D\u8003' : '\u6B63\u5728\u601D\u8003\u4E2D...' }}\n              </div>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\n              </svg>\n            </div>\n            <div\n              class=\"message-content message-assistant message-markdown\"\n              [innerHTML]=\"msg.answers[msg.answerIndex].think | markdown\"\n              [hidden]=\"!msg.answers[msg.answerIndex].thinkExpand\"\n            ></div>\n          </div>\n          <!-- \u56DE\u7B54 -->\n          <div\n            class=\"message-content message-assistant message-markdown\"\n            [innerHTML]=\"msg.answers[msg.answerIndex].content | markdown\"\n          ></div>\n          <!-- \u56DE\u7B54\u5DE5\u5177\u680F -->\n          <div class=\"assistant-tools\" *ngIf=\"msg.answers[msg.answerIndex].content\">\n            <ngx-simple-pagination\n              [current]=\"msg.answerIndex + 1\"\n              [total]=\"msg.answers.length\"\n              (pageChange)=\"onPageChange($event, msg)\"\n              *ngIf=\"msg.answers.length > 1\"\n            ></ngx-simple-pagination>\n            <img\n              src=\"assets/images/card/copy.png\"\n              alt=\"\u590D\u5236\"\n              (click)=\"copyContent(msg.answers[msg.answerIndex].content)\"\n            />\n            <img\n              src=\"assets/images/card/refresh.png\"\n              alt=\"\u91CD\u65B0\u751F\u6210\"\n              (click)=\"regenerate(msg)\"\n              *ngIf=\"i === messages.length - 1\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- <div style=\"padding-bottom: 160px\"></div> -->\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%}.messages-container{width:100%;height:100%;overflow-y:auto}.message-list{height:auto;padding-top:16px;padding-bottom:var(--input-height, 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.message-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:16px;max-width:800px;min-width:350px}.bubble-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.bubble-wrapper.user-msg{align-items:end}.bubble-wrapper.ai-msg{align-items:start}.bubble-loading{display:flex;align-items:center;justify-content:flex-start;height:24px;margin-top:4px;margin-bottom:16px}.bubble-loading-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;background-color:#bbb;animation:.9s linear infinite loading-dot}.bubble-loading-dot:first-child{animation-delay:0s}.bubble-loading-dot:nth-child(2){animation-delay:.1s}.bubble-loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dot{0%,to{opacity:.3}33%,66%{opacity:1}}.message-bubble{width:100%;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.message-bubble .message-content.message-human{padding:8px 16px;margin-left:auto;border-radius:12px;background:#E4EDFD;color:#004ad3}.message-bubble .message-content.message-assistant{padding:0;width:100%;background:#fff}.message-bubble .message-markdown{background:#fff}.message-bubble .message-think{width:100%;padding:12px;background:#FFFFFF;border-radius:10px;border:1px solid #D9DADB;font-size:14px}.message-bubble .message-think-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#000;font-size:16px}.message-bubble .message-think-header-title{display:flex;align-items:center;gap:10px}.message-bubble .message-think-header-title img{width:14px;height:14px}.message-bubble .message-think .message-content{padding-top:12px;color:#61666b}.message-bubble .message-time{font-size:12px;color:#999}.assistant-tools{width:100%;display:flex;align-items:center;gap:24px}.assistant-tools img{width:14px;height:14px;cursor:pointer}\n"] }]
+        }], propDecorators: { messages: [{
+                type: Input
+            }], messagesContainer: [{
+                type: ViewChild,
+                args: ['messagesContainer']
+            }], regenerateAnswer: [{
+                type: Output
+            }] } });
+
+class HttpService {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.storeService = inject(StoreService);
+        this.BASE_URL = '/api'; // 或者完整域名
+    }
+    /**
+     * 统一获取 Headers
+     */
+    getHeaders() {
+        return new HttpHeaders({
+            'Content-Type': 'application/json',
+            Authorization: `${this.storeService.getToken()}`,
+        });
+    }
+    /**
+     * GET 请求
+     */
+    get(url, params) {
+        return this.http.get(this.formatUrl(url), {
+            headers: this.getHeaders(),
+            params: this.resolveParams(params),
+        });
+    }
+    /**
+     * POST 请求
+     */
+    post(url, body) {
+        return this.http.post(this.formatUrl(url), body, {
+            headers: this.getHeaders(),
+        });
+    }
+    /**
+     * PUT 请求
+     */
+    put(url, body) {
+        return this.http.put(this.formatUrl(url), body, {
+            headers: this.getHeaders(),
+        });
+    }
+    /**
+     * DELETE 请求
+     * 兼容支持：既支持 URL 参数，也支持 Body
+     */
+    delete(url, params, body) {
+        return this.http.request('DELETE', this.formatUrl(url), {
+            headers: this.getHeaders(),
+            params: this.resolveParams(params),
+            body: body, // HttpClient 的 delete() 方法默认不支持 body，需用 request() 通用方法
+        });
+    }
+    // ================= 私有辅助方法 =================
+    /**
+     * 统一处理 URL
+     * 比如自动拼接 BaseUrl，或者处理斜杠
+     */
+    formatUrl(url) {
+        if (url.startsWith('http'))
+            return url;
+        // 确保拼接顺滑
+        const baseUrl = this.storeService.getBaseUrl();
+        const cleanBase = baseUrl.replace(/\/$/, '');
+        const cleanUrl = url.startsWith('/') ? url : `/${url}`;
+        return `${cleanBase}${cleanUrl}`;
+    }
+    /**
+     * 统一清洗参数
+     * 过滤掉 null 和 undefined，防止传给后端 "null" 字符串
+     */
+    resolveParams(params) {
+        let httpParams = new HttpParams();
+        if (params) {
+            Object.keys(params).forEach(key => {
+                const value = params[key];
+                if (value !== null && value !== undefined) {
+                    if (Array.isArray(value)) {
+                        // 支持数组参数 ids: [1, 2] => ids=1&ids=2
+                        value.forEach(val => (httpParams = httpParams.append(key, val)));
+                    }
+                    else {
+                        httpParams = httpParams.set(key, value);
+                    }
+                }
+            });
+        }
+        return httpParams;
+    }
+}
+HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+HttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class HistoryGroupComponent {
+    constructor() {
+        this.select = new EventEmitter();
+        this.refresh = new EventEmitter();
+        this.currentSelected = null;
+        this.storeService = inject(StoreService);
+        this.modalService = inject(NzModalService);
+        this.msg = inject(NzMessageService);
+        this.http = inject(HttpService);
+    }
+    toggleExpand() {
+        this.group.expanded = !this.group.expanded;
+    }
+    selectConversation(item) {
+        if (item) {
+            item.isActive = true;
+        }
+        this.currentSelected = item;
+        this.select.emit(this.currentSelected);
+        this.storeService.setCurrentConversation(this.currentSelected);
+    }
+    deleteConversation(e, item) {
+        e.stopPropagation();
+        this.modalService.confirm({
+            nzTitle: '删除对话',
+            nzContent: `删除后无法恢复，是否确认删除“${item.name}”对话？`,
+            nzOkText: '确定',
+            nzCancelText: '取消',
+            nzOnOk: () => {
+                this.http.delete(`/api/ChatModel/conversation`, { iCode: item.iCode }).subscribe(res => {
+                    this.msg.success('删除成功');
+                    this.refresh.emit(item.iCode);
+                });
+            },
+        });
+    }
+}
+HistoryGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HistoryGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HistoryGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HistoryGroupComponent, selector: "history-group", inputs: { group: "group" }, outputs: { select: "select", refresh: "refresh" }, ngImport: i0, template: `
+    <div class="group-container">
+      <div class="group-header" (click)="toggleExpand()">
+        <div class="left">
+          <img src="assets/images/sidebar/time.png" />
+          <span class="date-text">{{ group.dateLabel }}</span>
+        </div>
+        <div class="arrow-icon" [class.rotated]="group.expanded">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <polyline points="6 9 12 15 18 9"></polyline>
+          </svg>
+        </div>
+      </div>
+
+      <div class="group-content" [@expandCollapse]="group.expanded ? 'expanded' : 'collapsed'">
+        <div
+          *ngFor="let item of group.items"
+          class="history-item"
+          [class.active]="item.isActive"
+          (click)="selectConversation(item)"
+        >
+          <span class="item-title">{{ item.name }}</span>
+
+          <img class="delete-img" src="assets/images/sidebar/delete.png" (click)="deleteConversation($event, item)" />
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
+        trigger('expandCollapse', [
+            state('collapsed', style({ height: '0px', opacity: 0 })),
+            state('expanded', style({ height: '*', opacity: 1 })),
+            transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HistoryGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'history-group', template: `
+    <div class="group-container">
+      <div class="group-header" (click)="toggleExpand()">
+        <div class="left">
+          <img src="assets/images/sidebar/time.png" />
+          <span class="date-text">{{ group.dateLabel }}</span>
+        </div>
+        <div class="arrow-icon" [class.rotated]="group.expanded">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <polyline points="6 9 12 15 18 9"></polyline>
+          </svg>
+        </div>
+      </div>
+
+      <div class="group-content" [@expandCollapse]="group.expanded ? 'expanded' : 'collapsed'">
+        <div
+          *ngFor="let item of group.items"
+          class="history-item"
+          [class.active]="item.isActive"
+          (click)="selectConversation(item)"
+        >
+          <span class="item-title">{{ item.name }}</span>
+
+          <img class="delete-img" src="assets/images/sidebar/delete.png" (click)="deleteConversation($event, item)" />
+        </div>
+      </div>
+    </div>
+  `, animations: [
+                        trigger('expandCollapse', [
+                            state('collapsed', style({ height: '0px', opacity: 0 })),
+                            state('expanded', style({ height: '*', opacity: 1 })),
+                            transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+                        ]),
+                    ], styles: ["@charset \"UTF-8\";.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"] }]
+        }], propDecorators: { group: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], refresh: [{
+                type: Output
+            }] } });
+
+// chat-sidebar.component.ts
+class ChatSidebarComponent {
+    constructor() {
+        this.http = inject(HttpService$1);
+        this.storeService = inject(StoreService);
+        this.isCollapsed = false;
+        this.historyGroups = [];
+    }
+    ngOnInit() {
+        this.getHistory();
+    }
+    // 获取历史对话
+    getHistory(needSelectFirst = false) {
+        this.http.get(`${this.storeService.getBaseUrl()}/api/ChatModel/conversation`).subscribe((res) => {
+            this.historyGroups = this.groupByFriendlyTime(res);
+            // 选中第一个对话
+            if (needSelectFirst) {
+                if (this.historyGroups[0]?.items[0]) {
+                    this.historyGroupRef.selectConversation(this.historyGroups[0].items[0]);
+                }
+                else {
+                    this.historyGroupRef.selectConversation(null);
+                }
+            }
+        });
+    }
+    // 删除后刷新，若删除当前选中会话
+    refresh(conversationICode) {
+        const needSelectFirst = this.storeService.getConversationICode() === conversationICode;
+        this.getHistory(needSelectFirst);
+    }
+    selectConversation(conversation) {
+        // 取消勾选其他会话
+        this.historyGroups.forEach(group => {
+            group.items.forEach(item => {
+                if (!conversation || conversation.iCode !== item.iCode) {
+                    item.isActive = false;
+                }
+            });
+        });
+    }
+    toggleSidebar() {
+        this.isCollapsed = !this.isCollapsed;
+    }
+    openNewChat() {
+        this.historyGroupRef.selectConversation(null);
+    }
+    groupByFriendlyTime(dataList) {
+        if (!dataList || dataList.length === 0) {
+            return [];
+        }
+        const list = [];
+        const now = new Date();
+        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+        const yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+        dataList.forEach((item, index) => {
+            const itemTime = new Date(item.time);
+            const itemDate = new Date(itemTime.getFullYear(), itemTime.getMonth(), itemTime.getDate());
+            let dateLabel = '';
+            item.isActive = false;
+            if (itemDate.getTime() === today.getTime()) {
+                dateLabel = '今天';
+            }
+            else if (itemDate.getTime() === yesterday.getTime()) {
+                dateLabel = '昨天';
+            }
+            else {
+                // 其他日期显示具体的年月日
+                dateLabel = `${itemTime.getFullYear()}年${(itemTime.getMonth() + 1).toString().padStart(2, '0')}月${itemTime.getDate().toString().padStart(2, '0')}日`;
+            }
+            const find = list.find(item => item.dateLabel === dateLabel);
+            if (find) {
+                find.items.push(item);
+            }
+            else {
+                const group = { dateLabel: '', expanded: index === 0, items: [] };
+                group.dateLabel = dateLabel;
+                group.items.push(item);
+                list.push(group);
+            }
+        });
+        return list;
+    }
+}
+ChatSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatSidebarComponent, selector: "ngx-chat-sidebar", viewQueries: [{ propertyName: "historyGroupRef", first: true, predicate: ["historyGroupRef"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"sidebar-inner\">\n    <div class=\"sidebar-header\">\n      <div class=\"logo-area\">\n        <img src=\"assets/images/logo.png\" alt=\"Logo\" class=\"logo-img\" />\n        <span class=\"app-name\">\u9752\u6E05\u6C34\u5229</span>\n      </div>\n      <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n        <img src=\"assets/images/sidebar/collapse.png\" />\n      </button>\n    </div>\n\n    <div class=\"sidebar-content\">\n      <button class=\"new-chat-btn\" (click)=\"openNewChat()\">\n        <img src=\"assets/images/sidebar/new-chat.png\" />\n        \u5F00\u542F\u65B0\u5BF9\u8BDD\n      </button>\n\n      <div class=\"divider\"></div>\n\n      <div class=\"section-title\">\n        <img src=\"assets/images/sidebar/history-chat.png\" />\n        <span>\u5386\u53F2\u5BF9\u8BDD</span>\n      </div>\n\n      <div class=\"history-list-scroll\" *ngIf=\"historyGroups.length\">\n        <history-group\n          #historyGroupRef\n          *ngFor=\"let group of historyGroups\"\n          [group]=\"group\"\n          (select)=\"selectConversation($event)\"\n          (refresh)=\"refresh($event)\"\n        >\n        </history-group>\n      </div>\n\n      <div class=\"history-empty\" *ngIf=\"!historyGroups.length\">\u6682\u65E0\u5386\u53F2\u5BF9\u8BDD</div>\n    </div>\n  </div>\n</div>\n\n<div class=\"logo-actions\" [@logoActionsAnimation]=\"isCollapsed ? 'leave' : 'enter'\" *ngIf=\"isCollapsed\">\n  <img src=\"assets/images/logo.png\" alt=\"Logo\" class=\"logo-img\" />\n  <div class=\"left-top-bar\">\n    <img src=\"assets/images/sidebar/expand.png\" (click)=\"toggleSidebar()\" />\n    <img src=\"assets/images/sidebar/new-chat.png\" (click)=\"openNewChat()\" />\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;height:100vh}.sidebar{width:280px;height:100%;background-color:#f3f4f6;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.25,.8,.25,1),border .4s;overflow:hidden;box-sizing:border-box}.sidebar.collapsed{width:0;padding:0;border-right:0 solid transparent}.sidebar-inner{width:280px;height:100%;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:32px}.logo-area{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-img{width:28px;height:28px;object-fit:contain}.app-name{font-weight:600;font-size:16px;color:#000}.toggle-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px}.toggle-btn img{width:16px;height:15px}.toggle-btn:hover{background-color:#0000000d}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.new-chat-btn{width:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:10px;color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 5px #00000008;transition:all .2s;white-space:nowrap}.new-chat-btn img{width:16px;height:16px}.new-chat-btn:hover{box-shadow:0 4px 8px #00000014;border-color:#d0d0d0}.divider{height:1px;background-color:#e0e0e0;margin:20px 0}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;margin-bottom:10px;white-space:nowrap}.section-title img{width:16px;height:16px}.history-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.history-empty{flex:1;display:flex;align-items:center;justify-content:center}.logo-actions{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;z-index:99}.logo-actions .logo-img{width:40px;height:32px}.logo-actions .left-top-bar{width:75px;height:40px;display:flex;align-items:center;justify-content:center;gap:19px;background:#FFFFFF;box-shadow:0 2px 4px #0000001a;border-radius:20px;border:1px solid #EEEEEE}.logo-actions .left-top-bar img{width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HistoryGroupComponent, selector: "history-group", inputs: ["group"], outputs: ["select", "refresh"] }], animations: [
+        trigger('logoActionsAnimation', [
+            transition(':enter', [
+                style({ opacity: 0, transform: 'translateX(20px)' }),
+                animate('600ms ease-out', style({ opacity: 1, transform: 'translateX(0)' })),
+            ]),
+            transition(':leave', [animate('0ms ease-in', style({ opacity: 0, transform: 'translateX(20px)' }))]),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-chat-sidebar', animations: [
+                        trigger('logoActionsAnimation', [
+                            transition(':enter', [
+                                style({ opacity: 0, transform: 'translateX(20px)' }),
+                                animate('600ms ease-out', style({ opacity: 1, transform: 'translateX(0)' })),
+                            ]),
+                            transition(':leave', [animate('0ms ease-in', style({ opacity: 0, transform: 'translateX(20px)' }))]),
+                        ]),
+                    ], template: "<div class=\"sidebar\" [class.collapsed]=\"isCollapsed\">\n  <div class=\"sidebar-inner\">\n    <div class=\"sidebar-header\">\n      <div class=\"logo-area\">\n        <img src=\"assets/images/logo.png\" alt=\"Logo\" class=\"logo-img\" />\n        <span class=\"app-name\">\u9752\u6E05\u6C34\u5229</span>\n      </div>\n      <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n        <img src=\"assets/images/sidebar/collapse.png\" />\n      </button>\n    </div>\n\n    <div class=\"sidebar-content\">\n      <button class=\"new-chat-btn\" (click)=\"openNewChat()\">\n        <img src=\"assets/images/sidebar/new-chat.png\" />\n        \u5F00\u542F\u65B0\u5BF9\u8BDD\n      </button>\n\n      <div class=\"divider\"></div>\n\n      <div class=\"section-title\">\n        <img src=\"assets/images/sidebar/history-chat.png\" />\n        <span>\u5386\u53F2\u5BF9\u8BDD</span>\n      </div>\n\n      <div class=\"history-list-scroll\" *ngIf=\"historyGroups.length\">\n        <history-group\n          #historyGroupRef\n          *ngFor=\"let group of historyGroups\"\n          [group]=\"group\"\n          (select)=\"selectConversation($event)\"\n          (refresh)=\"refresh($event)\"\n        >\n        </history-group>\n      </div>\n\n      <div class=\"history-empty\" *ngIf=\"!historyGroups.length\">\u6682\u65E0\u5386\u53F2\u5BF9\u8BDD</div>\n    </div>\n  </div>\n</div>\n\n<div class=\"logo-actions\" [@logoActionsAnimation]=\"isCollapsed ? 'leave' : 'enter'\" *ngIf=\"isCollapsed\">\n  <img src=\"assets/images/logo.png\" alt=\"Logo\" class=\"logo-img\" />\n  <div class=\"left-top-bar\">\n    <img src=\"assets/images/sidebar/expand.png\" (click)=\"toggleSidebar()\" />\n    <img src=\"assets/images/sidebar/new-chat.png\" (click)=\"openNewChat()\" />\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;height:100vh}.sidebar{width:280px;height:100%;background-color:#f3f4f6;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.25,.8,.25,1),border .4s;overflow:hidden;box-sizing:border-box}.sidebar.collapsed{width:0;padding:0;border-right:0 solid transparent}.sidebar-inner{width:280px;height:100%;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:32px}.logo-area{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-img{width:28px;height:28px;object-fit:contain}.app-name{font-weight:600;font-size:16px;color:#000}.toggle-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px}.toggle-btn img{width:16px;height:15px}.toggle-btn:hover{background-color:#0000000d}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.new-chat-btn{width:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:10px;color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 5px #00000008;transition:all .2s;white-space:nowrap}.new-chat-btn img{width:16px;height:16px}.new-chat-btn:hover{box-shadow:0 4px 8px #00000014;border-color:#d0d0d0}.divider{height:1px;background-color:#e0e0e0;margin:20px 0}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;margin-bottom:10px;white-space:nowrap}.section-title img{width:16px;height:16px}.history-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.history-empty{flex:1;display:flex;align-items:center;justify-content:center}.logo-actions{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;z-index:99}.logo-actions .logo-img{width:40px;height:32px}.logo-actions .left-top-bar{width:75px;height:40px;display:flex;align-items:center;justify-content:center;gap:19px;background:#FFFFFF;box-shadow:0 2px 4px #0000001a;border-radius:20px;border:1px solid #EEEEEE}.logo-actions .left-top-bar img{width:16px;height:16px;cursor:pointer}\n"] }]
+        }], propDecorators: { historyGroupRef: [{
+                type: ViewChild,
+                args: ['historyGroupRef']
+            }] } });
+
+class NgxAgentChatComponent {
+    constructor() {
+        /**
+         * 接口baseUrl配置
+         */
+        this.baseUrl = 'http://39.102.56.254:8082';
+        this.token = '';
+        this.md = inject(MarkdownStreamService);
+        this.httpService = inject(HttpService$1);
+        this.sseService = inject(SseService);
+        this.storeService = inject(StoreService);
+        this.sanitizer = inject(DomSanitizer);
+        this.ngZone = inject(NgZone);
+        this.messages = []; // 消息数组
+    }
+    ngOnInit() {
+        this.storeService.setToken(this.token);
+        this.storeService.setBaseUrl(this.baseUrl);
+        this.sseService.conversationICode$.subscribe(iCodeObj => {
+            if (iCodeObj) {
+                const currentMsg = this.messages[this.messages.length - 1];
+                currentMsg.iCode = iCodeObj.question;
+                currentMsg.answers[currentMsg.answerIndex].iCode = iCodeObj.answer;
+            }
+        });
+        this.sseService.thinking$.subscribe(text => {
+            if (this.messages.length > 0) {
+                const currentMsg = this.messages[this.messages.length - 1];
+                currentMsg.answers[currentMsg.answerIndex].think = text;
+            }
+        });
+        this.sseService.currentMessage$.subscribe(text => {
+            if (this.messages.length > 0) {
+                const currentMsg = this.messages[this.messages.length - 1];
+                currentMsg.answers[currentMsg.answerIndex].content = text;
+            }
+        });
+        this.storeService.currentConversation$.subscribe(conversation => {
+            if (!conversation) {
+                this.messages = [];
+                return;
+            }
+            this.httpService
+                .get(`${this.storeService.getBaseUrl()}/api/ChatModel/conversation/questions`, { iCode: conversation?.iCode })
+                .subscribe((res) => {
+                this.messages = res.map(item => {
+                    item.answerIndex = 0;
+                    item.answers.forEach(answer => {
+                        answer.thinkExpand = true;
+                    });
+                    return item;
+                });
+            });
+        });
+    }
+    ngAfterViewInit() {
+        this.resizeObserver = new ResizeObserver(entries => {
+            for (let entry of entries) {
+                const newHeight = entry.contentRect.height;
+                this.ngZone.run(() => {
+                    this.chatMessagesRef.inputHeight = newHeight + 60;
+                });
+            }
+        });
+        // 开始监听输入框元素
+        this.resizeObserver.observe(this.chatInputRef.chatInputWrapper.nativeElement);
+    }
+    // 重新生成回答(仅最新的回答允许重新生成)
+    regenerateAnswer(msg) {
+        this.chatInputRef.regenerateSend(msg);
+    }
+    // 发起提问请求
+    onSendMessage(event) {
+        if (!event.isRegenerate) {
+            // 推入一个新问答,iCode在流接收到补上
+            const qa = {
+                iCode: '',
+                question: event.message.question,
+                answers: [
+                    {
+                        iCode: '',
+                        think: '',
+                        content: '',
+                        thinkExpand: true,
+                    },
+                ],
+                answerIndex: 0,
+            };
+            this.messages.push(qa);
+        }
+        else {
+            const latestMessage = this.messages[this.messages.length - 1];
+            latestMessage.answers.push({
+                iCode: '',
+                think: '',
+                content: '',
+                thinkExpand: true,
+            });
+            latestMessage.answerIndex = latestMessage.answers.length - 1;
+        }
+        this.sseService.streamChat(event.message).then(res => {
+            // 开启新对话，刷新左侧历史对话
+            if (!event.message.conversation) {
+                this.chatSidebarRef.getHistory(true);
+            }
+        });
+    }
+}
+NgxAgentChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxAgentChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgxAgentChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NgxAgentChatComponent, selector: "ngx-agent-chat", inputs: { baseUrl: "baseUrl", token: "token" }, viewQueries: [{ propertyName: "chatSidebarRef", first: true, predicate: ["chatSidebarRef"], descendants: true }, { propertyName: "chatMessagesRef", first: true, predicate: ["chatMessagesRef"], descendants: true }, { propertyName: "chatInputRef", first: true, predicate: ["chatInputRef"], descendants: true }], ngImport: i0, template: "<div class=\"qq-agent\">\n    <!-- \u5DE6\u4FA7\u8FB9\u680F -->\n    <ngx-chat-sidebar #chatSidebarRef></ngx-chat-sidebar>\n\n    <!-- \u53F3\u4FA7\u4E3B\u5185\u5BB9 -->\n    <div class=\"agent-main\">\n      <ngx-chat-messages #chatMessagesRef [messages]=\"messages\" (regenerateAnswer)=\"regenerateAnswer($event)\"></ngx-chat-messages>\n      <ngx-chat-input #chatInputRef [messages]=\"messages\" (sendMessage)=\"onSendMessage($event)\"></ngx-chat-input>\n    </div>\n</div>", styles: [":host{width:100%;height:100%}:host ::ng-deep ::-webkit-scrollbar{width:6px}:host ::ng-deep ::-webkit-scrollbar-track{background:transparent}:host ::ng-deep ::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:8px}:host ::ng-deep ::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.qq-agent{width:100%;height:100%;display:flex;overflow:hidden}.qq-agent .agent-left{width:280px;height:100%;background:#F3F4F6}.qq-agent .agent-main{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "component", type: ChatInputComponent, selector: "ngx-chat-input", inputs: ["messages"], outputs: ["sendMessage", "messageChange", "enter", "paste"] }, { kind: "component", type: ChatMessagesComponent, selector: "ngx-chat-messages", inputs: ["messages"], outputs: ["regenerateAnswer"] }, { kind: "component", type: ChatSidebarComponent, selector: "ngx-chat-sidebar" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxAgentChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-agent-chat', template: "<div class=\"qq-agent\">\n    <!-- \u5DE6\u4FA7\u8FB9\u680F -->\n    <ngx-chat-sidebar #chatSidebarRef></ngx-chat-sidebar>\n\n    <!-- \u53F3\u4FA7\u4E3B\u5185\u5BB9 -->\n    <div class=\"agent-main\">\n      <ngx-chat-messages #chatMessagesRef [messages]=\"messages\" (regenerateAnswer)=\"regenerateAnswer($event)\"></ngx-chat-messages>\n      <ngx-chat-input #chatInputRef [messages]=\"messages\" (sendMessage)=\"onSendMessage($event)\"></ngx-chat-input>\n    </div>\n</div>", styles: [":host{width:100%;height:100%}:host ::ng-deep ::-webkit-scrollbar{width:6px}:host ::ng-deep ::-webkit-scrollbar-track{background:transparent}:host ::ng-deep ::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:8px}:host ::ng-deep ::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.qq-agent{width:100%;height:100%;display:flex;overflow:hidden}.qq-agent .agent-left{width:280px;height:100%;background:#F3F4F6}.qq-agent .agent-main{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}\n"] }]
+        }], propDecorators: { baseUrl: [{
+                type: Input
+            }], token: [{
+                type: Input
+            }], chatSidebarRef: [{
+                type: ViewChild,
+                args: ['chatSidebarRef']
+            }], chatMessagesRef: [{
+                type: ViewChild,
+                args: ['chatMessagesRef']
+            }], chatInputRef: [{
+                type: ViewChild,
+                args: ['chatInputRef']
+            }] } });
+
+class AgentChatModule {
+}
+AgentChatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AgentChatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, declarations: [NgxAgentChatComponent,
+        ChatInputComponent,
+        ChatMessagesComponent,
+        ChatSidebarComponent,
+        SimplePaginationComponent,
+        HistoryGroupComponent], imports: [CommonModule,
+        NzAvatarModule,
+        NzSpinModule,
+        NzTagModule,
+        NzInputModule,
+        NzButtonModule,
+        NzListModule,
+        NzSliderModule,
+        NzLayoutModule,
+        NzPopoverModule,
+        NzRadioModule,
+        NzCheckboxModule,
+        NzIconModule,
+        NzPaginationModule,
+        FormsModule,
+        MarkdownPipe], exports: [NgxAgentChatComponent] });
+AgentChatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, providers: [NzMessageService], imports: [CommonModule,
+        NzAvatarModule,
+        NzSpinModule,
+        NzTagModule,
+        NzInputModule,
+        NzButtonModule,
+        NzListModule,
+        NzSliderModule,
+        NzLayoutModule,
+        NzPopoverModule,
+        NzRadioModule,
+        NzCheckboxModule,
+        NzIconModule,
+        NzPaginationModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NgxAgentChatComponent,
+                        ChatInputComponent,
+                        ChatMessagesComponent,
+                        ChatSidebarComponent,
+                        SimplePaginationComponent,
+                        HistoryGroupComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        NzAvatarModule,
+                        NzSpinModule,
+                        NzTagModule,
+                        NzInputModule,
+                        NzButtonModule,
+                        NzListModule,
+                        NzSliderModule,
+                        NzLayoutModule,
+                        NzPopoverModule,
+                        NzRadioModule,
+                        NzCheckboxModule,
+                        NzIconModule,
+                        NzPaginationModule,
+                        FormsModule,
+                        MarkdownPipe,
+                    ],
+                    providers: [NzMessageService],
+                    exports: [NgxAgentChatComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AgentChatModule, NgxAgentChatComponent };
+//# sourceMappingURL=qqsl-agent-chat.mjs.map