@nvent-addon/app 0.5.4 → 0.5.6

package/dist/runtime/app/components/flow/RunOverview.vue

@@ -1,83 +1,28 @@
 <template>
   <div class="flex flex-col h-full w-full max-w-full min-w-0">
     <!-- Fixed Header with Run Stats -->
-    <div class="px-6 py-[17px] border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 shrink-0">
-      <div class="flex items-center justify-between gap-4 text-xs">
-        <div class="flex items-center gap-4">
-          <!-- Status -->
-          <div class="flex items-center gap-1.5">
-            <div
-              class="w-1.5 h-1.5 rounded-full"
-              :class="getStatusColor(runStatus)"
-            />
-            <span class="text-gray-700 dark:text-gray-300 font-medium capitalize">
-              {{ runStatus || "unknown" }}
-            </span>
-          </div>
-
-          <!-- Divider -->
-          <div class="w-px h-3 bg-gray-300 dark:bg-gray-700" />
-
-          <!-- Entry Trigger -->
+    <div class="h-[72px] px-6 py-3 border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 shrink-0">
+      <!-- Top Row: Status and Action -->
+      <div class="flex items-center justify-between gap-4 mb-2">
+        <div class="flex items-center gap-2">
           <div
+            class="w-2 h-2 rounded-full"
+            :class="getStatusColor(runStatus)"
+          />
+          <span class="text-sm font-semibold text-gray-900 dark:text-gray-100 capitalize">
+            {{ runStatus || "unknown" }}
+          </span>
+          <span
             v-if="triggerName"
-            class="flex items-center gap-1.5"
+            class="text-xs text-gray-500 dark:text-gray-400 ml-1"
           >
-            <UIcon
-              :name="getTriggerIcon(triggerType)"
-              class="w-3 h-3 text-gray-500"
-            />
-            <span class="text-gray-700 dark:text-gray-300">
-              {{ triggerName }}
-            </span>
-          </div>
-
-          <!-- Divider -->
-          <div class="w-px h-3 bg-gray-300 dark:bg-gray-700" />
-
-          <!-- Total Steps -->
-          <div class="flex items-center gap-1.5">
-            <UIcon
-              name="i-lucide-layers"
-              class="w-3 h-3 text-gray-500"
-            />
-            <span class="text-gray-700 dark:text-gray-300">
-              {{ steps.length }} {{ steps.length === 1 ? "step" : "steps" }}
-            </span>
-          </div>
-
-          <!-- Divider -->
-          <div class="w-px h-3 bg-gray-300 dark:bg-gray-700" />
-
-          <!-- Started -->
-          <div class="flex items-center gap-1.5">
-            <UIcon
-              name="i-lucide-clock"
-              class="w-3 h-3 text-gray-500"
-            />
-            <span class="text-gray-600 dark:text-gray-400">
-              {{ startedAt ? formatTime(startedAt) : "Not started" }}
-            </span>
-          </div>
-
-          <!-- Divider -->
-          <div class="w-px h-3 bg-gray-300 dark:bg-gray-700" />
-
-          <!-- Duration -->
-          <div class="flex items-center gap-1.5">
-            <UIcon
-              name="i-lucide-timer"
-              class="w-3 h-3 text-gray-500"
-            />
-            <span class="text-gray-600 dark:text-gray-400">
-              {{ getDuration(startedAt, completedAt) }}
-            </span>
-          </div>
+            via {{ triggerName }}
+          </span>
         </div>
 
-        <!-- Cancel Button (only show for running flows) -->
+        <!-- Cancel Button (only show for running/awaiting flows) -->
         <UButton
-          v-if="runStatus === 'running'"
+          v-if="runStatus === 'running' || runStatus === 'awaiting'"
           color="neutral"
           variant="ghost"
           icon="i-lucide-x-circle"
@@ -86,6 +31,56 @@
           @click="handleCancelFlow"
         />
       </div>
+
+      <!-- Bottom Row: Compact Stats Grid -->
+      <div class="grid grid-cols-2 sm:grid-cols-4 gap-x-4 gap-y-1.5 text-xs">
+        <!-- Steps -->
+        <div class="flex items-center gap-1.5">
+          <UIcon
+            name="i-lucide-layers"
+            class="w-3.5 h-3.5 text-gray-400"
+          />
+          <span class="text-gray-600 dark:text-gray-300">
+            {{ steps.length }} {{ steps.length === 1 ? "step" : "steps" }}
+          </span>
+        </div>
+
+        <!-- Started -->
+        <div class="flex items-center gap-1.5">
+          <UIcon
+            name="i-lucide-clock"
+            class="w-3.5 h-3.5 text-gray-400"
+          />
+          <span class="text-gray-600 dark:text-gray-300">
+            {{ startedAt ? formatTime(startedAt) : "Not started" }}
+          </span>
+        </div>
+
+        <!-- Duration -->
+        <div class="flex items-center gap-1.5">
+          <UIcon
+            name="i-lucide-timer"
+            class="w-3.5 h-3.5 text-gray-400"
+          />
+          <span class="text-gray-600 dark:text-gray-300">
+            {{ getDuration(startedAt, completedAt) }}
+          </span>
+        </div>
+
+        <!-- Stall Warning (for running/awaiting flows) -->
+        <div
+          v-if="(runStatus === 'running' || runStatus === 'awaiting') && stallTimeout"
+          class="flex items-center gap-1.5"
+        >
+          <UIcon
+            name="i-lucide-alert-triangle"
+            class="w-3.5 h-3.5 text-amber-500"
+          />
+          <span class="text-gray-600 dark:text-gray-300">
+            Stall in {{ formatStallTimeout(startedAt, stallTimeout) }}
+          </span>
+        </div>
+      </div>
     </div>
 
     <!-- Scrollable Steps List -->
@@ -122,14 +117,15 @@ const props = defineProps({
   runId: { type: String, required: false },
   triggerName: { type: String, required: false },
   triggerType: { type: String, required: false },
-  flowDef: { type: null, required: false }
+  flowDef: { type: null, required: false },
+  stallTimeout: { type: Number, required: false }
 });
 const emit = defineEmits(["select-step", "cancel-flow"]);
 const handleCancelFlow = () => {
   emit("cancel-flow");
 };
 const selectedStep = ref("all-steps");
-const firstStepKey = computed(() => props.steps[0]?.key);
+const firstStepKey = computed(() => props.steps?.length > 0 ? props.steps[0]?.key : void 0);
 watch(firstStepKey, (newKey, oldKey) => {
   if (oldKey !== void 0 && newKey !== oldKey) {
     selectedStep.value = "all-steps";
@@ -248,6 +244,8 @@ const getStatusColor = (status) => {
       return "bg-red-500";
     case "running":
       return "bg-blue-500 animate-pulse";
+    case "awaiting":
+      return "bg-purple-500 animate-pulse";
     case "canceled":
       return "bg-orange-500";
     case "stalled":
@@ -256,18 +254,19 @@ const getStatusColor = (status) => {
       return "bg-gray-300";
   }
 };
-const getTriggerIcon = (type) => {
-  switch (type) {
-    case "manual":
-      return "i-lucide-hand";
-    case "event":
-      return "i-lucide-zap";
-    case "webhook":
-      return "i-lucide-webhook";
-    case "schedule":
-      return "i-lucide-calendar-clock";
-    default:
-      return "i-lucide-play-circle";
-  }
+const formatStallTimeout = (start, timeout) => {
+  if (!start || !timeout) return "\u2014";
+  const startTime = new Date(start).getTime();
+  const stallTime = startTime + timeout;
+  const remaining = stallTime - Date.now();
+  if (remaining <= 0) return "now";
+  const seconds = Math.floor(remaining / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  if (days > 0) return `${days}d ${hours % 24}h`;
+  if (hours > 0) return `${hours}h ${minutes % 60}m`;
+  if (minutes > 0) return `${minutes}m`;
+  return `${seconds}s`;
 };
 </script>

package/dist/runtime/app/components/flow/RunOverview.vue.d.ts

@@ -8,6 +8,7 @@ type __VLS_Props = {
     triggerName?: string;
     triggerType?: 'manual' | 'event' | 'webhook' | 'schedule';
     flowDef?: any;
+    stallTimeout?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "select-step": (stepKey: string | null) => any;

package/dist/runtime/app/components/flow/RunTimeline.vue

@@ -1,36 +1,65 @@
 <template>
   <div class="flex flex-col h-full">
     <!-- Filter Bar -->
-    <div class="flex items-center gap-3 px-6 py-3 border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 shrink-0">
-      <div class="flex items-center gap-2">
-        <span class="text-xs font-medium text-gray-700 dark:text-gray-300">Show:</span>
-        <URadioGroup
-          v-model="filter"
-          :items="filterOptions"
-          orientation="horizontal"
-          size="xs"
-          variant="table"
-          indicator="hidden"
-          :ui="{
-  base: 'size-2',
-  container: 'h-2',
-  item: 'p-1'
-}"
-        />
-      </div>
+    <div class="h-[72px] px-6 py-3 border-b border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900/50 shrink-0">
+      <!-- Top Row: Title and Action -->
+      <div class="flex items-center justify-between gap-4 mb-2">
+        <div class="flex items-center gap-2">
+          <UIcon
+            name="i-lucide-activity"
+            class="w-4 h-4 text-gray-400"
+          />
+          <span class="text-sm font-semibold text-gray-900 dark:text-gray-100">
+            Timeline & Logs
+          </span>
+          <span
+            v-if="isLive"
+            class="flex items-center gap-1.5 ml-2"
+          >
+            <div class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" />
+            <span class="text-xs text-gray-500 dark:text-gray-400">Live</span>
+          </span>
+        </div>
 
-      <div class="flex items-center gap-2 ml-auto">
         <UButton
           size="xs"
           color="neutral"
-          variant="outline"
+          variant="ghost"
+          icon="i-lucide-download"
           :disabled="filteredItems.length === 0"
           @click="$emit('export')"
         >
-          Export JSON
+          Export
         </UButton>
-        <div class="text-xs text-gray-500">
-          {{ filteredItems.length }} item{{ filteredItems.length === 1 ? "" : "s" }}
+      </div>
+
+      <!-- Bottom Row: Filter and Count -->
+      <div class="flex items-center justify-between gap-4 text-[11px]">
+        <div class="flex items-center gap-1.5">
+          <span class="text-gray-500 dark:text-gray-400">Filter:</span>
+          <URadioGroup
+            v-model="filter"
+            :items="filterOptions"
+            orientation="horizontal"
+            size="xs"
+            variant="table"
+            indicator="hidden"
+            :ui="{
+  base: 'text-[9px]',
+  container: 'gap-0',
+  item: 'px-1 py-0'
+}"
+          />
+        </div>
+
+        <div class="flex items-center gap-1.5">
+          <UIcon
+            name="i-lucide-list"
+            class="w-3.5 h-3.5 text-gray-400"
+          />
+          <span class="text-gray-600 dark:text-gray-300">
+            {{ filteredItems.length }} {{ filteredItems.length === 1 ? "item" : "items" }}
+          </span>
         </div>
       </div>
     </div>

package/dist/runtime/app/components/flow/StepSelector.vue

@@ -78,6 +78,18 @@
           >
             {{ getAwaitPosition(item.step.key) }}
           </UBadge>
+          <!-- Step Timeout Badge (only for regular steps, not await steps) -->
+          <span
+            v-if="item.step.stepTimeout && !isAwaitStep(item.step.key)"
+            class="flex items-center gap-1"
+            :title="`Step Execution Timeout: ${formatDuration(item.step.stepTimeout)}`"
+          >
+            <UIcon
+              name="i-lucide-hourglass"
+              class="w-3 h-3 opacity-60"
+            />
+            <span>{{ formatDuration(item.step.stepTimeout) }}</span>
+          </span>
         </div>
         <div
           v-else
@@ -141,7 +153,7 @@
 
           <!-- Await Config Details -->
           <div
-            v-if="item.step.awaitType"
+            v-if="item.step.awaitType && (item.step.awaitConfig || item.step.awaitData)"
             class="mt-2 p-2.5 rounded-md border"
             :class="getAwaitConfigBgClass(item.step.status)"
           >
@@ -165,119 +177,174 @@
               <div class="space-y-1.5 text-xs">
                 <!-- Webhook specific -->
                 <div
-                  v-if="item.step.awaitType === 'webhook' && item.step.awaitConfig"
+                  v-if="item.step.awaitType === 'webhook'"
                   class="space-y-1"
                 >
                   <div
-                    v-if="item.step.awaitConfig.method"
+                    v-if="item.step.awaitConfig?.method || item.step.awaitData?.method"
                     class="flex items-center gap-1.5"
                   >
                     <UIcon
-                      name="i-lucide-route"
+                      name="i-lucide-git-branch"
                       class="w-3 h-3 opacity-60"
                     />
                     <span class="opacity-75">Method:</span>
                     <UBadge
                       size="xs"
-                      :color="getMethodBadgeColor(item.step.awaitConfig.method)"
+                      :color="getMethodBadgeColor(item.step.awaitData?.method || item.step.awaitConfig?.method)"
                       variant="subtle"
                     >
-                      {{ item.step.awaitConfig.method }}
+                      {{ item.step.awaitData?.method || item.step.awaitConfig?.method }}
                     </UBadge>
                   </div>
                   <div
-                    v-if="item.step.awaitConfig.path"
+                    v-if="item.step.awaitData?.webhookUrl"
                     class="flex items-start gap-1.5"
                   >
                     <UIcon
                       name="i-lucide-link"
                       class="w-3 h-3 opacity-60 mt-0.5"
                     />
-                    <span class="opacity-75">Path:</span>
-                    <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px] flex-1">{{ item.step.awaitConfig.path }}</code>
-                  </div>
-                  <div
-                    v-if="item.step.webhookUrl"
-                    class="flex items-start gap-1.5 pt-1"
-                  >
-                    <UIcon
-                      name="i-lucide-globe"
-                      class="w-3 h-3 opacity-60 mt-1"
-                    />
-                    <span class="opacity-75 mt-0.5">URL:</span>
+                    <span class="opacity-75">URL:</span>
                     <div class="flex-1 flex items-start gap-1">
-                      <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px] flex-1 break-all">{{ item.step.webhookUrl }}</code>
+                      <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px] flex-1 break-all">{{ item.step.awaitData.webhookUrl }}</code>
                       <button
                         type="button"
                         class="flex-shrink-0 p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded transition-colors"
-                        :title="copiedUrl === item.step.webhookUrl ? 'Copied!' : 'Copy URL'"
-                        @click.stop="copyToClipboard(item.step.webhookUrl)"
+                        :title="copiedUrl === item.step.awaitData.webhookUrl ? 'Copied!' : 'Copy URL'"
+                        @click.stop="copyToClipboard(item.step.awaitData.webhookUrl)"
                       >
                         <UIcon
-                          :name="copiedUrl === item.step.webhookUrl ? 'i-lucide-check' : 'i-lucide-copy'"
+                          :name="copiedUrl === item.step.awaitData.webhookUrl ? 'i-lucide-check' : 'i-lucide-copy'"
                           class="w-3 h-3"
-                          :class="copiedUrl === item.step.webhookUrl ? 'text-emerald-600 dark:text-emerald-400' : 'opacity-60'"
+                          :class="copiedUrl === item.step.awaitData.webhookUrl ? 'text-emerald-600 dark:text-emerald-400' : 'opacity-60'"
                         />
                       </button>
                     </div>
                   </div>
+                  <div
+                    v-else-if="item.step.awaitConfig?.path"
+                    class="flex items-start gap-1.5"
+                  >
+                    <UIcon
+                      name="i-lucide-route"
+                      class="w-3 h-3 opacity-60 mt-0.5"
+                    />
+                    <span class="opacity-75">Path:</span>
+                    <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px] flex-1">{{ item.step.awaitConfig.path }}</code>
+                  </div>
                 </div>
 
                 <!-- Event specific -->
                 <div
-                  v-if="item.step.awaitType === 'event' && item.step.awaitConfig?.event"
-                  class="flex items-center gap-1.5"
+                  v-if="item.step.awaitType === 'event'"
+                  class="space-y-1"
                 >
-                  <UIcon
-                    name="i-lucide-radio"
-                    class="w-3 h-3 opacity-60"
-                  />
-                  <span class="opacity-75">Event:</span>
-                  <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-xs">{{ item.step.awaitConfig.event }}</code>
+                  <div
+                    v-if="item.step.awaitConfig?.event || item.step.awaitData?.eventName"
+                    class="flex items-center gap-1.5"
+                  >
+                    <UIcon
+                      name="i-lucide-zap"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Event:</span>
+                    <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px]">{{ item.step.awaitData?.eventName || item.step.awaitConfig?.event }}</code>
+                  </div>
+                  <div
+                    v-if="item.step.awaitConfig?.filterKey || item.step.awaitData?.filterKey"
+                    class="flex items-center gap-1.5"
+                  >
+                    <UIcon
+                      name="i-lucide-filter"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Filter:</span>
+                    <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px]">{{ item.step.awaitData?.filterKey || item.step.awaitConfig?.filterKey }}</code>
+                  </div>
                 </div>
 
                 <!-- Time specific -->
                 <div
                   v-if="item.step.awaitType === 'time' && item.step.awaitConfig?.delay"
-                  class="flex items-center gap-1.5"
+                  class="space-y-1"
                 >
-                  <UIcon
-                    name="i-lucide-hourglass"
-                    class="w-3 h-3 opacity-60"
-                  />
-                  <span class="opacity-75">Delay:</span>
-                  <span class="font-medium">{{ formatDuration(item.step.awaitConfig.delay) }}</span>
+                  <div class="flex items-center gap-1.5">
+                    <UIcon
+                      name="i-lucide-timer"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Delay:</span>
+                    <span class="font-medium">{{ formatDuration(item.step.awaitConfig.delay) }}</span>
+                  </div>
+                  <div
+                    v-if="item.step.scheduledTriggerAt"
+                    class="flex items-center gap-1.5"
+                  >
+                    <UIcon
+                      name="i-lucide-calendar-clock"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Triggers at:</span>
+                    <span class="font-medium">{{ formatScheduledTime(item.step.scheduledTriggerAt) }}</span>
+                  </div>
+                </div>
+
+                <!-- Schedule specific -->
+                <div
+                  v-if="item.step.awaitType === 'schedule' && item.step.awaitConfig?.cron"
+                  class="space-y-1"
+                >
+                  <div class="flex items-center gap-1.5">
+                    <UIcon
+                      name="i-lucide-calendar-cog"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Cron:</span>
+                    <code class="px-1.5 py-0.5 bg-black/5 dark:bg-white/5 rounded text-[10px]">{{ item.step.awaitConfig.cron }}</code>
+                  </div>
+                  <div
+                    v-if="item.step.scheduledTriggerAt"
+                    class="flex items-center gap-1.5"
+                  >
+                    <UIcon
+                      name="i-lucide-calendar-check"
+                      class="w-3 h-3 opacity-60"
+                    />
+                    <span class="opacity-75">Next trigger:</span>
+                    <span class="font-medium">{{ formatScheduledTime(item.step.scheduledTriggerAt) }}</span>
+                  </div>
                 </div>
 
                 <!-- Timeout -->
                 <div
-                  v-if="item.step.awaitConfig?.timeout"
+                  v-if="item.step.awaitConfig?.timeout || item.step.awaitData?.timeout"
                   class="flex items-center gap-1.5"
                 >
                   <UIcon
-                    name="i-lucide-clock-alert"
+                    name="i-lucide-hourglass"
                     class="w-3 h-3 opacity-60"
                   />
                   <span class="opacity-75">Timeout:</span>
-                  <span class="font-medium">{{ formatDuration(item.step.awaitConfig.timeout) }}</span>
+                  <span class="font-medium">{{ formatDuration(item.step.awaitData?.timeout || item.step.awaitConfig?.timeout) }}</span>
                 </div>
 
                 <!-- Timeout Action -->
                 <div
-                  v-if="item.step.awaitConfig?.timeoutAction"
+                  v-if="item.step.awaitConfig?.timeoutAction || item.step.awaitData?.timeoutAction"
                   class="flex items-center gap-1.5"
                 >
                   <UIcon
-                    name="i-lucide-zap"
+                    name="i-lucide-shield-alert"
                     class="w-3 h-3 opacity-60"
                   />
                   <span class="opacity-75">On Timeout:</span>
                   <UBadge
                     size="xs"
-                    :color="getTimeoutActionColor(item.step.awaitConfig.timeoutAction)"
+                    :color="getTimeoutActionColor(item.step.awaitData?.timeoutAction || item.step.awaitConfig?.timeoutAction)"
                     variant="subtle"
                   >
-                    {{ item.step.awaitConfig.timeoutAction }}
+                    {{ item.step.awaitData?.timeoutAction || item.step.awaitConfig?.timeoutAction }}
                   </UBadge>
                 </div>
               </div>
@@ -549,4 +616,15 @@ const formatDuration = (ms) => {
   }
   return `${seconds}s`;
 };
+const formatScheduledTime = (timestamp) => {
+  const date = new Date(timestamp);
+  if (Number.isNaN(date.getTime())) return "No schedule";
+  return date.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZoneName: "short"
+  });
+};
 </script>

package/dist/runtime/app/composables/useFlowRunTimeline.d.ts

@@ -19,11 +19,13 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
         isFailed: import("vue").ComputedRef<boolean>;
         isCanceled: import("vue").ComputedRef<boolean>;
         isStalled: import("vue").ComputedRef<boolean>;
+        isAwaiting: import("vue").ComputedRef<boolean>;
         stepList: import("vue").ComputedRef<{
             status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
             attempt: number;
             startedAt?: string;
             completedAt?: string;
+            scheduledTriggerAt?: string;
             error?: string;
             awaitType?: "time" | "event" | "trigger";
             awaitData?: any;
@@ -35,6 +37,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             attempt: number;
             startedAt?: string;
             completedAt?: string;
+            scheduledTriggerAt?: string;
             error?: string;
             awaitType?: "time" | "event" | "trigger";
             awaitData?: any;
@@ -46,6 +49,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             attempt: number;
             startedAt?: string;
             completedAt?: string;
+            scheduledTriggerAt?: string;
             error?: string;
             awaitType?: "time" | "event" | "trigger";
             awaitData?: any;
@@ -57,6 +61,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             attempt: number;
             startedAt?: string;
             completedAt?: string;
+            scheduledTriggerAt?: string;
             error?: string;
             awaitType?: "time" | "event" | "trigger";
             awaitData?: any;
@@ -68,6 +73,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             attempt: number;
             startedAt?: string;
             completedAt?: string;
+            scheduledTriggerAt?: string;
             error?: string;
             awaitType?: "time" | "event" | "trigger";
             awaitData?: any;