@cqa-lib/cqa-ui 1.1.269 → 1.1.270

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -9161,6 +9161,7 @@ class BasicStepComponent extends BaseStepComponent {
                     remainingSeconds: timeoutSeconds,
                     status: 'running'
                 };
+                this.addDurationToWaitLocatorGroupEntry(subStep);
                 this.processedSubSteps.push(this.waitLocatorGroupEntry);
                 // Tick down every second
                 this.countdownIntervalId = setInterval(() => {
@@ -9190,6 +9191,7 @@ class BasicStepComponent extends BaseStepComponent {
                     const newText = subStep.description || subStep.text || subStep.title;
                     if (newText)
                         this.waitLocatorGroupEntry.description = newText;
+                    this.addDurationToWaitLocatorGroupEntry(subStep);
                 }
                 else {
                     // No active group – push FIND_LOCATOR normally once countdown is cleared
@@ -9213,6 +9215,7 @@ class BasicStepComponent extends BaseStepComponent {
                         if (newText)
                             this.waitLocatorGroupEntry.description = newText;
                         this.waitLocatorGroupEntry.status = 'success';
+                        this.addDurationToWaitLocatorGroupEntry(subStep);
                         this.waitLocatorGroupEntry.remainingSeconds = null;
                         this.clearCountdownTimer();
                         this.waitLocatorGroupEntry = null;
@@ -9314,6 +9317,33 @@ class BasicStepComponent extends BaseStepComponent {
             this.countdownIntervalId = null;
         }
     }
+    addDurationToWaitLocatorGroupEntry(subStep) {
+        if (!this.waitLocatorGroupEntry) {
+            return;
+        }
+        const rawDuration = subStep?.duration;
+        let delta = 0;
+        if (typeof rawDuration === 'number') {
+            delta = rawDuration;
+        }
+        else if (typeof rawDuration === 'string' && rawDuration.trim() !== '') {
+            const parsed = parseFloat(rawDuration);
+            delta = Number.isFinite(parsed) ? parsed : 0;
+        }
+        if (delta <= 0) {
+            return;
+        }
+        const currentRaw = this.waitLocatorGroupEntry.duration;
+        let current = 0;
+        if (typeof currentRaw === 'number') {
+            current = currentRaw;
+        }
+        else if (typeof currentRaw === 'string' && currentRaw.trim() !== '') {
+            const parsedCurrent = parseFloat(currentRaw);
+            current = Number.isFinite(parsedCurrent) ? parsedCurrent : 0;
+        }
+        this.waitLocatorGroupEntry.duration = current + delta;
+    }
     processSubStepsForRunResult() {
         const allSubSteps = (this.subSteps || []);
         this.processedSubStepsForRunResult = [];
@@ -10787,6 +10817,7 @@ class LoopStepComponent extends BaseStepComponent {
                     remainingSeconds: timeoutSeconds,
                     status: 'running'
                 };
+                this.addDurationToWaitLocatorGroupEntry(subStep);
                 this.processedSubSteps.push(this.waitLocatorGroupEntry);
                 // Tick down every second
                 this.countdownIntervalId = setInterval(() => {
@@ -10816,6 +10847,7 @@ class LoopStepComponent extends BaseStepComponent {
                     const newText = subStep.description || subStep.text || subStep.title;
                     if (newText)
                         this.waitLocatorGroupEntry.description = newText;
+                    this.addDurationToWaitLocatorGroupEntry(subStep);
                 }
                 else {
                     // No active group – push FIND_LOCATOR normally once countdown is cleared
@@ -10839,6 +10871,7 @@ class LoopStepComponent extends BaseStepComponent {
                         if (newText)
                             this.waitLocatorGroupEntry.description = newText;
                         this.waitLocatorGroupEntry.status = 'success';
+                        this.addDurationToWaitLocatorGroupEntry(subStep);
                         this.waitLocatorGroupEntry.remainingSeconds = null;
                         this.clearCountdownTimer();
                         this.waitLocatorGroupEntry = null;
@@ -10940,6 +10973,33 @@ class LoopStepComponent extends BaseStepComponent {
             this.countdownIntervalId = null;
         }
     }
+    addDurationToWaitLocatorGroupEntry(subStep) {
+        if (!this.waitLocatorGroupEntry) {
+            return;
+        }
+        const rawDuration = subStep?.duration;
+        let delta = 0;
+        if (typeof rawDuration === 'number') {
+            delta = rawDuration;
+        }
+        else if (typeof rawDuration === 'string' && rawDuration.trim() !== '') {
+            const parsed = parseFloat(rawDuration);
+            delta = Number.isFinite(parsed) ? parsed : 0;
+        }
+        if (delta <= 0) {
+            return;
+        }
+        const currentRaw = this.waitLocatorGroupEntry.duration;
+        let current = 0;
+        if (typeof currentRaw === 'number') {
+            current = currentRaw;
+        }
+        else if (typeof currentRaw === 'string' && currentRaw.trim() !== '') {
+            const parsedCurrent = parseFloat(currentRaw);
+            current = Number.isFinite(parsedCurrent) ? parsedCurrent : 0;
+        }
+        this.waitLocatorGroupEntry.duration = current + delta;
+    }
     processSubStepsForRunResult() {
         if (!this.selectedIteration || !this.selectedIteration.subSteps) {
             this.processedSubStepsForRunResult = [];
@@ -13005,6 +13065,7 @@ class ApiStepComponent extends BaseStepComponent {
                     remainingSeconds: timeoutSeconds,
                     status: 'running'
                 };
+                this.addDurationToWaitLocatorGroupEntry(action);
                 this.processedInitialActions.push(this.waitLocatorGroupEntry);
                 // Tick down every second
                 this.countdownIntervalId = setInterval(() => {
@@ -13034,6 +13095,7 @@ class ApiStepComponent extends BaseStepComponent {
                     const newText = action.description || action.text || action.title;
                     if (newText)
                         this.waitLocatorGroupEntry.description = newText;
+                    this.addDurationToWaitLocatorGroupEntry(action);
                 }
                 else {
                     // No active group – push FIND_LOCATOR normally once countdown is cleared
@@ -13057,6 +13119,7 @@ class ApiStepComponent extends BaseStepComponent {
                         if (newText)
                             this.waitLocatorGroupEntry.description = newText;
                         this.waitLocatorGroupEntry.status = 'success';
+                        this.addDurationToWaitLocatorGroupEntry(action);
                         this.waitLocatorGroupEntry.remainingSeconds = null;
                         this.clearCountdownTimer();
                         this.waitLocatorGroupEntry = null;
@@ -13158,6 +13221,33 @@ class ApiStepComponent extends BaseStepComponent {
             this.countdownIntervalId = null;
         }
     }
+    addDurationToWaitLocatorGroupEntry(action) {
+        if (!this.waitLocatorGroupEntry) {
+            return;
+        }
+        const rawDuration = action?.duration;
+        let delta = 0;
+        if (typeof rawDuration === 'number') {
+            delta = rawDuration;
+        }
+        else if (typeof rawDuration === 'string' && rawDuration.trim() !== '') {
+            const parsed = parseFloat(rawDuration);
+            delta = Number.isFinite(parsed) ? parsed : 0;
+        }
+        if (delta <= 0) {
+            return;
+        }
+        const currentRaw = this.waitLocatorGroupEntry.duration;
+        let current = 0;
+        if (typeof currentRaw === 'number') {
+            current = currentRaw;
+        }
+        else if (typeof currentRaw === 'string' && currentRaw.trim() !== '') {
+            const parsedCurrent = parseFloat(currentRaw);
+            current = Number.isFinite(parsedCurrent) ? parsedCurrent : 0;
+        }
+        this.waitLocatorGroupEntry.duration = current + delta;
+    }
     onJumpToTimestamp(event) {
         event.stopPropagation();
         if (this.jumpToTimestampHandler && this.step?.executedResult?.video_start_time !== undefined && this.step?.executedResult?.video_start_time !== null) {
@@ -13822,6 +13912,7 @@ class LiveExecutionStepComponent extends BaseStepComponent {
                     remainingSeconds: timeoutSeconds,
                     status: 'pending'
                 };
+                this.addDurationToWaitLocatorGroupEntry(subStep);
                 this.processedSubSteps.push(this.waitLocatorGroupEntry);
                 // Tick down every second
                 this.countdownIntervalId = setInterval(() => {
@@ -13852,6 +13943,7 @@ class LiveExecutionStepComponent extends BaseStepComponent {
                     const newText = subStep.text || subStep.description || subStep.title;
                     if (newText)
                         this.waitLocatorGroupEntry.text = newText;
+                    this.addDurationToWaitLocatorGroupEntry(subStep);
                 }
                 else {
                     // No active group – push FIND_LOCATOR normally once countdown is cleared
@@ -13876,6 +13968,7 @@ class LiveExecutionStepComponent extends BaseStepComponent {
                             this.waitLocatorGroupEntry.text = newText;
                         this.waitLocatorGroupEntry.isRunning = false;
                         this.waitLocatorGroupEntry.status = 'success';
+                        this.addDurationToWaitLocatorGroupEntry(subStep);
                         this.waitLocatorGroupEntry.remainingSeconds = null;
                         this.clearCountdownTimer();
                         this.waitLocatorGroupEntry = null;
@@ -13985,6 +14078,33 @@ class LiveExecutionStepComponent extends BaseStepComponent {
             this.countdownIntervalId = null;
         }
     }
+    addDurationToWaitLocatorGroupEntry(subStep) {
+        if (!this.waitLocatorGroupEntry) {
+            return;
+        }
+        const rawDuration = subStep?.duration;
+        let delta = 0;
+        if (typeof rawDuration === 'number') {
+            delta = rawDuration;
+        }
+        else if (typeof rawDuration === 'string' && rawDuration.trim() !== '') {
+            const parsed = parseFloat(rawDuration);
+            delta = Number.isFinite(parsed) ? parsed : 0;
+        }
+        if (delta <= 0) {
+            return;
+        }
+        const currentRaw = this.waitLocatorGroupEntry.duration;
+        let current = 0;
+        if (typeof currentRaw === 'number') {
+            current = currentRaw;
+        }
+        else if (typeof currentRaw === 'string' && currentRaw.trim() !== '') {
+            const parsedCurrent = parseFloat(currentRaw);
+            current = Number.isFinite(parsedCurrent) ? parsedCurrent : 0;
+        }
+        this.waitLocatorGroupEntry.duration = current + delta;
+    }
 }
 LiveExecutionStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LiveExecutionStepComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 LiveExecutionStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: LiveExecutionStepComponent, selector: "cqa-live-execution-step", inputs: { id: "id", testStepResultId: "testStepResultId", stepNumber: "stepNumber", title: "title", status: "status", isDebug: "isDebug", debugPointSet: "debugPointSet", addStepMenuOptions: "addStepMenuOptions", stepMoreMenuOptions: "stepMoreMenuOptions", duration: "duration", expanded: "expanded", subSteps: "subSteps", stepDeleted: "stepDeleted" }, outputs: { debugPointChange: "debugPointChange", editStep: "editStep", addStepOptionSelect: "addStepOptionSelect", stepMoreOptionSelect: "stepMoreOptionSelect" }, host: { classAttribute: "cqa-ui-root cqa-w-full" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"cqa-font-inter cqa-w-full\">\n  <!-- Header -->\n  <div\n    class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-p-2 cqa-cursor-pointer\"\n    (click)=\"toggle()\"\n    style=\"border-bottom: '1px solid #F3F4F6'\"\n    >\n    <div *ngIf=\"showDebugIcon\" class=\"cqa-flex cqa-items-center cqa-justify-center\">\n      <button type=\"button\" class=\"cqa-p-0 cqa-border-0 cqa-bg-transparent cqa-cursor-pointer cqa-rounded-full hover:cqa-opacity-80 cqa-transition-opacity focus:cqa-outline-none\" (click)=\"onDebugPointClick($event)\" [attr.aria-label]=\"debugPointSet ? 'Remove debug point' : 'Set debug point'\">\n        <svg *ngIf=\"debugPointSet\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"7\" cy=\"7\" r=\"6\" fill=\"#C63535\"/>\n        </svg>\n        <svg *ngIf=\"!debugPointSet\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"7\" cy=\"7\" r=\"6\" stroke=\"#C63535\" stroke-width=\"1.5\" fill=\"none\"/>\n        </svg>\n      </button>\n    </div>\n    <!-- Status Icon -->\n    <div class=\"cqa-flex cqa-items-center cqa-justify-center\">\n      <!-- Success -->\n      <svg *ngIf=\"status.toLowerCase() === 'success'\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.9005 4.99999C11.1289 6.12064 10.9662 7.28571 10.4395 8.30089C9.91279 9.31608 9.054 10.12 8.00631 10.5787C6.95862 11.0373 5.78536 11.1229 4.6822 10.8212C3.57904 10.5195 2.61265 9.84869 1.94419 8.92071C1.27573 7.99272 0.945611 6.86361 1.00888 5.72169C1.07215 4.57976 1.52499 3.49404 2.29188 2.64558C3.05876 1.79712 4.09334 1.23721 5.22308 1.05922C6.35282 0.881233 7.50944 1.09592 8.50005 1.66749\" stroke=\"#22C55E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.5 5.5L6 7L11 2\" stroke=\"#22C55E\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      <!-- Failed -->\n      <svg *ngIf=\"status.toLowerCase() === 'failure' || status.toLowerCase() === 'failed'\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><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\"/></svg>\n      <!-- Pending -->\n      <svg *ngIf=\"status.toLowerCase() === 'pending'\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><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=\"#9CA3AF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6 3V6L8 7\" stroke=\"#9CA3AF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      <!-- Running - Show spinner -->\n      <svg *ngIf=\"status.toLowerCase() === 'running'\" class=\"cqa-animate-spin cqa-text-[#3B82F6]\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.25\"/>\n        <path d=\"M6 1A5 5 0 0 1 11 6\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"/>\n      </svg>\n      <!-- Skipped -->\n      <span *ngIf=\"status.toLowerCase() === 'skipped'\" class=\"material-symbols-outlined cqa-text-[#9CA3AF] cqa-text-[12px]\">\n        skip_next\n      </span>\n    </div>\n\n    <!-- Step Number and Title -->\n    <div class=\"cqa-font-semibold cqa-flex-1 cqa-text-[#334155] cqa-text-[14px] cqa-leading-[18px] cqa-font-inter cqa-flex cqa-items-center cqa-gap-1\" style=\"word-break: break-word;\">\n      <span>{{ stepNumber }}. <span [innerHTML]=\"title\"></span></span>\n      <span *ngIf=\"config.stepDeleted\" class=\"cqa-px-1.5 cqa-py-[2px] cqa-rounded-[4px] cqa-text-[10px] cqa-leading-[12px] cqa-font-medium cqa-text-[#B42318] cqa-bg-[#FEF3F2] cqa-border cqa-border-[#FEE4E2]\">\n        Deleted\n      </span>\n    </div>\n\n    <div class=\"cqa-flex cqa-items-center cqa-gap-1 cqa-font-inter\">\n      <div *ngIf=\"isDebug\" class=\"cqa-flex cqa-items-center cqa-gap-0.5 cqa-text-[#9CA3AF]\" (click)=\"$event.stopPropagation()\">\n        <button type=\"button\" class=\"cqa-p-0 cqa-border-0 cqa-bg-transparent cqa-cursor-pointer hover:cqa-opacity-80 cqa-transition-opacity focus:cqa-outline-none\" aria-label=\"Edit\" (click)=\"onEditStep($event)\">\n          <mat-icon class=\"!cqa-text-[14px] !cqa-w-[14px] !cqa-h-[14px]\">edit</mat-icon>\n        </button>\n        <button type=\"button\" class=\"cqa-p-0 cqa-border-0 cqa-bg-transparent cqa-cursor-pointer hover:cqa-opacity-80 cqa-transition-opacity focus:cqa-outline-none\" aria-label=\"Add\" [matMenuTriggerFor]=\"addStepMenu\">\n          <mat-icon class=\"!cqa-text-[14px] !cqa-w-[14px] !cqa-h-[14px]\">add</mat-icon>\n        </button>\n        <mat-menu #addStepMenu=\"matMenu\" class=\"cqa-add-step-menu\" xPosition=\"before\" yPosition=\"below\">\n          <button mat-menu-item *ngFor=\"let opt of addStepMenuOptions\" (click)=\"onAddStepOptionSelect(opt, $event)\">{{ opt.label }}</button>\n        </mat-menu>\n        <button type=\"button\" class=\"cqa-p-0 cqa-border-0 cqa-bg-transparent cqa-cursor-pointer hover:cqa-opacity-80 cqa-transition-opacity focus:cqa-outline-none\" aria-label=\"More options\" [matMenuTriggerFor]=\"stepMoreMenu\">\n          <mat-icon class=\"!cqa-text-[14px] !cqa-w-[14px] !cqa-h-[14px]\">more_vert</mat-icon>\n        </button>\n        <mat-menu #stepMoreMenu=\"matMenu\" class=\"cqa-step-more-menu\" xPosition=\"before\" yPosition=\"below\">\n          <button mat-menu-item *ngFor=\"let opt of stepMoreMenuOptions\" (click)=\"onStepMoreOptionSelect(opt, $event)\">{{ opt.label }}</button>\n        </mat-menu>\n      </div>\n      <span class=\"cqa-text-[12px] cqa-leading-[15px] cqa-text-[#9CA3AF] cqa-font-medium\">\n        {{ formatDuration(duration) }}\n      </span>\n      <svg *ngIf=\"hasSubSteps\" [class.cqa-rotate-180]=\"isExpanded\" class=\"cqa-transition-transform\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.5 5L7 8.5L10.5 5\" stroke=\"#9CA3AF\" stroke-width=\"0.833333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n    </div>\n  </div>\n\n  <!-- Expanded Content -->\n  <div *ngIf=\"isExpanded && hasSubSteps\">\n    <!-- Sub-steps -->\n    <div class=\"cqa-flex cqa-flex-col cqa-gap-1 cqa-pt-1 cqa-pl-9\">\n      <!-- Single loop: render all entries in chronological order -->\n      <ng-container *ngFor=\"let subStep of processedSubSteps; trackBy: trackBySubStepId\">\n        <!-- AI_AUTO_HEAL result entries: render with ai-agent-step style -->\n        <cqa-ai-logs-with-reasoning\n          *ngIf=\"subStep.isAiAutoHealResult\"\n          [status]=\"subStep.status\"\n          [text]=\"subStep.text\"\n          [description]=\"subStep.description\"\n          [reasoning]=\"subStep.reasoning\"\n          [duration]=\"subStep.duration\">\n        </cqa-ai-logs-with-reasoning>\n\n        <!-- Regular sub-steps (non-AI_AUTO_HEAL) -->\n        <div\n          *ngIf=\"!subStep.isAiAutoHealResult\"\n          class=\"cqa-flex cqa-items-center cqa-gap-3 cqa-py-[5.5px] cqa-px-3\">\n        \n          <!-- Sub-step Status Icon or Loader -->\n          <div class=\"cqa-flex cqa-items-center cqa-justify-center cqa-w-3 cqa-h-3\">\n            <!-- Loader when running -->\n            <svg *ngIf=\"subStep.isRunning\" class=\"cqa-animate-spin cqa-text-[#3B82F6]\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" opacity=\"0.25\"/>\n              <path d=\"M6 1A5 5 0 0 1 11 6\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"/>\n            </svg>\n            \n            <!-- Success Icon when complete -->\n            <svg *ngIf=\"!subStep.isRunning && (subStep?.status?.toLowerCase() === 'passed' || subStep?.status?.toLowerCase() === 'success')\" 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=\"!subStep.isRunning && subStep?.status?.toLowerCase() === 'failed'\" 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\n          <!-- Sub-step Description (text from socket) with typing animation -->\n          <span class=\"cqa-flex-1 cqa-text-[13px] cqa-leading-[15px] cqa-text-[#364153]\" style=\"word-break: break-word;\">\n            <span style=\"display: inline-flex; align-items: baseline; flex-wrap: wrap;\">\n              <ngx-typed-js \n                *ngIf=\"subStep.isRunning && subStep.text\"\n                [strings]=\"[subStep.text]\"\n                [typeSpeed]=\"30\"\n                [showCursor]=\"false\"\n                [fadeOut]=\"false\"\n                style=\"display: inline;\">\n                <span class=\"typing\"></span>\n              </ngx-typed-js>\n              <span *ngIf=\"!subStep.isRunning\" style=\"display: inline;\">{{ subStep.text }}</span>\n              <!-- Countdown remaining for WAIT_FOR_LOCATOR group -->\n              <span *ngIf=\"subStep.remainingSeconds != null\" class=\"cqa-text-[#F97316] cqa-font-medium cqa-ml-1\" style=\"display: inline;\">({{ subStep.remainingSeconds }}s remaining)</span>\n            </span>\n          </span>\n          <span  class=\"cqa-text-[10px] cqa-leading-[15px] cqa-text-[#6A7282] cqa-font-medium\" style=\"white-space: pre-line;\">\n            {{ formatDuration(subStep.duration || 0) }}\n          </span>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: AiLogsWithReasoningComponent, selector: "cqa-ai-logs-with-reasoning", inputs: ["status", "text", "description", "reasoning", "duration"] }, { type: i4$1.NgxTypedJsComponent, selector: "ngx-typed-js", inputs: ["cursorColor", "strings", "stringsElement", "typeSpeed", "startDelay", "backSpeed", "smartBackspace", "shuffle", "backDelay", "fadeOut", "fadeOutClass", "fadeOutDelay", "loop", "loopCount", "showCursor", "cursorChar", "autoInsertCss", "attr", "bindInputFocusEvents", "contentType"], outputs: ["completed", "preStringTyped", "stringTyped", "lastStringBackspaced", "typingPaused", "typingResumed", "reset", "stopped", "started", "destroyed"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
@@ -18682,6 +18802,7 @@ class DbVerificationStepComponent extends BaseStepComponent {
                     remainingSeconds: timeoutSeconds,
                     status: 'running'
                 };
+                this.addDurationToWaitLocatorGroupEntry(subStep);
                 this.processedSubSteps.push(this.waitLocatorGroupEntry);
                 this.countdownIntervalId = setInterval(() => {
                     if (this.waitLocatorGroupEntry) {
@@ -18708,6 +18829,7 @@ class DbVerificationStepComponent extends BaseStepComponent {
                     const newText = subStep.description || subStep.text || subStep.title;
                     if (newText)
                         this.waitLocatorGroupEntry.description = newText;
+                    this.addDurationToWaitLocatorGroupEntry(subStep);
                 }
                 else {
                     this.processedSubSteps.push({ ...subStep });
@@ -18728,6 +18850,7 @@ class DbVerificationStepComponent extends BaseStepComponent {
                         if (newText)
                             this.waitLocatorGroupEntry.description = newText;
                         this.waitLocatorGroupEntry.status = 'success';
+                        this.addDurationToWaitLocatorGroupEntry(subStep);
                         this.waitLocatorGroupEntry.remainingSeconds = null;
                         this.clearCountdownTimer();
                         this.waitLocatorGroupEntry = null;
@@ -18821,6 +18944,33 @@ class DbVerificationStepComponent extends BaseStepComponent {
             this.countdownIntervalId = null;
         }
     }
+    addDurationToWaitLocatorGroupEntry(subStep) {
+        if (!this.waitLocatorGroupEntry) {
+            return;
+        }
+        const rawDuration = subStep?.duration;
+        let delta = 0;
+        if (typeof rawDuration === 'number') {
+            delta = rawDuration;
+        }
+        else if (typeof rawDuration === 'string' && rawDuration.trim() !== '') {
+            const parsed = parseFloat(rawDuration);
+            delta = Number.isFinite(parsed) ? parsed : 0;
+        }
+        if (delta <= 0) {
+            return;
+        }
+        const currentRaw = this.waitLocatorGroupEntry.duration;
+        let current = 0;
+        if (typeof currentRaw === 'number') {
+            current = currentRaw;
+        }
+        else if (typeof currentRaw === 'string' && currentRaw.trim() !== '') {
+            const parsedCurrent = parseFloat(currentRaw);
+            current = Number.isFinite(parsedCurrent) ? parsedCurrent : 0;
+        }
+        this.waitLocatorGroupEntry.duration = current + delta;
+    }
     processSubStepsForRunResult() {
         const allSubSteps = (this.subSteps || []);
         this.processedSubStepsForRunResult = [];