@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.
@@ -6522,7 +6522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
6522
6522
  class AiLogsWithReasoningComponent extends BaseStepComponent {
6523
6523
  ngOnInit() { }
6524
6524
  get displayText() {
6525
- return this.text || this.description || '';
6525
+ return this.description || this.text || '';
6526
6526
  }
6527
6527
  get hasReasoning() {
6528
6528
  return !!this.reasoning;
@@ -6536,10 +6536,10 @@ class AiLogsWithReasoningComponent extends BaseStepComponent {
6536
6536
  }
6537
6537
  }
6538
6538
  AiLogsWithReasoningComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AiLogsWithReasoningComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
6539
- 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"] }] });
6539
+ 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"] }] });
6540
6540
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AiLogsWithReasoningComponent, decorators: [{
6541
6541
  type: Component,
6542
- 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: [] }]
6542
+ 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: [] }]
6543
6543
  }], propDecorators: { status: [{
6544
6544
  type: Input
6545
6545
  }], text: [{
@@ -9037,8 +9037,8 @@ class BasicStepComponent extends BaseStepComponent {
9037
9037
  const finalStatus = isSuccess ? 'success' : 'failed';
9038
9038
  // First entry: value/description
9039
9039
  const valueDescription = subStep.text || subStep.description || (isSuccess
9040
- ? `AI auto-heal successful. New locator: ${value}`
9041
- : `AI auto-heal failed for element: ${value}`);
9040
+ ? `AI auto-heal completed successfully`
9041
+ : `AI auto-heal failed`);
9042
9042
  this.processedSubSteps.push({
9043
9043
  ...subStep,
9044
9044
  description: valueDescription,
@@ -9105,8 +9105,8 @@ class BasicStepComponent extends BaseStepComponent {
9105
9105
  const finalStatus = isSuccess ? 'success' : 'failed';
9106
9106
  // First entry: value/description
9107
9107
  const valueDescription = (isSuccess
9108
- ? `AI auto-heal successful. New locator: ${value}`
9109
- : `AI auto-heal failed for element: ${value}`);
9108
+ ? `AI auto-heal completed successfully`
9109
+ : `AI auto-heal failed`);
9110
9110
  this.processedSubStepsForRunResult.push({
9111
9111
  ...subStep,
9112
9112
  description: valueDescription,
@@ -9134,8 +9134,20 @@ class BasicStepComponent extends BaseStepComponent {
9134
9134
  }
9135
9135
  }
9136
9136
  else {
9137
- // All other logs pass through as-is
9138
- this.processedSubStepsForRunResult.push(subStep);
9137
+ const status = (subStep?.status ?? '').toString().toLowerCase();
9138
+ const isFailed = status === 'failed' || status === 'failure';
9139
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
9140
+ if (isLocatorStep && isFailed) {
9141
+ const baseDesc = subStep?.description ?? subStep?.text ?? subStep?.title ?? '';
9142
+ const notFoundSuffix = ' - Element not found';
9143
+ this.processedSubStepsForRunResult.push({
9144
+ ...subStep,
9145
+ description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim())
9146
+ });
9147
+ }
9148
+ else {
9149
+ this.processedSubStepsForRunResult.push(subStep);
9150
+ }
9139
9151
  }
9140
9152
  }
9141
9153
  }
@@ -10625,8 +10637,8 @@ class LoopStepComponent extends BaseStepComponent {
10625
10637
  const finalStatus = isSuccess ? 'success' : 'failed';
10626
10638
  // First entry: value/description
10627
10639
  const valueDescription = subStep.text || subStep.description || (isSuccess
10628
- ? `AI auto-heal successful. New locator: ${value}`
10629
- : `AI auto-heal failed for element: ${value}`);
10640
+ ? `AI auto-heal completed successfully`
10641
+ : `AI auto-heal failed`);
10630
10642
  this.processedSubSteps.push({
10631
10643
  ...subStep,
10632
10644
  description: valueDescription,
@@ -10697,8 +10709,8 @@ class LoopStepComponent extends BaseStepComponent {
10697
10709
  const finalStatus = isSuccess ? 'success' : 'failed';
10698
10710
  // First entry: value/description
10699
10711
  const valueDescription = (isSuccess
10700
- ? `AI auto-heal successful. New locator: ${value}`
10701
- : `AI auto-heal failed for element: ${value}`);
10712
+ ? `AI auto-heal completed successfully`
10713
+ : `AI auto-heal failed`);
10702
10714
  this.processedSubStepsForRunResult.push({
10703
10715
  ...subStep,
10704
10716
  description: valueDescription,
@@ -10726,8 +10738,20 @@ class LoopStepComponent extends BaseStepComponent {
10726
10738
  }
10727
10739
  }
10728
10740
  else {
10729
- // All other logs pass through as-is
10730
- this.processedSubStepsForRunResult.push(subStep);
10741
+ const status = (subStep?.status ?? '').toString().toLowerCase();
10742
+ const isFailed = status === 'failed' || status === 'failure';
10743
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
10744
+ if (isLocatorStep && isFailed) {
10745
+ const baseDesc = subStep?.description ?? subStep?.text ?? subStep?.title ?? '';
10746
+ const notFoundSuffix = ' - Element not found';
10747
+ this.processedSubStepsForRunResult.push({
10748
+ ...subStep,
10749
+ description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim())
10750
+ });
10751
+ }
10752
+ else {
10753
+ this.processedSubStepsForRunResult.push(subStep);
10754
+ }
10731
10755
  }
10732
10756
  }
10733
10757
  }
@@ -12787,8 +12811,8 @@ class ApiStepComponent extends BaseStepComponent {
12787
12811
  const finalStatus = isSuccess ? 'success' : 'failed';
12788
12812
  // First entry: value/description
12789
12813
  const valueDescription = action.text || action.description || (isSuccess
12790
- ? `AI auto-heal successful. New locator: ${value}`
12791
- : `AI auto-heal failed for element: ${value}`);
12814
+ ? `AI auto-heal completed successfully`
12815
+ : `AI auto-heal failed`);
12792
12816
  this.processedInitialActions.push({
12793
12817
  ...action,
12794
12818
  description: valueDescription,
@@ -12867,8 +12891,8 @@ class ApiStepComponent extends BaseStepComponent {
12867
12891
  const finalStatus = isSuccess ? 'success' : 'failed';
12868
12892
  // First entry: value/description
12869
12893
  const valueDescription = (isSuccess
12870
- ? `AI auto-heal successful. New locator: ${value}`
12871
- : `AI auto-heal failed for element: ${value}`);
12894
+ ? `AI auto-heal completed successfully`
12895
+ : `AI auto-heal failed`);
12872
12896
  this.processedInitialActionsForRunResult.push({
12873
12897
  ...action,
12874
12898
  description: valueDescription,
@@ -12896,8 +12920,20 @@ class ApiStepComponent extends BaseStepComponent {
12896
12920
  }
12897
12921
  }
12898
12922
  else {
12899
- // All other logs pass through as-is
12900
- this.processedInitialActionsForRunResult.push(action);
12923
+ const status = (action?.status ?? '').toString().toLowerCase();
12924
+ const isFailed = status === 'failed' || status === 'failure';
12925
+ const isLocatorStep = uiType === 'WAIT_FOR_LOCATOR' || uiType === 'FIND_LOCATOR' || uiType === 'LOCATOR_FOUND';
12926
+ if (isLocatorStep && isFailed) {
12927
+ const baseDesc = action?.description ?? action?.text ?? action?.title ?? '';
12928
+ const notFoundSuffix = ' - Element not found';
12929
+ this.processedInitialActionsForRunResult.push({
12930
+ ...action,
12931
+ description: (baseDesc ? baseDesc + notFoundSuffix : notFoundSuffix.trim())
12932
+ });
12933
+ }
12934
+ else {
12935
+ this.processedInitialActionsForRunResult.push(action);
12936
+ }
12901
12937
  }
12902
12938
  }
12903
12939
  }
@@ -13583,8 +13619,8 @@ class LiveExecutionStepComponent extends BaseStepComponent {
13583
13619
  const finalStatus = isSuccess ? 'success' : 'failed';
13584
13620
  // First entry: value/description
13585
13621
  const valueDescription = subStep.text || subStep.description || (isSuccess
13586
- ? `AI auto-heal successful. New locator: ${value}`
13587
- : `AI auto-heal failed for element: ${value}`);
13622
+ ? `AI auto-heal completed successfully`
13623
+ : `AI auto-heal failed`);
13588
13624
  this.processedSubSteps.push({
13589
13625
  ...subStep,
13590
13626
  text: valueDescription,