@cqa-lib/cqa-ui 1.1.228 → 1.1.229

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6600,7 +6600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
6600
6600
  class AiLogsWithReasoningComponent extends BaseStepComponent {
6601
6601
  ngOnInit() { }
6602
6602
  get displayText() {
6603
- return this.text || this.description || '';
6603
+ return this.description || this.text || '';
6604
6604
  }
6605
6605
  get hasReasoning() {
6606
6606
  return !!this.reasoning;
@@ -6616,10 +6616,10 @@ class AiLogsWithReasoningComponent extends BaseStepComponent {
6616
6616
  }
6617
6617
  }
6618
6618
  AiLogsWithReasoningComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AiLogsWithReasoningComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
6619
- AiLogsWithReasoningComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AiLogsWithReasoningComponent, selector: "cqa-ai-logs-with-reasoning", inputs: { status: "status", text: "text", description: "description", reasoning: "reasoning", duration: "duration" }, host: { classAttribute: "cqa-ui-root" }, usesInheritance: true, ngImport: i0, template: "<div class=\"cqa-flex cqa-items-center cqa-gap-3 cqa-py-[5.5px] cqa-px-3\">\n <!-- Status Icon -->\n <div class=\"cqa-flex cqa-items-center cqa-justify-center cqa-w-3 cqa-h-3\">\n <svg *ngIf=\"isSuccess\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.5 6L5.5 7L7.5 5\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n <svg *ngIf=\"isFailed\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 4L8 8M8 4L4 8\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <!-- AI-Agent style container -->\n <div\n class=\"cqa-font-inter cqa-rounded-md cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1 cqa-flex-1\"\n [ngStyle]=\"{\n 'background-color': hasReasoning ? '#EEF2FF' : '#F7FAFC',\n 'border': hasReasoning ? '1px solid #C4B5FD' : '1px solid #BEDBFF'\n }\">\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#DBEAFE\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#155DFC\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#ddd7f5\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#7C3AED\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n </div>\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#FEF3C6\"/><path d=\"M10.5 9V5.5L6 11H9.5V14.5L14 9H10.5Z\" stroke=\"#E17100\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#ddd7f5\"/>\n <path d=\"M8.8315 10.5H11.168M10 3.5V4M13.182 4.818L12.8285 5.1715M14.5 8H14M6 8H5.5M7.1715 5.1715L6.818 4.818M8.232 9.768C7.88243 9.41834 7.6444 8.97288 7.54799 8.48795C7.45158 8.00301 7.50113 7.50038 7.69036 7.04361C7.8796 6.58683 8.20003 6.19642 8.61114 5.92175C9.02225 5.64707 9.50557 5.50047 10 5.50047C10.4944 5.50047 10.9777 5.64707 11.3889 5.92175C11.8 6.19642 12.1204 6.58683 12.3096 7.04361C12.4989 7.50038 12.5484 8.00301 12.452 8.48795C12.3556 8.97288 12.1176 9.41834 11.768 9.768L11.494 10.0415C11.3374 10.1982 11.2131 10.3842 11.1283 10.5889C11.0436 10.7936 11 11.0129 11 11.2345V11.5C11 11.7652 10.8946 12.0196 10.7071 12.2071C10.5196 12.3946 10.2652 12.5 10 12.5C9.73478 12.5 9.48043 12.3946 9.29289 12.2071C9.10536 12.0196 9 11.7652 9 11.5V11.2345C9 10.787 8.822 10.3575 8.506 10.0415L8.232 9.768Z\" stroke=\"#7C3AED\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <span\n class=\"cqa-flex-1 cqa-text-[12px] cqa-leading-[15px] cqa-font-semibold\" style=\"word-break: break-word;\"\n [ngStyle]=\"{ color: hasReasoning ? '#4C1D95' : '#0B0B0B' }\">\n {{ displayText }}\n </span>\n <span *ngIf=\"!hasReasoning\" class=\"cqa-text-[10px] cqa-font-inter cqa-leading-[15px] cqa-font-medium cqa-text-[#636363]\">\n {{ formatDuration(duration || 0) }}\n </span>\n </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
6619
+ AiLogsWithReasoningComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AiLogsWithReasoningComponent, selector: "cqa-ai-logs-with-reasoning", inputs: { status: "status", text: "text", description: "description", reasoning: "reasoning", duration: "duration" }, host: { classAttribute: "cqa-ui-root" }, usesInheritance: true, ngImport: i0, template: "<div class=\"cqa-flex cqa-items-center cqa-gap-3 cqa-px-3\">\n <!-- Status Icon -->\n <div class=\"cqa-flex cqa-items-center cqa-justify-center cqa-w-3 cqa-h-3\">\n <svg *ngIf=\"isSuccess\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.5 6L5.5 7L7.5 5\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n <svg *ngIf=\"isFailed\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 4L8 8M8 4L4 8\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <!-- AI-Agent style container -->\n <div\n class=\"cqa-font-inter cqa-rounded-md cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1 cqa-flex-1\"\n [ngStyle]=\"{\n 'background-color': hasReasoning ? '#EEF2FF' : '#F7FAFC',\n 'border': hasReasoning ? '1px solid #C4B5FD' : '1px solid #BEDBFF'\n }\">\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#DBEAFE\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#155DFC\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#ddd7f5\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#7C3AED\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n </div>\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#FEF3C6\"/><path d=\"M10.5 9V5.5L6 11H9.5V14.5L14 9H10.5Z\" stroke=\"#E17100\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#ddd7f5\"/>\n <path d=\"M8.8315 10.5H11.168M10 3.5V4M13.182 4.818L12.8285 5.1715M14.5 8H14M6 8H5.5M7.1715 5.1715L6.818 4.818M8.232 9.768C7.88243 9.41834 7.6444 8.97288 7.54799 8.48795C7.45158 8.00301 7.50113 7.50038 7.69036 7.04361C7.8796 6.58683 8.20003 6.19642 8.61114 5.92175C9.02225 5.64707 9.50557 5.50047 10 5.50047C10.4944 5.50047 10.9777 5.64707 11.3889 5.92175C11.8 6.19642 12.1204 6.58683 12.3096 7.04361C12.4989 7.50038 12.5484 8.00301 12.452 8.48795C12.3556 8.97288 12.1176 9.41834 11.768 9.768L11.494 10.0415C11.3374 10.1982 11.2131 10.3842 11.1283 10.5889C11.0436 10.7936 11 11.0129 11 11.2345V11.5C11 11.7652 10.8946 12.0196 10.7071 12.2071C10.5196 12.3946 10.2652 12.5 10 12.5C9.73478 12.5 9.48043 12.3946 9.29289 12.2071C9.10536 12.0196 9 11.7652 9 11.5V11.2345C9 10.787 8.822 10.3575 8.506 10.0415L8.232 9.768Z\" stroke=\"#7C3AED\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <span\n class=\"cqa-flex-1 cqa-text-[12px] cqa-leading-[15px] cqa-font-semibold\" style=\"word-break: break-word;\"\n [ngStyle]=\"{ color: hasReasoning ? '#4C1D95' : '#0B0B0B' }\">\n {{ displayText }}\n </span>\n <span *ngIf=\"!hasReasoning\" class=\"cqa-text-[10px] cqa-font-inter cqa-leading-[15px] cqa-font-medium cqa-text-[#636363]\">\n {{ formatDuration(duration || 0) }}\n </span>\n </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
6620
6620
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AiLogsWithReasoningComponent, decorators: [{
6621
6621
  type: Component,
6622
- args: [{ selector: 'cqa-ai-logs-with-reasoning', host: { class: 'cqa-ui-root' }, template: "<div class=\"cqa-flex cqa-items-center cqa-gap-3 cqa-py-[5.5px] cqa-px-3\">\n <!-- Status Icon -->\n <div class=\"cqa-flex cqa-items-center cqa-justify-center cqa-w-3 cqa-h-3\">\n <svg *ngIf=\"isSuccess\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.5 6L5.5 7L7.5 5\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n <svg *ngIf=\"isFailed\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 4L8 8M8 4L4 8\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <!-- AI-Agent style container -->\n <div\n class=\"cqa-font-inter cqa-rounded-md cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1 cqa-flex-1\"\n [ngStyle]=\"{\n 'background-color': hasReasoning ? '#EEF2FF' : '#F7FAFC',\n 'border': hasReasoning ? '1px solid #C4B5FD' : '1px solid #BEDBFF'\n }\">\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#DBEAFE\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#155DFC\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#ddd7f5\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#7C3AED\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n </div>\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#FEF3C6\"/><path d=\"M10.5 9V5.5L6 11H9.5V14.5L14 9H10.5Z\" stroke=\"#E17100\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#ddd7f5\"/>\n <path d=\"M8.8315 10.5H11.168M10 3.5V4M13.182 4.818L12.8285 5.1715M14.5 8H14M6 8H5.5M7.1715 5.1715L6.818 4.818M8.232 9.768C7.88243 9.41834 7.6444 8.97288 7.54799 8.48795C7.45158 8.00301 7.50113 7.50038 7.69036 7.04361C7.8796 6.58683 8.20003 6.19642 8.61114 5.92175C9.02225 5.64707 9.50557 5.50047 10 5.50047C10.4944 5.50047 10.9777 5.64707 11.3889 5.92175C11.8 6.19642 12.1204 6.58683 12.3096 7.04361C12.4989 7.50038 12.5484 8.00301 12.452 8.48795C12.3556 8.97288 12.1176 9.41834 11.768 9.768L11.494 10.0415C11.3374 10.1982 11.2131 10.3842 11.1283 10.5889C11.0436 10.7936 11 11.0129 11 11.2345V11.5C11 11.7652 10.8946 12.0196 10.7071 12.2071C10.5196 12.3946 10.2652 12.5 10 12.5C9.73478 12.5 9.48043 12.3946 9.29289 12.2071C9.10536 12.0196 9 11.7652 9 11.5V11.2345C9 10.787 8.822 10.3575 8.506 10.0415L8.232 9.768Z\" stroke=\"#7C3AED\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <span\n class=\"cqa-flex-1 cqa-text-[12px] cqa-leading-[15px] cqa-font-semibold\" style=\"word-break: break-word;\"\n [ngStyle]=\"{ color: hasReasoning ? '#4C1D95' : '#0B0B0B' }\">\n {{ displayText }}\n </span>\n <span *ngIf=\"!hasReasoning\" class=\"cqa-text-[10px] cqa-font-inter cqa-leading-[15px] cqa-font-medium cqa-text-[#636363]\">\n {{ formatDuration(duration || 0) }}\n </span>\n </div>\n</div>\n", styles: [] }]
6622
+ args: [{ selector: 'cqa-ai-logs-with-reasoning', host: { class: 'cqa-ui-root' }, template: "<div class=\"cqa-flex cqa-items-center cqa-gap-3 cqa-px-3\">\n <!-- Status Icon -->\n <div class=\"cqa-flex cqa-items-center cqa-justify-center cqa-w-3 cqa-h-3\">\n <svg *ngIf=\"isSuccess\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.5 6L5.5 7L7.5 5\" stroke=\"#00A63E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n <svg *ngIf=\"isFailed\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 4L8 8M8 4L4 8\" stroke=\"#EF4444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <!-- AI-Agent style container -->\n <div\n class=\"cqa-font-inter cqa-rounded-md cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1 cqa-flex-1\"\n [ngStyle]=\"{\n 'background-color': hasReasoning ? '#EEF2FF' : '#F7FAFC',\n 'border': hasReasoning ? '1px solid #C4B5FD' : '1px solid #BEDBFF'\n }\">\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#DBEAFE\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#155DFC\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"16\" height=\"16\" rx=\"8\" fill=\"#ddd7f5\"/><path d=\"M5.08337 8.41675L6.75004 10.0834L10.9167 5.91675\" stroke=\"#7C3AED\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n </div>\n <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n <svg *ngIf=\"!hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#FEF3C6\"/><path d=\"M10.5 9V5.5L6 11H9.5V14.5L14 9H10.5Z\" stroke=\"#E17100\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n <svg *ngIf=\"hasReasoning\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"20\" height=\"20\" rx=\"4\" fill=\"#ddd7f5\"/>\n <path d=\"M8.8315 10.5H11.168M10 3.5V4M13.182 4.818L12.8285 5.1715M14.5 8H14M6 8H5.5M7.1715 5.1715L6.818 4.818M8.232 9.768C7.88243 9.41834 7.6444 8.97288 7.54799 8.48795C7.45158 8.00301 7.50113 7.50038 7.69036 7.04361C7.8796 6.58683 8.20003 6.19642 8.61114 5.92175C9.02225 5.64707 9.50557 5.50047 10 5.50047C10.4944 5.50047 10.9777 5.64707 11.3889 5.92175C11.8 6.19642 12.1204 6.58683 12.3096 7.04361C12.4989 7.50038 12.5484 8.00301 12.452 8.48795C12.3556 8.97288 12.1176 9.41834 11.768 9.768L11.494 10.0415C11.3374 10.1982 11.2131 10.3842 11.1283 10.5889C11.0436 10.7936 11 11.0129 11 11.2345V11.5C11 11.7652 10.8946 12.0196 10.7071 12.2071C10.5196 12.3946 10.2652 12.5 10 12.5C9.73478 12.5 9.48043 12.3946 9.29289 12.2071C9.10536 12.0196 9 11.7652 9 11.5V11.2345C9 10.787 8.822 10.3575 8.506 10.0415L8.232 9.768Z\" stroke=\"#7C3AED\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n </div>\n <span\n class=\"cqa-flex-1 cqa-text-[12px] cqa-leading-[15px] cqa-font-semibold\" style=\"word-break: break-word;\"\n [ngStyle]=\"{ color: hasReasoning ? '#4C1D95' : '#0B0B0B' }\">\n {{ displayText }}\n </span>\n <span *ngIf=\"!hasReasoning\" class=\"cqa-text-[10px] cqa-font-inter cqa-leading-[15px] cqa-font-medium cqa-text-[#636363]\">\n {{ formatDuration(duration || 0) }}\n </span>\n </div>\n</div>\n", styles: [] }]
6623
6623
  }], propDecorators: { status: [{
6624
6624
  type: Input
6625
6625
  }], text: [{
@@ -9117,8 +9117,8 @@ class BasicStepComponent extends BaseStepComponent {
9117
9117
  const finalStatus = isSuccess ? 'success' : 'failed';
9118
9118
  // First entry: value/description
9119
9119
  const valueDescription = subStep.text || subStep.description || (isSuccess
9120
- ? `AI auto-heal successful. New locator: ${value}`
9121
- : `AI auto-heal failed for element: ${value}`);
9120
+ ? `AI auto-heal completed successfully`
9121
+ : `AI auto-heal failed`);
9122
9122
  this.processedSubSteps.push(Object.assign(Object.assign({}, subStep), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
9123
9123
  // Second entry: reasoning (only if present)
9124
9124
  if (reasoning) {
@@ -9152,7 +9152,7 @@ class BasicStepComponent extends BaseStepComponent {
9152
9152
  }
9153
9153
  }
9154
9154
  processSubStepsForRunResult() {
9155
- var _a, _b, _c, _d;
9155
+ var _a, _b, _c, _d, _e, _f, _g, _h;
9156
9156
  const allSubSteps = (this.subSteps || []);
9157
9157
  this.processedSubStepsForRunResult = [];
9158
9158
  for (const subStep of allSubSteps) {
@@ -9166,8 +9166,8 @@ class BasicStepComponent extends BaseStepComponent {
9166
9166
  const finalStatus = isSuccess ? 'success' : 'failed';
9167
9167
  // First entry: value/description
9168
9168
  const valueDescription = (isSuccess
9169
- ? `AI auto-heal successful. New locator: ${value}`
9170
- : `AI auto-heal failed for element: ${value}`);
9169
+ ? `AI auto-heal completed successfully`
9170
+ : `AI auto-heal failed`);
9171
9171
  this.processedSubStepsForRunResult.push(Object.assign(Object.assign({}, subStep), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
9172
9172
  // Second entry: reasoning (only if present)
9173
9173
  if (reasoning) {
@@ -9175,8 +9175,17 @@ class BasicStepComponent extends BaseStepComponent {
9175
9175
  }
9176
9176
  }
9177
9177
  else {
9178
- // All other logs pass through as-is
9179
- this.processedSubStepsForRunResult.push(subStep);
9178
+ const status = ((_e = subStep === null || subStep === void 0 ? void 0 : subStep.status) !== null && _e !== void 0 ? _e : '').toString().toLowerCase();
9179
+ const isFailed = status === 'failed' || status === 'failure';
9180
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
9181
+ if (isLocatorStep && isFailed) {
9182
+ const baseDesc = (_h = (_g = (_f = subStep === null || subStep === void 0 ? void 0 : subStep.description) !== null && _f !== void 0 ? _f : subStep === null || subStep === void 0 ? void 0 : subStep.text) !== null && _g !== void 0 ? _g : subStep === null || subStep === void 0 ? void 0 : subStep.title) !== null && _h !== void 0 ? _h : '';
9183
+ const notFoundSuffix = ' - Element not found';
9184
+ this.processedSubStepsForRunResult.push(Object.assign(Object.assign({}, subStep), { description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim()) }));
9185
+ }
9186
+ else {
9187
+ this.processedSubStepsForRunResult.push(subStep);
9188
+ }
9180
9189
  }
9181
9190
  }
9182
9191
  }
@@ -10646,8 +10655,8 @@ class LoopStepComponent extends BaseStepComponent {
10646
10655
  const finalStatus = isSuccess ? 'success' : 'failed';
10647
10656
  // First entry: value/description
10648
10657
  const valueDescription = subStep.text || subStep.description || (isSuccess
10649
- ? `AI auto-heal successful. New locator: ${value}`
10650
- : `AI auto-heal failed for element: ${value}`);
10658
+ ? `AI auto-heal completed successfully`
10659
+ : `AI auto-heal failed`);
10651
10660
  this.processedSubSteps.push(Object.assign(Object.assign({}, subStep), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
10652
10661
  // Second entry: reasoning (only if present)
10653
10662
  if (reasoning) {
@@ -10681,7 +10690,7 @@ class LoopStepComponent extends BaseStepComponent {
10681
10690
  }
10682
10691
  }
10683
10692
  processSubStepsForRunResult() {
10684
- var _a, _b, _c, _d;
10693
+ var _a, _b, _c, _d, _e, _f, _g, _h;
10685
10694
  if (!this.selectedIteration || !this.selectedIteration.subSteps) {
10686
10695
  this.processedSubStepsForRunResult = [];
10687
10696
  return;
@@ -10699,8 +10708,8 @@ class LoopStepComponent extends BaseStepComponent {
10699
10708
  const finalStatus = isSuccess ? 'success' : 'failed';
10700
10709
  // First entry: value/description
10701
10710
  const valueDescription = (isSuccess
10702
- ? `AI auto-heal successful. New locator: ${value}`
10703
- : `AI auto-heal failed for element: ${value}`);
10711
+ ? `AI auto-heal completed successfully`
10712
+ : `AI auto-heal failed`);
10704
10713
  this.processedSubStepsForRunResult.push(Object.assign(Object.assign({}, subStep), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
10705
10714
  // Second entry: reasoning (only if present)
10706
10715
  if (reasoning) {
@@ -10708,8 +10717,17 @@ class LoopStepComponent extends BaseStepComponent {
10708
10717
  }
10709
10718
  }
10710
10719
  else {
10711
- // All other logs pass through as-is
10712
- this.processedSubStepsForRunResult.push(subStep);
10720
+ const status = ((_e = subStep === null || subStep === void 0 ? void 0 : subStep.status) !== null && _e !== void 0 ? _e : '').toString().toLowerCase();
10721
+ const isFailed = status === 'failed' || status === 'failure';
10722
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
10723
+ if (isLocatorStep && isFailed) {
10724
+ const baseDesc = (_h = (_g = (_f = subStep === null || subStep === void 0 ? void 0 : subStep.description) !== null && _f !== void 0 ? _f : subStep === null || subStep === void 0 ? void 0 : subStep.text) !== null && _g !== void 0 ? _g : subStep === null || subStep === void 0 ? void 0 : subStep.title) !== null && _h !== void 0 ? _h : '';
10725
+ const notFoundSuffix = ' - Element not found';
10726
+ this.processedSubStepsForRunResult.push(Object.assign(Object.assign({}, subStep), { description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim()) }));
10727
+ }
10728
+ else {
10729
+ this.processedSubStepsForRunResult.push(subStep);
10730
+ }
10713
10731
  }
10714
10732
  }
10715
10733
  }
@@ -12762,8 +12780,8 @@ class ApiStepComponent extends BaseStepComponent {
12762
12780
  const finalStatus = isSuccess ? 'success' : 'failed';
12763
12781
  // First entry: value/description
12764
12782
  const valueDescription = action.text || action.description || (isSuccess
12765
- ? `AI auto-heal successful. New locator: ${value}`
12766
- : `AI auto-heal failed for element: ${value}`);
12783
+ ? `AI auto-heal completed successfully`
12784
+ : `AI auto-heal failed`);
12767
12785
  this.processedInitialActions.push(Object.assign(Object.assign({}, action), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
12768
12786
  // Second entry: reasoning (only if present)
12769
12787
  if (reasoning) {
@@ -12810,7 +12828,7 @@ class ApiStepComponent extends BaseStepComponent {
12810
12828
  }
12811
12829
  }
12812
12830
  processInitialActionsForRunResult() {
12813
- var _a, _b, _c, _d;
12831
+ var _a, _b, _c, _d, _e, _f, _g, _h;
12814
12832
  const allInitialActions = (this.initialActions || []);
12815
12833
  this.processedInitialActionsForRunResult = [];
12816
12834
  for (const action of allInitialActions) {
@@ -12824,8 +12842,8 @@ class ApiStepComponent extends BaseStepComponent {
12824
12842
  const finalStatus = isSuccess ? 'success' : 'failed';
12825
12843
  // First entry: value/description
12826
12844
  const valueDescription = (isSuccess
12827
- ? `AI auto-heal successful. New locator: ${value}`
12828
- : `AI auto-heal failed for element: ${value}`);
12845
+ ? `AI auto-heal completed successfully`
12846
+ : `AI auto-heal failed`);
12829
12847
  this.processedInitialActionsForRunResult.push(Object.assign(Object.assign({}, action), { description: valueDescription, value: value, reasoning: null, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
12830
12848
  // Second entry: reasoning (only if present)
12831
12849
  if (reasoning) {
@@ -12833,8 +12851,17 @@ class ApiStepComponent extends BaseStepComponent {
12833
12851
  }
12834
12852
  }
12835
12853
  else {
12836
- // All other logs pass through as-is
12837
- this.processedInitialActionsForRunResult.push(action);
12854
+ const status = ((_e = action === null || action === void 0 ? void 0 : action.status) !== null && _e !== void 0 ? _e : '').toString().toLowerCase();
12855
+ const isFailed = status === 'failed' || status === 'failure';
12856
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
12857
+ if (isLocatorStep && isFailed) {
12858
+ const baseDesc = (_h = (_g = (_f = action === null || action === void 0 ? void 0 : action.description) !== null && _f !== void 0 ? _f : action === null || action === void 0 ? void 0 : action.text) !== null && _g !== void 0 ? _g : action === null || action === void 0 ? void 0 : action.title) !== null && _h !== void 0 ? _h : '';
12859
+ const notFoundSuffix = ' - Element not found';
12860
+ this.processedInitialActionsForRunResult.push(Object.assign(Object.assign({}, action), { description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim()) }));
12861
+ }
12862
+ else {
12863
+ this.processedInitialActionsForRunResult.push(action);
12864
+ }
12838
12865
  }
12839
12866
  }
12840
12867
  }
@@ -13514,8 +13541,8 @@ class LiveExecutionStepComponent extends BaseStepComponent {
13514
13541
  const finalStatus = isSuccess ? 'success' : 'failed';
13515
13542
  // First entry: value/description
13516
13543
  const valueDescription = subStep.text || subStep.description || (isSuccess
13517
- ? `AI auto-heal successful. New locator: ${value}`
13518
- : `AI auto-heal failed for element: ${value}`);
13544
+ ? `AI auto-heal completed successfully`
13545
+ : `AI auto-heal failed`);
13519
13546
  this.processedSubSteps.push(Object.assign(Object.assign({}, subStep), { text: valueDescription, description: valueDescription, value: value, reasoning: null, isRunning: false, status: finalStatus, uiType: 'AI_AUTO_HEAL_VALUE', type: 'AI_AUTO_HEAL_VALUE', duration: baseDuration, isAiAutoHealResult: true }));
13520
13547
  // Second entry: reasoning (only if present)
13521
13548
  if (reasoning) {