qqsl-agent 0.0.6 → 0.0.7

package/fesm2020/qqsl-agent-chat.mjs

@@ -560,12 +560,14 @@ class ChatInputComponent {
                 title: node.name || '',
                 value: node.iCode,
                 key: node.iCode,
+                disabled: !node.parent,
             };
             if (node.children && node.children.length > 0) {
                 result.children = node.children.map((child) => convertNode(child));
             }
             else {
                 result.children = [];
+                result.isLeaf = true;
             }
             return result;
         }
@@ -653,10 +655,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", mode: "mode" }, outputs: { sendMessage: "sendMessage", messageChange: "messageChange", enter: "enter", paste: "paste" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "chatInputWrapper", first: true, predicate: ["chatInputWrapper"], descendants: true }], ngImport: i0, template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 250px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:400px;padding:16px 0 16px 1px;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "directive", type: i5.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6.NzStepsComponent, selector: "nz-steps", inputs: ["nzCurrent", "nzDirection", "nzLabelPlacement", "nzType", "nzSize", "nzStartIndex", "nzStatus", "nzProgressDot"], outputs: ["nzIndexChange"], exportAs: ["nzSteps"] }, { kind: "component", type: i6.NzStepComponent, selector: "nz-step", inputs: ["nzTitle", "nzSubtitle", "nzDescription", "nzDisabled", "nzPercentage", "nzSize", "nzStatus", "nzIcon"], exportAs: ["nzStep"] }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i7.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "component", type: i8.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
+ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messages: "messages", mode: "mode" }, outputs: { sendMessage: "sendMessage", messageChange: "messageChange", enter: "enter", paste: "paste" }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editorRef"], descendants: true }, { propertyName: "chatInputWrapper", first: true, predicate: ["chatInputWrapper"], descendants: true }], ngImport: i0, template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 250px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n              [nzDropdownStyle]=\"{ 'max-height': '480px' }\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:400px;padding:16px 0 16px 1px;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i4.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { kind: "component", type: i4.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { kind: "directive", type: i5.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i6.NzStepsComponent, selector: "nz-steps", inputs: ["nzCurrent", "nzDirection", "nzLabelPlacement", "nzType", "nzSize", "nzStartIndex", "nzStatus", "nzProgressDot"], outputs: ["nzIndexChange"], exportAs: ["nzSteps"] }, { kind: "component", type: i6.NzStepComponent, selector: "nz-step", inputs: ["nzTitle", "nzSubtitle", "nzDescription", "nzDisabled", "nzPercentage", "nzSize", "nzStatus", "nzIcon"], exportAs: ["nzStep"] }, { kind: "component", type: i7.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i7.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "component", type: i7.NzOptionGroupComponent, selector: "nz-option-group", inputs: ["nzLabel"], exportAs: ["nzOptionGroup"] }, { kind: "component", type: i8.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChatInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-chat-input', template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 250px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:400px;padding:16px 0 16px 1px;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'ngx-chat-input', template: "<!-- \u65B0\u804A\u5929\u4F4D\u4E8E\u5C4F\u5E55\u4E2D\u95F4\uFF0C\u53D1\u9001\u6D88\u606F\u4E4B\u540E\u4F4D\u4E8E\u5E95\u90E8 -->\n<div\n  class=\"chat-input-wrapper\"\n  #chatInputWrapper\n  [class.center]=\"!messages.length\"\n  [ngStyle]=\"{ 'padding-bottom': mode === 'full' ? '40px' : '10px' }\"\n>\n  <div class=\"new-chat-title\" *ngIf=\"!messages.length\">\n    <img src=\"/assets/images/logo.png\" />\n    <span>\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u5230\u4F60\uFF1F\u5F00\u59CB\u5BF9\u8BDD\u5427</span>\n  </div>\n  <div class=\"chat-input\">\n    <div\n      #editorRef\n      class=\"input-creative-editor\"\n      contenteditable=\"true\"\n      spellcheck=\"false\"\n      data-placeholder=\"\u8BF7\u8F93\u5165\u5E76\u53D1\u9001\u6D88\u606F\"\n      [attr.data-empty]=\"isEmpty\"\n      (input)=\"handleInput()\"\n      (keydown.enter)=\"handleEnter($event)\"\n      (paste)=\"handlePaste($event)\"\n    ></div>\n    <div class=\"input-bottom\">\n      <div class=\"input-tools\">\n        <div class=\"select-tool\" [ngClass]=\"{ 'select-tool-active': deepThink }\" (click)=\"toggleDeepThink()\">\n          <svg\n            t=\"1764131026949\"\n            style=\"width: 14px; height: 14px\"\n            class=\"icon\"\n            viewBox=\"0 0 1024 1024\"\n            version=\"1.1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            p-id=\"5012\"\n            width=\"64\"\n            height=\"64\"\n          >\n            <path\n              d=\"M903.36 512a795.52 795.52 0 0 1 65.536 136.704c48 132.16 39.616 230.528-25.024 295.168-64.64 64.64-163.008 72.96-295.168 24.96A795.52 795.52 0 0 1 512 903.424a795.52 795.52 0 0 1-136.704 65.536c-132.096 48-230.528 39.616-295.168-25.024-64.64-64.64-72.96-163.008-24.96-295.104 16.64-46.016 38.528-91.52 65.536-136.768A795.52 795.52 0 0 1 55.04 375.232C7.04 243.2 15.36 144.768 80 80.128 144.768 15.488 243.2 7.168 375.296 55.04c46.016 16.64 91.584 38.528 136.768 65.536A795.52 795.52 0 0 1 648.768 55.104c132.096-48 230.464-39.616 295.104 25.024 64.64 64.64 72.96 163.008 25.024 295.104A795.52 795.52 0 0 1 903.36 512z m-53.12-79.424c15.168-28.736 27.968-57.536 38.464-86.4 35.584-98.112 33.92-166.656-5.12-205.696-39.04-39.04-107.648-40.768-205.696-5.12a685.44 685.44 0 0 0-86.4 38.4 1240.96 1240.96 0 0 1 138.432 120.32 1240.832 1240.832 0 0 1 120.32 138.496zM432.576 173.824a685.44 685.44 0 0 0-86.4-38.528c-98.112-35.584-166.656-33.92-205.696 5.12-39.04 39.04-40.768 107.648-5.12 205.696 10.432 28.928 23.296 57.728 38.4 86.4a1240.896 1240.896 0 0 1 120.32-138.432 1240.832 1240.832 0 0 1 138.496-120.32zM173.824 591.488a685.44 685.44 0 0 0-38.464 86.4c-35.648 98.048-33.92 166.592 5.12 205.632 39.04 39.04 107.584 40.768 205.696 5.12a685.44 685.44 0 0 0 86.4-38.4 1240.768 1240.768 0 0 1-138.496-120.32 1240.96 1240.96 0 0 1-120.256-138.432z m495.744 78.08A1112.064 1112.064 0 0 0 802.048 512a1112.064 1112.064 0 0 0-132.48-157.568A1112.128 1112.128 0 0 0 512 221.952a1112.128 1112.128 0 0 0-157.504 132.48A1112.064 1112.064 0 0 0 222.016 512a1112.192 1112.192 0 0 0 132.416 157.568A1112.064 1112.064 0 0 0 512 802.048a1112.128 1112.128 0 0 0 157.568-132.48z m-78.08 180.608c28.672 15.168 57.472 28.032 86.4 38.464 98.048 35.648 166.592 33.92 205.632-5.12 39.04-39.04 40.768-107.584 5.12-205.696a685.504 685.504 0 0 0-38.4-86.4 1240.832 1240.832 0 0 1-120.32 138.496 1240.96 1240.96 0 0 1-138.432 120.32zM585.088 512a73.152 73.152 0 1 1-146.24 0 73.152 73.152 0 0 1 146.304 0z\"\n              fill=\"currentColor\"\n              p-id=\"5013\"\n            ></path>\n          </svg>\n          \u6DF1\u5EA6\u601D\u8003\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"modelListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"modelPopoverVisible\"\n          (nzPopoverVisibleChange)=\"modelVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/toggle-model.png\" style=\"width: 12px; height: 12px\" />\n          {{ currentModel ? currentModel?.name : '\u9009\u62E9\u6A21\u578B' }}\n        </div>\n        <div\n          class=\"select-tool\"\n          nz-popover\n          [nzPopoverContent]=\"knowledgeListContent\"\n          nzPopoverTrigger=\"click\"\n          nzPopoverOverlayClassName=\"params-select-popover\"\n          [nzPopoverVisible]=\"knowledgePopoverVisible\"\n          (nzPopoverVisibleChange)=\"knowledgeVisibleChange($event)\"\n        >\n          <img src=\"/assets/images/input/relate.png\" style=\"width: 14px; height: 8px\" />\n          \u5173\u8054\u77E5\u8BC6\u5E93\n        </div>\n      </div>\n      <img class=\"send\" src=\"/assets/images/input/send.png\" (click)=\"send()\" [hidden]=\"sseService.loading$ | async\" />\n      <div class=\"send-loading\" *ngIf=\"sseService.loading$ | async\">\n        <div class=\"send-loading-inner\">\n          <svg viewBox=\"0 0 36 36\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" data-icon=\"spin\">\n            <defs>\n              <linearGradient x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"100%\" id=\"linearGradient-1\">\n                <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>\n                <stop stop-color=\"currentColor\" stop-opacity=\"0.50\" offset=\"39.9430698%\"></stop>\n                <stop stop-color=\"currentColor\" offset=\"100%\"></stop>\n              </linearGradient>\n            </defs>\n            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n              <rect fill-opacity=\"0.01\" fill=\"none\" x=\"0\" y=\"0\" width=\"36\" height=\"36\"></rect>\n              <path\n                d=\"M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951\"\n                stroke=\"url(#linearGradient-1)\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\"\n              ></path>\n            </g>\n          </svg>\n        </div>\n      </div>\n      <!-- <img class=\"send\" src=\"/assets/images/input/send-gray.png\" /> -->\n    </div>\n  </div>\n  <div class=\"chat-input-backdrop\"></div>\n</div>\n\n<ng-template #modelListContent>\n  <div style=\"width: 200px\">\n    <div class=\"select-title\">\n      \u5207\u6362\u6A21\u578B\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"modelVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-radio-group [(ngModel)]=\"currentModel\">\n        <label\n          nz-radio\n          [nzValue]=\"item\"\n          [style.margin-top.px]=\"i === 0 ? 0 : 10\"\n          *ngFor=\"let item of modelList; let i = index\"\n        >\n          {{ item.name }}\n        </label>\n      </nz-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #knowledgeListContent>\n  <div style=\"width: 250px\">\n    <div class=\"select-title\">\n      \u5173\u8054\u77E5\u8BC6\u5E93\n      <i nz-icon nzType=\"close\" style=\"color: #999\" (click)=\"knowledgeVisibleChange(false)\"></i>\n    </div>\n    <div class=\"select-content\">\n      <nz-steps [nzCurrent]=\"knowledgeStepIndex\" nzProgressDot nzDirection=\"vertical\" nzSize=\"small\">\n        <nz-step nzTitle=\"\u9009\u62E9\u5206\u7C7B\" [nzDescription]=\"typeSelectTpl\">\n          <ng-template #typeSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTypes\"\n              nzMode=\"multiple\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTypeChange($event)\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u5206\u7C7B\"\n            >\n              <nz-option [nzValue]=\"item.type\" [nzLabel]=\"item.typeC\" *ngFor=\"let item of typesData\"></nz-option>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u641C\u7D22\u9009\u62E9\u76EE\u5F55\" [nzDescription]=\"categorySelectTpl\">\n          <ng-template #categorySelectTpl>\n            <nz-tree-select\n              style=\"width: 100%\"\n              [(ngModel)]=\"selectedCategories\"\n              [nzNodes]=\"categoriesData\"\n              (ngModelChange)=\"onCategoryChange($event)\"\n              nzCheckStrictly\n              nzHideUnMatched\n              nzShowSearch\n              nzCheckable\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u76EE\u5F55\"\n              [nzDropdownStyle]=\"{ 'max-height': '480px' }\"\n            ></nz-tree-select>\n          </ng-template>\n        </nz-step>\n        <nz-step nzTitle=\"\u9009\u62E9\u6807\u7B7E\" [nzDescription]=\"tagSelectTpl\">\n          <ng-template #tagSelectTpl>\n            <nz-select\n              [(ngModel)]=\"selectedTags\"\n              nzMode=\"multiple\"\n              nzPlaceHolder=\"\u8BF7\u9009\u62E9\u6807\u7B7E\"\n              style=\"width: 100%\"\n              (ngModelChange)=\"onTagChange($event)\"\n            >\n              <nz-option-group [nzLabel]=\"item.name\" *ngFor=\"let item of tagsData\">\n                <nz-option\n                  [nzValue]=\"child.iCode\"\n                  [nzLabel]=\"child.name\"\n                  *ngFor=\"let child of item.children\"\n                ></nz-option>\n              </nz-option-group>\n            </nz-select>\n          </ng-template>\n        </nz-step>\n      </nz-steps>\n    </div>\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{width:100%;container-type:inline-size;container-name:chat-container}.chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;max-width:800px;min-width:350px;margin:0 auto;padding-bottom:40px}@container chat-container (max-width: 1000px){.chat-input-wrapper{max-width:90%}}.chat-input-wrapper.center{bottom:50%;transform:translateY(50%)}.new-chat-title{display:flex;align-items:center;justify-content:center;padding-bottom:40px;text-align:center;font-weight:500;font-size:24px;color:#000}.new-chat-title img{width:40px;height:32px;margin-right:12px;margin-top:-6px}.chat-input{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px;margin:0 auto;background:#FFFFFF;box-shadow:0 2px 8px #0000001a;border-radius:20px;border:1px solid #D9DADB;z-index:30}.chat-input .input-creative-editor{min-height:60px;max-height:300px;overflow-y:auto;outline:none;box-shadow:none;border:none}.chat-input .input-creative-editor[data-empty=true]:before{content:attr(data-placeholder);color:#9a9b9b}.chat-input .input-bottom{padding-top:16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.chat-input .input-bottom .input-tools{display:flex;align-items:center;gap:10px}.chat-input .input-bottom .select-tool{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;gap:12px;background:#FFFFFF;border-radius:12px;border:1px solid #DBDCE0;cursor:pointer}.chat-input .input-bottom .select-tool-active{border-color:#b7c8fe;color:#3964fe;background:#edf3fe}.chat-input .input-bottom .send{width:32px;height:32px}::ng-deep .params-select-popover .ant-popover-inner{border-radius:10px}::ng-deep .params-select-popover .select-title{display:flex;align-items:center;justify-content:center;position:relative}::ng-deep .params-select-popover .select-title i{position:absolute;right:0;top:3px;cursor:pointer}::ng-deep .params-select-popover .select-content{max-height:400px;padding:16px 0 16px 1px;overflow-y:auto}.chat-input-backdrop{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;background-image:linear-gradient(to bottom,hsl(0,0%,99%),hsla(0,0%,99%,.8))}.send-loading{min-width:34px;height:34px;border-radius:50%;margin-top:auto;display:flex;flex-shrink:0;align-items:center;flex-direction:column;justify-content:center;cursor:not-allowed;white-space:nowrap;color:#fff;background:#3964fe;transition:background .2s;opacity:.4}.send-loading-inner{width:16px;height:16px}.send-loading svg{will-change:transform;animation:.6s linear infinite send-loading}@keyframes send-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { editor: [{
                 type: ViewChild,
                 args: ['editorRef']