@nvent-addon/app 0.5.5 → 0.5.7

package/dist/module.json

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

package/dist/runtime/app/components/TimelineList.vue

@@ -453,12 +453,16 @@ function isEmitEvent(type) {
 }
 function hasMetadata(eventData) {
   if (!eventData || typeof eventData !== "object") return false;
-  const keys = Object.keys(eventData).filter((k) => k !== "message" && k !== "level" && k !== "msg");
+  const autoInjectedKeys = ["message", "level", "msg", "stepName", "stepId", "stepRunId", "attempt", "flowName"];
+  const keys = Object.keys(eventData).filter((k) => !autoInjectedKeys.includes(k));
   return keys.length > 0;
 }
 function prettyMetadata(eventData) {
   if (!eventData || typeof eventData !== "object") return "";
-  const { message, level, msg, ...metadata } = eventData;
+  const { message, level, msg, stepName, stepId, stepRunId, attempt, flowName, ...metadata } = eventData;
+  if (Object.keys(metadata).length === 1 && "value" in metadata) {
+    return pretty(metadata.value);
+  }
   return pretty(metadata);
 }
 </script>

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

@@ -112,7 +112,7 @@ const nodes = computed(() => {
   if (f.entry) {
     const entryState = states[f.entry.step];
     const status = mapStatusToNodeStatus(entryState?.status);
-    const entryStepTimeout = f.entry.stepTimeout;
+    const entryStepTimeout = f.analyzed?.steps?.[f.entry.step]?.stepTimeout;
     out.push({
       id: `entry:${f.entry.step}`,
       position: { x: -nodeWidth / 2, y },
@@ -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": {
@@ -199,22 +209,8 @@ export function reduceFlowState(events) {
       (s) => s.status === "running" || s.status === "retrying"
     );
     const hasWaitingSteps = Object.values(state.steps).some((s) => s.status === "waiting");
-    const hasFailedSteps = Object.values(state.steps).some((s) => s.status === "failed");
-    const allStepsTerminal = Object.values(state.steps).every(
-      (s) => s.status === "completed" || s.status === "failed" || s.status === "timeout"
-    );
     if (hasWaitingSteps && !hasActiveRunningSteps) {
       state.status = "awaiting";
-    } else if (allStepsTerminal) {
-      if (hasFailedSteps) {
-        state.status = "failed";
-      } else {
-        state.status = "completed";
-      }
-      const latestCompletion = Object.values(state.steps).map((s) => s.completedAt).filter(Boolean).sort().pop();
-      if (latestCompletion) {
-        state.completedAt = latestCompletion;
-      }
     }
   }
   return state;

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>
@@ -424,7 +425,7 @@ const selectedRunId = computed({
 const goBack = () => {
   componentRouter.push("/flows");
 };
-const mainTab = ref("diagram");
+const mainTab = ref(route.query.run ? "timeline" : "diagram");
 const mainTabs = computed(() => [
   { label: "Diagram", value: "diagram", icon: "i-lucide-git-branch" },
   {
@@ -541,8 +542,8 @@ const runSnapshot = computed(() => {
     completedAt: state.completedAt,
     logsCount: state.logs.length,
     lastLogLevel: state.logs.length > 0 ? state.logs[state.logs.length - 1]?.level : void 0,
-    stallTimeout: flowMeta?.analyzed?.stallTimeout
-    // Get from analyzed flows (static)
+    // Use stallTimeout from event data if available, otherwise fall back to static flow definition
+    stallTimeout: state.meta?.stallTimeout || flowMeta?.analyzed?.stallTimeout
   };
 });
 const selectedStepKey = ref(null);
@@ -566,9 +567,6 @@ const enhancedStepList = computed(() => {
   const flowMeta = selectedFlowMeta.value;
   if (!flowMeta?.analyzed?.steps) return steps;
   const stepTimeoutMap = /* @__PURE__ */ new Map();
-  if (flowMeta.entry?.stepTimeout !== void 0) {
-    stepTimeoutMap.set(flowMeta.entry.step, flowMeta.entry.stepTimeout);
-  }
   for (const [stepName, analyzedStep] of Object.entries(flowMeta.analyzed.steps)) {
     if (analyzedStep.stepTimeout !== void 0) {
       stepTimeoutMap.set(stepName, analyzedStep.stepTimeout);
@@ -596,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/[name]/edit.vue

@@ -314,7 +314,7 @@ const hasChanges = computed(() => {
 const saveError = ref(null);
 const saveSuccess = ref(false);
 const onSubmit = async (event) => {
-  if (!trigger.value) return;
+  if (!trigger.value || isSaving.value) return;
   isSaving.value = true;
   saveError.value = null;
   saveSuccess.value = false;

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.5",
+  "version": "0.5.7",
   "description": "nvent app module for Nuxt.js",
   "repository": "DevJoghurt/nvent",
   "license": "MIT",