qqsl-agent 0.0.1 → 0.0.3

package/fesm2020/qqsl-agent-chat.mjs

@@ -403,7 +403,10 @@ class ChatInputComponent {
         this.httpService
             .get(`${this.storeService.getBaseUrl()}/api/ChatModel/knowledges`)
             .subscribe((res) => {
-            this.knowledgeList = res;
+            this.knowledgeList = res.map(item => {
+                item.checked = false;
+                return item;
+            });
         });
     }
     modelVisibleChange(value) {
@@ -482,10 +485,10 @@ class ChatInputComponent {
     }
 }
 ChatInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messages: "messages" }, outputs: { sendMessage: "sendMessage", messageChange: "messageChange", enter: "enter", paste: "paste" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "chatInputWrapper", first: true, predicate: ["chatInputWrapper"], descendants: true }], ngImport: i0, template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div class=\"chat-input-wrapper\" #chatInputWrapper [class.center]=\"!messages.length\">\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 150px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-checkbox-wrapper style=\"width: 100%\" (nzOnChange)=\"knowledgeSelectChange($event)\">\n        <div *ngFor=\"let item of knowledgeList\">\n          <label nz-checkbox [nzValue]=\"item.iCode\">{{ item.name }}</label>\n        </div>\n      </nz-checkbox-wrapper>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:200px;padding:16px 0;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "component", type: i5.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i5.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "directive", type: i6.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+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" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-chat-input', template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div class=\"chat-input-wrapper\" #chatInputWrapper [class.center]=\"!messages.length\">\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 150px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-checkbox-wrapper style=\"width: 100%\" (nzOnChange)=\"knowledgeSelectChange($event)\">\n        <div *ngFor=\"let item of knowledgeList\">\n          <label nz-checkbox [nzValue]=\"item.iCode\">{{ item.name }}</label>\n        </div>\n      </nz-checkbox-wrapper>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:200px;padding:16px 0;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+            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"] }]
         }], propDecorators: { editor: [{
                 type: ViewChild,
                 args: ['editorRef']
@@ -702,10 +705,22 @@ 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              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\n              </svg>\n            </div>\n            <div\n              class=\"message-content message-assistant message-markdown\"\n              [innerHTML]=\"msg.answers[msg.answerIndex].think | markdown\"\n              [hidden]=\"!msg.answers[msg.answerIndex].thinkExpand\"\n            ></div>\n          </div>\n          <!-- \u56DE\u7B54 -->\n          <div\n            class=\"message-content message-assistant message-markdown\"\n            [innerHTML]=\"msg.answers[msg.answerIndex].content | markdown\"\n          ></div>\n          <!-- \u56DE\u7B54\u5DE5\u5177\u680F -->\n          <div class=\"assistant-tools\" *ngIf=\"msg.answers[msg.answerIndex].content\">\n            <ngx-simple-pagination\n              [current]=\"msg.answerIndex + 1\"\n              [total]=\"msg.answers.length\"\n              (pageChange)=\"onPageChange($event, msg)\"\n              *ngIf=\"msg.answers.length > 1\"\n            ></ngx-simple-pagination>\n            <img\n              src=\"assets/images/card/copy.png\"\n              alt=\"\u590D\u5236\"\n              (click)=\"copyContent(msg.answers[msg.answerIndex].content)\"\n            />\n            <img\n              src=\"assets/images/card/refresh.png\"\n              alt=\"\u91CD\u65B0\u751F\u6210\"\n              (click)=\"regenerate(msg)\"\n              *ngIf=\"i === messages.length - 1\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- <div style=\"padding-bottom: 160px\"></div> -->\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%}.messages-container{width:100%;height:100%;overflow-y:auto}.message-list{height:auto;padding-top:16px;padding-bottom:var(--input-height, 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.message-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:16px;max-width:800px;min-width:350px}.bubble-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.bubble-wrapper.user-msg{align-items:end}.bubble-wrapper.ai-msg{align-items:start}.bubble-loading{display:flex;align-items:center;justify-content:flex-start;height:24px;margin-top:4px;margin-bottom:16px}.bubble-loading-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;background-color:#bbb;animation:.9s linear infinite loading-dot}.bubble-loading-dot:first-child{animation-delay:0s}.bubble-loading-dot:nth-child(2){animation-delay:.1s}.bubble-loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dot{0%,to{opacity:.3}33%,66%{opacity:1}}.message-bubble{width:100%;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.message-bubble .message-content.message-human{padding:8px 16px;margin-left:auto;border-radius:12px;background:#E4EDFD;color:#004ad3}.message-bubble .message-content.message-assistant{padding:0;width:100%;background:#fff}.message-bubble .message-markdown{background:#fff}.message-bubble .message-think{width:100%;padding:12px;background:#FFFFFF;border-radius:10px;border:1px solid #D9DADB;font-size:14px}.message-bubble .message-think-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#000;font-size:16px}.message-bubble .message-think-header-title{display:flex;align-items:center;gap:10px}.message-bubble .message-think-header-title img{width:14px;height:14px}.message-bubble .message-think .message-content{padding-top:12px;color:#61666b}.message-bubble .message-time{font-size:12px;color:#999}.assistant-tools{width:100%;display:flex;align-items:center;gap:24px}.assistant-tools img{width:14px;height:14px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SimplePaginationComponent, selector: "ngx-simple-pagination", inputs: ["current", "total"], outputs: ["pageChange"] }, { kind: "pipe", type: MarkdownPipe, name: "markdown" }] });
+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: [
+        trigger('expandCollapse', [
+            state('collapsed', style({ height: '0px', opacity: 0 })),
+            state('expanded', style({ height: '*', opacity: 1 })),
+            transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+        ]),
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatMessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-chat-messages', template: "<!-- chat-messages.component.html -->\n<script src=\"chat-messages.component.ts\"></script>\n<div class=\"messages-container\" #messagesContainer>\n  <div class=\"message-list\" [style.--input-height.px]=\"inputHeight\">\n    <div class=\"question message-wrapper\" *ngFor=\"let msg of messages; let i = index\">\n      <!-- Q -->\n      <div class=\"bubble-wrapper user-msg\">\n        <div class=\"message-bubble\">\n          <div class=\"message-content message-human\">\n            {{ msg.question }}\n          </div>\n        </div>\n      </div>\n      <!-- A -->\n      <div class=\"bubble-wrapper ai-msg\" *ngIf=\"msg.answers[msg.answerIndex]\">\n        <div\n          class=\"bubble-loading\"\n          *ngIf=\"!msg.answers[msg.answerIndex].think && !msg.answers[msg.answerIndex].content\"\n        >\n          <div class=\"bubble-loading-dot\" *ngFor=\"let item of [1, 2, 3]\"></div>\n        </div>\n        <div class=\"message-bubble\">\n          <!-- \u601D\u8003 -->\n          <div class=\"message-think\" *ngIf=\"msg.answers[msg.answerIndex].think\">\n            <div\n              class=\"message-think-header\"\n              (click)=\"msg.answers[msg.answerIndex].thinkExpand = !msg.answers[msg.answerIndex].thinkExpand\"\n            >\n              <div class=\"message-think-header-title\">\n                <img src=\"/assets/images/card/think-finish.png\" />\n                {{ msg.answers[msg.answerIndex].content ? '\u5DF2\u5B8C\u6210\u601D\u8003' : '\u6B63\u5728\u601D\u8003\u4E2D...' }}\n              </div>\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"></polyline>\n              </svg>\n            </div>\n            <div\n              class=\"message-content message-assistant message-markdown\"\n              [innerHTML]=\"msg.answers[msg.answerIndex].think | markdown\"\n              [hidden]=\"!msg.answers[msg.answerIndex].thinkExpand\"\n            ></div>\n          </div>\n          <!-- \u56DE\u7B54 -->\n          <div\n            class=\"message-content message-assistant message-markdown\"\n            [innerHTML]=\"msg.answers[msg.answerIndex].content | markdown\"\n          ></div>\n          <!-- \u56DE\u7B54\u5DE5\u5177\u680F -->\n          <div class=\"assistant-tools\" *ngIf=\"msg.answers[msg.answerIndex].content\">\n            <ngx-simple-pagination\n              [current]=\"msg.answerIndex + 1\"\n              [total]=\"msg.answers.length\"\n              (pageChange)=\"onPageChange($event, msg)\"\n              *ngIf=\"msg.answers.length > 1\"\n            ></ngx-simple-pagination>\n            <img\n              src=\"assets/images/card/copy.png\"\n              alt=\"\u590D\u5236\"\n              (click)=\"copyContent(msg.answers[msg.answerIndex].content)\"\n            />\n            <img\n              src=\"assets/images/card/refresh.png\"\n              alt=\"\u91CD\u65B0\u751F\u6210\"\n              (click)=\"regenerate(msg)\"\n              *ngIf=\"i === messages.length - 1\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- <div style=\"padding-bottom: 160px\"></div> -->\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%}.messages-container{width:100%;height:100%;overflow-y:auto}.message-list{height:auto;padding-top:16px;padding-bottom:var(--input-height, 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.message-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:16px;max-width:800px;min-width:350px}.bubble-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.bubble-wrapper.user-msg{align-items:end}.bubble-wrapper.ai-msg{align-items:start}.bubble-loading{display:flex;align-items:center;justify-content:flex-start;height:24px;margin-top:4px;margin-bottom:16px}.bubble-loading-dot{width:6px;height:6px;border-radius:50%;margin-right:6px;background-color:#bbb;animation:.9s linear infinite loading-dot}.bubble-loading-dot:first-child{animation-delay:0s}.bubble-loading-dot:nth-child(2){animation-delay:.1s}.bubble-loading-dot:nth-child(3){animation-delay:.2s}@keyframes loading-dot{0%,to{opacity:.3}33%,66%{opacity:1}}.message-bubble{width:100%;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.message-bubble .message-content.message-human{padding:8px 16px;margin-left:auto;border-radius:12px;background:#E4EDFD;color:#004ad3}.message-bubble .message-content.message-assistant{padding:0;width:100%;background:#fff}.message-bubble .message-markdown{background:#fff}.message-bubble .message-think{width:100%;padding:12px;background:#FFFFFF;border-radius:10px;border:1px solid #D9DADB;font-size:14px}.message-bubble .message-think-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#000;font-size:16px}.message-bubble .message-think-header-title{display:flex;align-items:center;gap:10px}.message-bubble .message-think-header-title img{width:14px;height:14px}.message-bubble .message-think .message-content{padding-top:12px;color:#61666b}.message-bubble .message-time{font-size:12px;color:#999}.assistant-tools{width:100%;display:flex;align-items:center;gap:24px}.assistant-tools img{width:14px;height:14px;cursor:pointer}\n"] }]
+            args: [{ selector: 'ngx-chat-messages', animations: [
+                        trigger('expandCollapse', [
+                            state('collapsed', style({ height: '0px', opacity: 0 })),
+                            state('expanded', style({ height: '*', opacity: 1 })),
+                            transition('expanded <=> collapsed', animate('300ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+                        ]),
+                    ], 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"] }]
         }], propDecorators: { messages: [{
                 type: Input
             }], messagesContainer: [{
@@ -877,7 +892,7 @@ HistoryGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </div>
       </div>
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
+  `, isInline: true, styles: [".group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
         trigger('expandCollapse', [
             state('collapsed', style({ height: '0px', opacity: 0 })),
             state('expanded', style({ height: '*', opacity: 1 })),
@@ -919,7 +934,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)')),
                         ]),
-                    ], styles: ["@charset \"UTF-8\";.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"] }]
+                    ], styles: [".group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;color:#999;font-size:14px;-webkit-user-select:none;user-select:none}.group-header:hover{color:#666}.left{display:flex;align-items:center;gap:8px}.left img{width:14px;height:14px}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotated{transform:rotate(0)}.arrow-icon:not(.rotated){transform:rotate(-90deg)}.group-content{overflow:hidden}.history-item{padding:10px 12px;margin-bottom:4px;border-radius:8px;font-size:14px;color:#444;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.history-item .delete-img{width:14px;height:14px;display:none}.history-item:hover{background-color:#ebeced}.history-item:hover:hover .delete-img{display:block}.history-item.active{background-color:#e4edfd;color:#004ad3}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}\n"] }]
         }], propDecorators: { group: [{
                 type: Input
             }], select: [{
@@ -1014,7 +1029,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{display:block;height:100vh}.sidebar{width:280px;height:100%;background-color:#f3f4f6;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.25,.8,.25,1),border .4s;overflow:hidden;box-sizing:border-box}.sidebar.collapsed{width:0;padding:0;border-right:0 solid transparent}.sidebar-inner{width:280px;height:100%;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:32px}.logo-area{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-img{width:28px;height:28px;object-fit:contain}.app-name{font-weight:600;font-size:16px;color:#000}.toggle-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px}.toggle-btn img{width:16px;height:15px}.toggle-btn:hover{background-color:#0000000d}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.new-chat-btn{width:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:10px;color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 5px #00000008;transition:all .2s;white-space:nowrap}.new-chat-btn img{width:16px;height:16px}.new-chat-btn:hover{box-shadow:0 4px 8px #00000014;border-color:#d0d0d0}.divider{height:1px;background-color:#e0e0e0;margin:20px 0}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;margin-bottom:10px;white-space:nowrap}.section-title img{width:16px;height:16px}.history-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.history-empty{flex:1;display:flex;align-items:center;justify-content:center}.logo-actions{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;z-index:99}.logo-actions .logo-img{width:40px;height:32px}.logo-actions .left-top-bar{width:75px;height:40px;display:flex;align-items:center;justify-content:center;gap:19px;background:#FFFFFF;box-shadow:0 2px 4px #0000001a;border-radius:20px;border:1px solid #EEEEEE}.logo-actions .left-top-bar img{width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HistoryGroupComponent, selector: "history-group", inputs: ["group"], outputs: ["select", "refresh"] }], animations: [
+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: [
         trigger('logoActionsAnimation', [
             transition(':enter', [
                 style({ opacity: 0, transform: 'translateX(20px)' }),
@@ -1033,7 +1048,7 @@ 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{display:block;height:100vh}.sidebar{width:280px;height:100%;background-color:#f3f4f6;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .4s cubic-bezier(.25,.8,.25,1),border .4s;overflow:hidden;box-sizing:border-box}.sidebar.collapsed{width:0;padding:0;border-right:0 solid transparent}.sidebar-inner{width:280px;height:100%;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:32px}.logo-area{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo-img{width:28px;height:28px;object-fit:contain}.app-name{font-weight:600;font-size:16px;color:#000}.toggle-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px}.toggle-btn img{width:16px;height:15px}.toggle-btn:hover{background-color:#0000000d}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.new-chat-btn{width:100%;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:10px;color:#333;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 5px #00000008;transition:all .2s;white-space:nowrap}.new-chat-btn img{width:16px;height:16px}.new-chat-btn:hover{box-shadow:0 4px 8px #00000014;border-color:#d0d0d0}.divider{height:1px;background-color:#e0e0e0;margin:20px 0}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;margin-bottom:10px;white-space:nowrap}.section-title img{width:16px;height:16px}.history-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.history-empty{flex:1;display:flex;align-items:center;justify-content:center}.logo-actions{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;z-index:99}.logo-actions .logo-img{width:40px;height:32px}.logo-actions .left-top-bar{width:75px;height:40px;display:flex;align-items:center;justify-content:center;gap:19px;background:#FFFFFF;box-shadow:0 2px 4px #0000001a;border-radius:20px;border:1px solid #EEEEEE}.logo-actions .left-top-bar img{width:16px;height:16px;cursor:pointer}\n"] }]
+                    ], 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: [{
                 type: ViewChild,
                 args: ['historyGroupRef']