@nvent-addon/app 0.5.6 → 0.5.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "nventapp",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "configKey": "nventapp",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

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

@@ -42,7 +42,7 @@ interface FlowMeta {
     };
 }
 interface StepStatus {
-    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout' | 'canceled';
+    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout' | 'canceled' | 'stalled';
     attempt?: number;
     error?: string;
     scheduledTriggerAt?: string;

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

@@ -306,6 +306,7 @@ function mapStatusToNodeStatus(status) {
       return "done";
     case "failed":
     case "timeout":
+    case "stalled":
       return "error";
     case "canceled":
       return "canceled";

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

@@ -42,7 +42,7 @@ interface FlowMeta {
     };
 }
 interface StepStatus {
-    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout' | 'canceled';
+    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout' | 'canceled' | 'stalled';
     attempt?: number;
     error?: string;
     scheduledTriggerAt?: string;

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

@@ -13,9 +13,11 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "select-step": (stepKey: string | null) => any;
     "cancel-flow": () => any;
+    "restart-flow": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSelect-step"?: ((stepKey: string | null) => any) | undefined;
     "onCancel-flow"?: (() => any) | undefined;
+    "onRestart-flow"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -21,15 +21,27 @@
         </div>
 
         <!-- Cancel Button (only show for running/awaiting flows) -->
-        <UButton
-          v-if="runStatus === 'running' || runStatus === 'awaiting'"
-          color="neutral"
-          variant="ghost"
-          icon="i-lucide-x-circle"
-          size="xs"
-          label="Cancel"
-          @click="handleCancelFlow"
-        />
+        <div class="flex items-center gap-2">
+          <UButton
+            v-if="runStatus === 'running' || runStatus === 'awaiting'"
+            color="neutral"
+            variant="ghost"
+            icon="i-lucide-x-circle"
+            size="xs"
+            label="Cancel"
+            @click="handleCancelFlow"
+          />
+          <!-- Restart Button (show for terminal states) -->
+          <UButton
+            v-if="runStatus === 'failed' || runStatus === 'stalled' || runStatus === 'canceled' || runStatus === 'completed'"
+            color="primary"
+            variant="ghost"
+            icon="i-lucide-rotate-ccw"
+            size="xs"
+            label="Restart"
+            @click="handleRestartFlow"
+          />
+        </div>
       </div>
 
       <!-- Bottom Row: Compact Stats Grid -->
@@ -120,10 +132,13 @@ const props = defineProps({
   flowDef: { type: null, required: false },
   stallTimeout: { type: Number, required: false }
 });
-const emit = defineEmits(["select-step", "cancel-flow"]);
+const emit = defineEmits(["select-step", "cancel-flow", "restart-flow"]);
 const handleCancelFlow = () => {
   emit("cancel-flow");
 };
+const handleRestartFlow = () => {
+  emit("restart-flow");
+};
 const selectedStep = ref("all-steps");
 const firstStepKey = computed(() => props.steps?.length > 0 ? props.steps[0]?.key : void 0);
 watch(firstStepKey, (newKey, oldKey) => {

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

@@ -13,9 +13,11 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "select-step": (stepKey: string | null) => any;
     "cancel-flow": () => any;
+    "restart-flow": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSelect-step"?: ((stepKey: string | null) => any) | undefined;
     "onCancel-flow"?: (() => any) | undefined;
+    "onRestart-flow"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -438,6 +438,8 @@ const getStepStatusBg = (status) => {
       return "bg-emerald-50 dark:bg-emerald-900/20";
     case "failed":
       return "bg-red-50 dark:bg-red-900/20";
+    case "stalled":
+      return "bg-amber-50 dark:bg-amber-900/20";
     case "running":
       return "bg-blue-50 dark:bg-blue-900/20";
     default:
@@ -450,6 +452,8 @@ const getStepStatusIcon = (status) => {
       return "i-lucide-check-circle";
     case "failed":
       return "i-lucide-x-circle";
+    case "stalled":
+      return "i-lucide-alert-triangle";
     case "running":
       return "i-lucide-loader-circle";
     default:
@@ -462,6 +466,8 @@ const getStepStatusIconColor = (status) => {
       return "text-emerald-600 dark:text-emerald-400";
     case "failed":
       return "text-red-600 dark:text-red-400";
+    case "stalled":
+      return "text-amber-600 dark:text-amber-400";
     case "running":
       return "text-blue-600 dark:text-blue-400 animate-spin";
     default:
@@ -474,6 +480,8 @@ const getStepStatusTextColor = (status) => {
       return "text-emerald-600 dark:text-emerald-400";
     case "failed":
       return "text-red-600 dark:text-red-400";
+    case "stalled":
+      return "text-amber-600 dark:text-amber-400";
     case "running":
       return "text-blue-600 dark:text-blue-400";
     default:

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

@@ -21,7 +21,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
         isStalled: import("vue").ComputedRef<boolean>;
         isAwaiting: import("vue").ComputedRef<boolean>;
         stepList: import("vue").ComputedRef<{
-            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
             attempt: number;
             startedAt?: string;
             completedAt?: string;
@@ -33,7 +33,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             key: string;
         }[]>;
         runningSteps: import("vue").ComputedRef<{
-            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
             attempt: number;
             startedAt?: string;
             completedAt?: string;
@@ -45,7 +45,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             key: string;
         }[]>;
         waitingSteps: import("vue").ComputedRef<{
-            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
             attempt: number;
             startedAt?: string;
             completedAt?: string;
@@ -57,7 +57,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             key: string;
         }[]>;
         failedSteps: import("vue").ComputedRef<{
-            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
             attempt: number;
             startedAt?: string;
             completedAt?: string;
@@ -69,7 +69,7 @@ export declare function useFlowRunTimeline(flowId: Ref<string>, runId: Ref<strin
             key: string;
         }[]>;
         completedSteps: import("vue").ComputedRef<{
-            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+            status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
             attempt: number;
             startedAt?: string;
             completedAt?: string;

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

@@ -13,7 +13,7 @@ export interface FlowState {
     meta?: Record<string, any>;
 }
 export interface StepState {
-    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout';
+    status: 'pending' | 'running' | 'completed' | 'failed' | 'retrying' | 'waiting' | 'timeout' | 'stalled';
     attempt: number;
     startedAt?: string;
     completedAt?: string;
@@ -72,7 +72,7 @@ export declare function useFlowState(initialEvents?: EventRecord[]): {
     isStalled: import("vue").ComputedRef<boolean>;
     isAwaiting: import("vue").ComputedRef<boolean>;
     stepList: import("vue").ComputedRef<{
-        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
         attempt: number;
         startedAt?: string;
         completedAt?: string;
@@ -84,7 +84,7 @@ export declare function useFlowState(initialEvents?: EventRecord[]): {
         key: string;
     }[]>;
     runningSteps: import("vue").ComputedRef<{
-        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
         attempt: number;
         startedAt?: string;
         completedAt?: string;
@@ -96,7 +96,7 @@ export declare function useFlowState(initialEvents?: EventRecord[]): {
         key: string;
     }[]>;
     waitingSteps: import("vue").ComputedRef<{
-        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
         attempt: number;
         startedAt?: string;
         completedAt?: string;
@@ -108,7 +108,7 @@ export declare function useFlowState(initialEvents?: EventRecord[]): {
         key: string;
     }[]>;
     failedSteps: import("vue").ComputedRef<{
-        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
         attempt: number;
         startedAt?: string;
         completedAt?: string;
@@ -120,7 +120,7 @@ export declare function useFlowState(initialEvents?: EventRecord[]): {
         key: string;
     }[]>;
     completedSteps: import("vue").ComputedRef<{
-        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout";
+        status: "pending" | "running" | "completed" | "failed" | "retrying" | "waiting" | "timeout" | "stalled";
         attempt: number;
         startedAt?: string;
         completedAt?: string;

package/dist/runtime/app/composables/useFlowState.js

@@ -94,6 +94,16 @@ export function reduceFlowState(events) {
         state.steps[stepKey].error = e.data?.error;
         break;
       }
+      case "step.stalled": {
+        if (!stepKey) break;
+        if (!state.steps[stepKey]) {
+          state.steps[stepKey] = { status: "stalled", attempt: 1 };
+        }
+        state.steps[stepKey].status = "stalled";
+        state.steps[stepKey].error = e.data?.reason || "Step execution interrupted";
+        state.steps[stepKey].completedAt = e.ts;
+        break;
+      }
       case "step.await.time":
       case "step.await.event":
       case "step.await.trigger": {

package/dist/runtime/app/pages/flows/[name].vue

@@ -297,6 +297,7 @@
                     :stall-timeout="runSnapshot.stallTimeout"
                     @select-step="handleSelectStep"
                     @cancel-flow="handleCancelFlow"
+                    @restart-flow="handleRestartFlow"
                   />
                 </div>
               </div>
@@ -593,6 +594,21 @@ const handleCancelFlow = async () => {
     console.error("Failed to cancel flow:", error);
   }
 };
+const handleRestartFlow = async () => {
+  if (!selectedFlow.value || !selectedRunId.value) return;
+  try {
+    const result = await $fetch(`/api/_flows/${selectedFlow.value}/runs/${selectedRunId.value}/restart`, {
+      method: "POST"
+    });
+    if (result?.newRunId) {
+      selectedRunId.value = result.newRunId;
+      mainTab.value = "timeline";
+    }
+    await refreshRuns();
+  } catch (error) {
+    console.error("Failed to restart flow:", error);
+  }
+};
 const diagramStepStates = computed(() => {
   if (!selectedRunId.value) return void 0;
   return flowState.state.value.steps;

package/dist/runtime/app/pages/flows/index.vue

@@ -273,19 +273,17 @@ function updateFlowStats(data) {
     running: metadata["stats.running"] || 0,
     awaiting: metadata["stats.awaiting"] || 0
   };
-  flows.value[flowIndex] = {
-    ...flows.value[flowIndex],
-    stats: {
-      total: stats.total || 0,
-      success: stats.success || 0,
-      failure: stats.failure || 0,
-      cancel: stats.cancel || 0,
-      running: stats.running || 0,
-      awaiting: stats.awaiting || 0
-    },
-    lastRunAt: metadata.lastRunAt,
-    lastCompletedAt: metadata.lastCompletedAt
+  const flow = flows.value[flowIndex];
+  flow.stats = {
+    total: stats.total || 0,
+    success: stats.success || 0,
+    failure: stats.failure || 0,
+    cancel: stats.cancel || 0,
+    running: stats.running || 0,
+    awaiting: stats.awaiting || 0
   };
+  flow.lastRunAt = metadata.lastRunAt;
+  flow.lastCompletedAt = metadata.lastCompletedAt;
 }
 onMounted(async () => {
   await fetchAnalyzedFlows();

package/dist/runtime/app/pages/triggers/index.vue

@@ -351,6 +351,7 @@ function updateTriggerStats(data) {
 }
 onMounted(async () => {
   await fetchTriggers();
+  loading.value = false;
   if (import.meta.client) {
     triggerWs.subscribeStats(
       {
@@ -363,9 +364,6 @@ onMounted(async () => {
       },
       {
         autoReconnect: true,
-        onOpen: () => {
-          loading.value = false;
-        },
         onError: (err) => {
           console.error("[Trigger Stats] Error:", err);
         }

package/dist/runtime/server/api/_flows/[name]/runs/[runId]/restart.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/api/_flows/[name]/runs/[runId]/restart.post.js

@@ -0,0 +1,21 @@
+import { defineEventHandler, getRouterParam, createError, useFlow } from "#imports";
+export default defineEventHandler(async (event) => {
+  const flowName = getRouterParam(event, "name");
+  const runId = getRouterParam(event, "runId");
+  if (!flowName || !runId) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Flow name and run ID are required"
+    });
+  }
+  const flowEngine = useFlow();
+  try {
+    const result = await flowEngine.restartFlow(flowName, runId);
+    return result;
+  } catch (error) {
+    throw createError({
+      statusCode: 500,
+      statusMessage: `Failed to restart flow: ${error.message}`
+    });
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvent-addon/app",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "nvent app module for Nuxt.js",
   "repository": "DevJoghurt/nvent",
   "license": "MIT",