qqsl-agent 0.0.3 → 0.0.5

package/fesm2015/qqsl-agent-chat.mjs

@@ -16,11 +16,15 @@ 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 * as i5 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i7 from '@angular/forms';
+import * as i6 from 'ng-zorro-antd/steps';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
+import * as i7 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i8 from 'ng-zorro-antd/tree-select';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
+import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -33,6 +37,7 @@ 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 { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 
 // markdown-stream.service.ts
@@ -368,50 +373,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
+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',
+                }]
+        }] });
+
 // chat-input.component.ts
 class ChatInputComponent {
     constructor() {
         this.messages = [];
+        this.mode = 'full';
         this.sendMessage = new EventEmitter();
         this.messageChange = new EventEmitter();
         this.enter = new EventEmitter();
         this.paste = new EventEmitter();
-        this.httpService = inject(HttpService$1);
+        this.httpService = inject(HttpService);
         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;
+        this.knowledgeStepIndex = 0;
+        this.typesData = [];
+        this.categoriesData = [];
+        this.tagsData = [];
+        this.selectedTypes = [];
+        this.selectedCategories = [];
+        this.selectedTags = [];
     }
     ngOnInit() {
         this.getModelList();
-        this.getKnowledgeList();
+        this.loadTypes();
     }
     // 可供交互的模型
     getModelList() {
-        this.httpService.get(`${this.storeService.getBaseUrl()}/api/ChatModel/models`).subscribe((res) => {
+        this.httpService.get(`${this.storeService.getBaseUrl()}/api/ChatModel/models`).subscribe(res => {
             this.modelList = res;
             if (res.length) {
                 this.currentModel = res[0];
             }
         });
     }
-    // 模型可选的知识库
-    getKnowledgeList() {
+    onTypeChange(types) {
+        this.selectedTypes = types;
+        this.loadCategories(types);
+        this.selectedCategories = [];
+        this.selectedTags = [];
+        this.tagsData = [];
+        this.knowledgeStepIndex = types.length ? 1 : 0;
+    }
+    onCategoryChange(categories) {
+        this.selectedCategories = categories;
+        this.loadTags(categories);
+        this.selectedTags = [];
+        this.knowledgeStepIndex = categories.length ? 2 : 1;
+    }
+    onTagChange(tags) {
+        this.knowledgeStepIndex = tags.length ? 2 : 1;
+    }
+    // 获取分类
+    loadTypes() {
         this.httpService
-            .get(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledges`)
-            .subscribe((res) => {
-            this.knowledgeList = res.map(item => {
-                item.checked = false;
-                return item;
-            });
+            .get(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledgeTypes`)
+            .subscribe(res => {
+            this.typesData = res;
         });
     }
+    // 获取目录
+    loadCategories(types) {
+        this.httpService
+            .post(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledge/catalogs`, {
+            types: this.selectedTypes,
+        })
+            .subscribe(res => {
+            this.categoriesData = this.convertToTree(res);
+        });
+    }
+    loadTags(categories) {
+        this.httpService
+            .post(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledge/tags`, {
+            catalog: categories,
+        })
+            .subscribe(res => {
+            this.tagsData = res;
+        });
+    }
+    convertToTree(data) {
+        if (Array.isArray(data)) {
+            return data.map(item => convertNode(item));
+        }
+        function convertNode(node) {
+            let result = {
+                title: node.name || '',
+                value: node.iCode,
+                key: node.iCode,
+            };
+            if (node.children && node.children.length > 0) {
+                result.children = node.children.map((child) => convertNode(child));
+            }
+            else {
+                result.children = [];
+            }
+            return result;
+        }
+        return convertNode(data); // 如果是单个对象
+    }
     modelVisibleChange(value) {
         this.modelPopoverVisible = value;
     }
@@ -465,8 +627,11 @@ class ChatInputComponent {
             model: (_b = (_a = this.currentModel) === null || _a === void 0 ? void 0 : _a.iCode) !== null && _b !== void 0 ? _b : '',
             think: this.deepThink,
             question: msg.question,
-            knowledge: !!this.currentKnowledge.length,
-            knowledgeList: this.currentKnowledge,
+            parameter: {
+                type: this.selectedTypes,
+                catalogs: this.selectedCategories,
+                tags: this.selectedTags,
+            },
         };
         this.sendMessage.emit({ message, isRegenerate: true });
     }
@@ -483,18 +648,21 @@ class ChatInputComponent {
             model: (_b = (_a = this.currentModel) === null || _a === void 0 ? void 0 : _a.iCode) !== null && _b !== void 0 ? _b : '',
             think: this.deepThink,
             question: text,
-            knowledge: !!this.currentKnowledge.length,
-            knowledgeList: this.currentKnowledge,
+            parameter: {
+                type: this.selectedTypes,
+                catalogs: this.selectedCategories,
+                tags: this.selectedTags,
+            },
         };
         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\" [(ngModel)]=\"item.checked\">{{ 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{display:flex;align-items:center;justify-content:center;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" }] });
+ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messages: "messages", mode: "mode" }, 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\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\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: 250px\">\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-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;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:400px;padding:16px 0 16px 1px;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: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "directive", type: i5.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6.NzStepsComponent, selector: "nz-steps", inputs: ["nzCurrent", "nzDirection", "nzLabelPlacement", "nzType", "nzSize", "nzStartIndex", "nzStatus", "nzProgressDot"], outputs: ["nzIndexChange"], exportAs: ["nzSteps"] }, { kind: "component", type: i6.NzStepComponent, selector: "nz-step", inputs: ["nzTitle", "nzSubtitle", "nzDescription", "nzDisabled", "nzPercentage", "nzSize", "nzStatus", "nzIcon"], exportAs: ["nzStep"] }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i7.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "component", type: i8.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.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\" [(ngModel)]=\"item.checked\">{{ 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{display:flex;align-items:center;justify-content:center;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"] }]
+            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\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\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: 250px\">\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-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;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:400px;padding:16px 0 16px 1px;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']
@@ -503,6 +671,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['chatInputWrapper']
             }], messages: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], sendMessage: [{
                 type: Output
             }], messageChange: [{
@@ -711,7 +881,7 @@ class ChatMessagesComponent {
     }
 }
 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              <div class=\"arrow-icon\" [class.rotated]=\"msg.answers[msg.answerIndex].thinkExpand\">\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            <div\n              class=\"message-content message-assistant message-markdown\"\n              [@expandCollapse]=\"msg.answers[msg.answerIndex].thinkExpand ? 'expanded' : 'collapsed'\"\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;scrollbar-gutter:stable both-edges}.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 .arrow-icon{transition:transform .3s ease}.message-bubble .arrow-icon.rotated{transform:rotate(0)}.message-bubble .arrow-icon:not(.rotated){transform:rotate(-90deg)}.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" }], animations: [
+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              <div class=\"arrow-icon\" [class.rotated]=\"msg.answers[msg.answerIndex].thinkExpand\">\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            <div\n              class=\"message-content message-assistant message-markdown\"\n              [@expandCollapse]=\"msg.answers[msg.answerIndex].thinkExpand ? 'expanded' : 'collapsed'\"\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;scrollbar-gutter:stable both-edges;container-type:inline-size;container-name:chat-container}.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}@container chat-container (max-width: 1000px){.message-wrapper{max-width:90%}}.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 .arrow-icon{transition:transform .3s ease}.message-bubble .arrow-icon.rotated{transform:rotate(0)}.message-bubble .arrow-icon:not(.rotated){transform:rotate(-90deg)}.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" }], animations: [
         trigger('expandCollapse', [
             state('collapsed', style({ height: '0px', opacity: 0 })),
             state('expanded', style({ height: '*', opacity: 1 })),
@@ -726,7 +896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             state('expanded', style({ height: '*', opacity: 1 })),
                             transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
                         ]),
-                    ], 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              <div class=\"arrow-icon\" [class.rotated]=\"msg.answers[msg.answerIndex].thinkExpand\">\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            <div\n              class=\"message-content message-assistant message-markdown\"\n              [@expandCollapse]=\"msg.answers[msg.answerIndex].thinkExpand ? 'expanded' : 'collapsed'\"\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;scrollbar-gutter:stable both-edges}.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 .arrow-icon{transition:transform .3s ease}.message-bubble .arrow-icon.rotated{transform:rotate(0)}.message-bubble .arrow-icon:not(.rotated){transform:rotate(-90deg)}.assistant-tools{width:100%;display:flex;align-items:center;gap:24px}.assistant-tools img{width:14px;height:14px;cursor:pointer}\n"] }]
+                    ], 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              <div class=\"arrow-icon\" [class.rotated]=\"msg.answers[msg.answerIndex].thinkExpand\">\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            <div\n              class=\"message-content message-assistant message-markdown\"\n              [@expandCollapse]=\"msg.answers[msg.answerIndex].thinkExpand ? 'expanded' : 'collapsed'\"\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;scrollbar-gutter:stable both-edges;container-type:inline-size;container-name:chat-container}.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}@container chat-container (max-width: 1000px){.message-wrapper{max-width:90%}}.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 .arrow-icon{transition:transform .3s ease}.message-bubble .arrow-icon.rotated{transform:rotate(0)}.message-bubble .arrow-icon:not(.rotated){transform:rotate(-90deg)}.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: [{
@@ -736,103 +906,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 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();
@@ -952,6 +1025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 // chat-sidebar.component.ts
 class ChatSidebarComponent {
     constructor() {
+        this.mode = 'full';
         this.http = inject(HttpService$1);
         this.storeService = inject(StoreService);
         this.isCollapsed = false;
@@ -1036,7 +1110,7 @@ class ChatSidebarComponent {
     }
 }
 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{position:relative;display:block;height:100%}.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{flex-shrink:0;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: [
+ChatSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatSidebarComponent, selector: "ngx-chat-sidebar", inputs: { mode: "mode" }, viewQueries: [{ propertyName: "historyGroupRef", first: true, predicate: ["historyGroupRef"], descendants: true }], ngImport: i0, template: "<div class=\"sidebar\" [class.collapsed]=\"isCollapsed\" [class.floating]=\"mode === 'card'\">\n  <div class=\"sidebar-inner\">\n    <div class=\"sidebar-header\" *ngIf=\"mode === 'full'\">\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()\" *ngIf=\"mode === 'full'\">\n        <img src=\"assets/images/sidebar/new-chat.png\" />\n        \u5F00\u542F\u65B0\u5BF9\u8BDD\n      </button>\n\n      <div class=\"divider\" *ngIf=\"mode === 'full'\"></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\n  class=\"logo-actions\"\n  [@logoActionsAnimation]=\"isCollapsed ? 'leave' : 'enter'\"\n  *ngIf=\"isCollapsed && mode === 'full'\"\n>\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{position:relative;display:block;height:100%}.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.floating{background-color:#fff;border-right:none;height:600px}.sidebar.floating .sidebar-inner{padding:0!important}.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{flex-shrink:0;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)' }),
@@ -1055,8 +1129,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             ]),
                             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{position:relative;display:block;height:100%}.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{flex-shrink:0;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: [{
+                    ], template: "<div class=\"sidebar\" [class.collapsed]=\"isCollapsed\" [class.floating]=\"mode === 'card'\">\n  <div class=\"sidebar-inner\">\n    <div class=\"sidebar-header\" *ngIf=\"mode === 'full'\">\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()\" *ngIf=\"mode === 'full'\">\n        <img src=\"assets/images/sidebar/new-chat.png\" />\n        \u5F00\u542F\u65B0\u5BF9\u8BDD\n      </button>\n\n      <div class=\"divider\" *ngIf=\"mode === 'full'\"></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\n  class=\"logo-actions\"\n  [@logoActionsAnimation]=\"isCollapsed ? 'leave' : 'enter'\"\n  *ngIf=\"isCollapsed && mode === 'full'\"\n>\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{position:relative;display:block;height:100%}.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.floating{background-color:#fff;border-right:none;height:600px}.sidebar.floating .sidebar-inner{padding:0!important}.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{flex-shrink:0;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: { mode: [{
+                type: Input
+            }], historyGroupRef: [{
                 type: ViewChild,
                 args: ['historyGroupRef']
             }] } });
@@ -1170,10 +1246,10 @@ class NgxAgentChatComponent {
     }
 }
 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" }] });
+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\n      #chatMessagesRef\n      [messages]=\"messages\"\n      (regenerateAnswer)=\"regenerateAnswer($event)\"\n    ></ngx-chat-messages>\n    <ngx-chat-input #chatInputRef [messages]=\"messages\" (sendMessage)=\"onSendMessage($event)\"></ngx-chat-input>\n  </div>\n</div>\n", 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", "mode"], 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", inputs: ["mode"] }] });
 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"] }]
+            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\n      #chatMessagesRef\n      [messages]=\"messages\"\n      (regenerateAnswer)=\"regenerateAnswer($event)\"\n    ></ngx-chat-messages>\n    <ngx-chat-input #chatInputRef [messages]=\"messages\" (sendMessage)=\"onSendMessage($event)\"></ngx-chat-input>\n  </div>\n</div>\n", 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: [{
@@ -1189,6 +1265,221 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['chatInputRef']
             }] } });
 
+class FloatingChatComponent {
+    constructor() {
+        // 状态变量，用于控制组件的显示和动画
+        this.isExpanded = false;
+        // 标题
+        this.title = 'AI-青清水利';
+        /**
+         * 接口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 = []; // 消息数组
+        // 历史对话
+        this.modelPopoverVisible = false;
+    }
+    /**
+     * 切换聊天框的展开/收起状态
+     */
+    toggleChatBox() {
+        this.isExpanded = !this.isExpanded;
+    }
+    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 === null || conversation === void 0 ? void 0 : 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);
+    }
+    modelVisibleChange(value) {
+        this.modelPopoverVisible = value;
+    }
+    // 打开新对话
+    openNewChat() {
+        this.storeService.setCurrentConversation(null);
+    }
+    // 重新生成回答(仅最新的回答允许重新生成)
+    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);
+            }
+        });
+    }
+}
+FloatingChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FloatingChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FloatingChatComponent, selector: "ngx-agent-floating-chat", inputs: { title: "title", 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=\"floating-chat-container\">\n  <div class=\"chat-box\" [@chatBoxState]=\"isExpanded ? 'expanded' : 'collapsed'\">\n    <header class=\"chat-header\">\n      <div class=\"header-content\">\n        <span\n          class=\"icon menu-icon\"\n          nz-popover\n          [nzPopoverContent]=\"historyTpl\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          nzPopoverPlacement=\"rightTop\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/floating/history-menu.png\" style=\"width: 16px\" />\n        </span>\n        <h3 class=\"chat-title\">{{ title }}</h3>\n        <img src=\"/assets/images/floating/new-chat.png\" style=\"width: 20px; cursor: pointer\" (click)=\"openNewChat()\" />\n      </div>\n    </header>\n\n    <div class=\"chat-main\">\n      <ngx-chat-messages\n        #chatMessagesRef\n        [messages]=\"messages\"\n        (regenerateAnswer)=\"regenerateAnswer($event)\"\n      ></ngx-chat-messages>\n      <ngx-chat-input\n        #chatInputRef\n        [messages]=\"messages\"\n        mode=\"card\"\n        (sendMessage)=\"onSendMessage($event)\"\n      ></ngx-chat-input>\n    </div>\n  </div>\n\n  <button class=\"toggle-button\" (click)=\"toggleChatBox()\">\n    <span class=\"button-icon\" [@buttonIconState]=\"isExpanded ? 'expanded' : 'collapsed'\">\n      <img src=\"/assets/images/logo.png\" style=\"width: 36px\" *ngIf=\"!isExpanded\" />\n      <img src=\"/assets/images/floating/arrow-down.png\" style=\"width: 24px\" *ngIf=\"isExpanded\" />\n    </span>\n  </button>\n</div>\n\n<!-- \u5386\u53F2\u5BF9\u8BDD -->\n<ng-template #historyTpl>\n  <div style=\"width: 100%; max-height: 600px\">\n    <!-- <div class=\"select-title\"> -->\n    <!--   <div class=\"section-title\"> -->\n    <!--     <img src=\"assets/images/sidebar/history-chat.png\" /> -->\n    <!--     <span>\u5386\u53F2\u5BF9\u8BDD</span> -->\n    <!--   </div> -->\n    <!--   <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i> -->\n    <!-- </div> -->\n    <ngx-chat-sidebar #chatSidebarRef mode=\"card\"></ngx-chat-sidebar>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";: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}.floating-chat-container{position:fixed;bottom:20px;right:20px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end}.chat-box{width:660px;height:82vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:10px;overflow:hidden;display:flex;flex-direction:column}.chat-header{background-color:#fff;color:#fff;padding:12px 15px;border-top-left-radius:8px;border-top-right-radius:8px}.header-content{display:flex;justify-content:space-between;align-items:center}.chat-title{margin:0;font-size:16px;font-weight:500;flex-grow:1;text-align:center}.icon{font-size:18px;cursor:pointer}.chat-main{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}.welcome-message{text-align:center;padding-top:50px}.chat-icon{color:#409eff;margin-bottom:10px}.chat-icon svg{fill:#409eff}.welcome-text{color:#333;font-size:14px}.chat-footer{border-top:1px solid #eee;padding:10px 15px;background-color:#fff}.input-area-placeholder{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;margin-bottom:8px;overflow:hidden}.input-area-placeholder input{flex-grow:1;border:none;padding:8px 12px;outline:none;background-color:#fff;cursor:default}.input-area-placeholder .send-btn{background:none;border:none;padding:6px 10px;cursor:default;color:#bbb}.input-area-placeholder .send-btn svg{fill:#bbb}.bottom-controls{display:flex;justify-content:space-between;font-size:12px;color:#888}.control-item{cursor:default}.send-btn-placeholder{color:#409eff;font-weight:700;font-size:14px}.toggle-button{width:50px;height:50px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;color:#2157ff;order:2}.button-icon{display:block}.button-icon svg{fill:#fff}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: ChatInputComponent, selector: "ngx-chat-input", inputs: ["messages", "mode"], 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", inputs: ["mode"] }], animations: [
+        // 定义容器的展开/收起动画
+        trigger('chatBoxState', [
+            state('collapsed', style({
+                opacity: 0,
+                transform: 'scale(0.8) translateY(20px)',
+                display: 'none',
+                // visibility: 'hidden',
+                width: '660px',
+                height: '82vh', // 保持高度一致，但不可见
+            })),
+            state('expanded', style({
+                opacity: 1,
+                transform: 'scale(1) translateY(0)',
+                display: 'flex',
+                // visibility: 'visible',
+                width: '660px',
+                height: '82vh',
+            })),
+            transition('collapsed <=> expanded', [
+                animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)'), // 贝塞尔曲线提供更自然的动画
+            ]),
+        ]),
+        // 定义悬浮按钮的旋转动画
+        trigger('buttonIconState', [
+            state('collapsed', style({
+                transform: 'rotate(0deg)',
+            })),
+            state('expanded', style({
+                transform: 'rotate(0deg)', // 展开时，X图标旋转45度
+            })),
+            transition('collapsed <=> expanded', [animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')]),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FloatingChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-agent-floating-chat', animations: [
+                        // 定义容器的展开/收起动画
+                        trigger('chatBoxState', [
+                            state('collapsed', style({
+                                opacity: 0,
+                                transform: 'scale(0.8) translateY(20px)',
+                                display: 'none',
+                                // visibility: 'hidden',
+                                width: '660px',
+                                height: '82vh', // 保持高度一致，但不可见
+                            })),
+                            state('expanded', style({
+                                opacity: 1,
+                                transform: 'scale(1) translateY(0)',
+                                display: 'flex',
+                                // visibility: 'visible',
+                                width: '660px',
+                                height: '82vh',
+                            })),
+                            transition('collapsed <=> expanded', [
+                                animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)'), // 贝塞尔曲线提供更自然的动画
+                            ]),
+                        ]),
+                        // 定义悬浮按钮的旋转动画
+                        trigger('buttonIconState', [
+                            state('collapsed', style({
+                                transform: 'rotate(0deg)',
+                            })),
+                            state('expanded', style({
+                                transform: 'rotate(0deg)', // 展开时，X图标旋转45度
+                            })),
+                            transition('collapsed <=> expanded', [animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')]),
+                        ]),
+                    ], template: "<div class=\"floating-chat-container\">\n  <div class=\"chat-box\" [@chatBoxState]=\"isExpanded ? 'expanded' : 'collapsed'\">\n    <header class=\"chat-header\">\n      <div class=\"header-content\">\n        <span\n          class=\"icon menu-icon\"\n          nz-popover\n          [nzPopoverContent]=\"historyTpl\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          nzPopoverPlacement=\"rightTop\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/floating/history-menu.png\" style=\"width: 16px\" />\n        </span>\n        <h3 class=\"chat-title\">{{ title }}</h3>\n        <img src=\"/assets/images/floating/new-chat.png\" style=\"width: 20px; cursor: pointer\" (click)=\"openNewChat()\" />\n      </div>\n    </header>\n\n    <div class=\"chat-main\">\n      <ngx-chat-messages\n        #chatMessagesRef\n        [messages]=\"messages\"\n        (regenerateAnswer)=\"regenerateAnswer($event)\"\n      ></ngx-chat-messages>\n      <ngx-chat-input\n        #chatInputRef\n        [messages]=\"messages\"\n        mode=\"card\"\n        (sendMessage)=\"onSendMessage($event)\"\n      ></ngx-chat-input>\n    </div>\n  </div>\n\n  <button class=\"toggle-button\" (click)=\"toggleChatBox()\">\n    <span class=\"button-icon\" [@buttonIconState]=\"isExpanded ? 'expanded' : 'collapsed'\">\n      <img src=\"/assets/images/logo.png\" style=\"width: 36px\" *ngIf=\"!isExpanded\" />\n      <img src=\"/assets/images/floating/arrow-down.png\" style=\"width: 24px\" *ngIf=\"isExpanded\" />\n    </span>\n  </button>\n</div>\n\n<!-- \u5386\u53F2\u5BF9\u8BDD -->\n<ng-template #historyTpl>\n  <div style=\"width: 100%; max-height: 600px\">\n    <!-- <div class=\"select-title\"> -->\n    <!--   <div class=\"section-title\"> -->\n    <!--     <img src=\"assets/images/sidebar/history-chat.png\" /> -->\n    <!--     <span>\u5386\u53F2\u5BF9\u8BDD</span> -->\n    <!--   </div> -->\n    <!--   <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i> -->\n    <!-- </div> -->\n    <ngx-chat-sidebar #chatSidebarRef mode=\"card\"></ngx-chat-sidebar>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";: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}.floating-chat-container{position:fixed;bottom:20px;right:20px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end}.chat-box{width:660px;height:82vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:10px;overflow:hidden;display:flex;flex-direction:column}.chat-header{background-color:#fff;color:#fff;padding:12px 15px;border-top-left-radius:8px;border-top-right-radius:8px}.header-content{display:flex;justify-content:space-between;align-items:center}.chat-title{margin:0;font-size:16px;font-weight:500;flex-grow:1;text-align:center}.icon{font-size:18px;cursor:pointer}.chat-main{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}.welcome-message{text-align:center;padding-top:50px}.chat-icon{color:#409eff;margin-bottom:10px}.chat-icon svg{fill:#409eff}.welcome-text{color:#333;font-size:14px}.chat-footer{border-top:1px solid #eee;padding:10px 15px;background-color:#fff}.input-area-placeholder{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;margin-bottom:8px;overflow:hidden}.input-area-placeholder input{flex-grow:1;border:none;padding:8px 12px;outline:none;background-color:#fff;cursor:default}.input-area-placeholder .send-btn{background:none;border:none;padding:6px 10px;cursor:default;color:#bbb}.input-area-placeholder .send-btn svg{fill:#bbb}.bottom-controls{display:flex;justify-content:space-between;font-size:12px;color:#888}.control-item{cursor:default}.send-btn-placeholder{color:#409eff;font-weight:700;font-size:14px}.toggle-button{width:50px;height:50px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;color:#2157ff;order:2}.button-icon{display:block}.button-icon svg{fill:#fff}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], 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 });
@@ -1197,7 +1488,8 @@ AgentChatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ChatMessagesComponent,
         ChatSidebarComponent,
         SimplePaginationComponent,
-        HistoryGroupComponent], imports: [CommonModule,
+        HistoryGroupComponent,
+        FloatingChatComponent], imports: [CommonModule,
         NzAvatarModule,
         NzSpinModule,
         NzTagModule,
@@ -1211,8 +1503,11 @@ AgentChatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         NzCheckboxModule,
         NzIconModule,
         NzPaginationModule,
+        NzStepsModule,
+        NzSelectModule,
+        NzTreeSelectModule,
         FormsModule,
-        MarkdownPipe], exports: [NgxAgentChatComponent] });
+        MarkdownPipe], exports: [NgxAgentChatComponent, FloatingChatComponent] });
 AgentChatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, providers: [NzMessageService], imports: [CommonModule,
         NzAvatarModule,
         NzSpinModule,
@@ -1227,6 +1522,9 @@ AgentChatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         NzCheckboxModule,
         NzIconModule,
         NzPaginationModule,
+        NzStepsModule,
+        NzSelectModule,
+        NzTreeSelectModule,
         FormsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgentChatModule, decorators: [{
             type: NgModule,
@@ -1238,6 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         ChatSidebarComponent,
                         SimplePaginationComponent,
                         HistoryGroupComponent,
+                        FloatingChatComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -1254,11 +1553,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         NzCheckboxModule,
                         NzIconModule,
                         NzPaginationModule,
+                        NzStepsModule,
+                        NzSelectModule,
+                        NzTreeSelectModule,
                         FormsModule,
                         MarkdownPipe,
                     ],
                     providers: [NzMessageService],
-                    exports: [NgxAgentChatComponent],
+                    exports: [NgxAgentChatComponent, FloatingChatComponent],
                 }]
         }] });
 
@@ -1266,5 +1568,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AgentChatModule, NgxAgentChatComponent };
+export { AgentChatModule, FloatingChatComponent, NgxAgentChatComponent };
 //# sourceMappingURL=qqsl-agent-chat.mjs.map