UI: Fix time display issue on runs table

Author: aarthy-dk

observability_ui/apps/shell/src/app/projects/runs/runs-table/run-time/run-time.component.html

@@ -23,6 +23,6 @@
 </small>
 
 <ng-template #tooltipTpl>
-  <div>Late by: {{actual | duration:expected}}</div>
+  <div>Late by: {{(actual || currentTime) | duration:expected}}</div>
   <div>Expected: {{expected | parseDate | date:"MMM d, h:mm:ss a"}}</div>
 </ng-template>

observability_ui/apps/shell/src/app/projects/runs/runs-table/run-time/run-time.component.ts

@@ -19,6 +19,11 @@ export class RunTimeComponent {
   @Input() iconLabel: string;
 
   private _actual = signal<string | null>(null);
+  get actual() {
+    return this._actual();
+  }
+
+  currentTime = new Date()
 
   time = computed(() => {
     return this._actual() || this.expected;