@nvent-addon/app 0.5.9 → 0.5.11

package/dist/module.json

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

package/dist/runtime/app/components/ComponentRouter.d.vue.ts

@@ -31,7 +31,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         params: Record<string, string>;
         query: Record<string, any>;
     } | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mode: ComponentRouterMode;
+    base: string;
+    debug: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/ComponentRouter.vue.d.ts

@@ -31,7 +31,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         params: Record<string, string>;
         query: Record<string, any>;
     } | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mode: ComponentRouterMode;
+    base: string;
+    debug: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/ComponentShell.d.vue.ts

@@ -5,11 +5,14 @@ type __VLS_Props = {
     activeMatch?: 'exact' | 'prefix';
     fullPage?: boolean;
 };
-declare var __VLS_7: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    activeMatch: "exact" | "prefix";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/ComponentShell.vue.d.ts

@@ -5,11 +5,14 @@ type __VLS_Props = {
     activeMatch?: 'exact' | 'prefix';
     fullPage?: boolean;
 };
-declare var __VLS_7: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    activeMatch: "exact" | "prefix";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/ConfirmDialog.d.vue.ts

@@ -23,6 +23,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    confirmLabel: string;
+    cancelLabel: string;
+    confirmColor: "primary" | "error" | "warning" | "success";
+    iconColor: "primary" | "error" | "warning" | "success" | "info";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/ConfirmDialog.vue.d.ts

@@ -23,6 +23,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onCancel?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    confirmLabel: string;
+    cancelLabel: string;
+    confirmColor: "primary" | "error" | "warning" | "success";
+    iconColor: "primary" | "error" | "warning" | "success" | "info";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/DashboardCard.d.vue.ts

@@ -10,6 +10,9 @@ interface Props {
     color: 'blue' | 'purple' | 'amber' | 'emerald' | 'red';
     onClick?: () => void;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    onClick: () => void;
+    secondaryStats: Stat[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/DashboardCard.vue.d.ts

@@ -10,6 +10,9 @@ interface Props {
     color: 'blue' | 'purple' | 'amber' | 'emerald' | 'red';
     onClick?: () => void;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    onClick: () => void;
+    secondaryStats: Stat[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/SelectableListItem.d.vue.ts

@@ -9,17 +9,17 @@ type __VLS_Props = {
     meta?: string;
     metaSecondary?: string;
 };
-declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_19: {}, __VLS_21: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 } & {
-    title?: (props: typeof __VLS_9) => any;
+    title?: (props: typeof __VLS_8) => any;
 } & {
-    badge?: (props: typeof __VLS_11) => any;
+    badge?: (props: typeof __VLS_10) => any;
 } & {
-    subtitle?: (props: typeof __VLS_19) => any;
+    subtitle?: (props: typeof __VLS_17) => any;
 } & {
-    meta?: (props: typeof __VLS_21) => any;
+    meta?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;

package/dist/runtime/app/components/SelectableListItem.vue.d.ts

@@ -9,17 +9,17 @@ type __VLS_Props = {
     meta?: string;
     metaSecondary?: string;
 };
-declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_19: {}, __VLS_21: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 } & {
-    title?: (props: typeof __VLS_9) => any;
+    title?: (props: typeof __VLS_8) => any;
 } & {
-    badge?: (props: typeof __VLS_11) => any;
+    badge?: (props: typeof __VLS_10) => any;
 } & {
-    subtitle?: (props: typeof __VLS_19) => any;
+    subtitle?: (props: typeof __VLS_17) => any;
 } & {
-    meta?: (props: typeof __VLS_21) => any;
+    meta?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => any;

package/dist/runtime/app/components/StatCard.d.vue.ts

@@ -4,6 +4,8 @@ interface Props {
     label: string;
     variant?: 'gray' | 'blue' | 'amber' | 'emerald' | 'red' | 'purple';
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "gray" | "blue" | "amber" | "emerald" | "red" | "purple";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/app/components/StatCard.vue.d.ts

@@ -4,6 +4,8 @@ interface Props {
     label: string;
     variant?: 'gray' | 'blue' | 'amber' | 'emerald' | 'red' | 'purple';
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "gray" | "blue" | "amber" | "emerald" | "red" | "purple";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -7,6 +7,14 @@ interface Props {
     isAwaiting?: boolean;
     isReconnecting?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    isReconnecting: boolean;
+    isRunning: boolean;
+    isCompleted: boolean;
+    isFailed: boolean;
+    isCanceled: boolean;
+    isStalled: boolean;
+    isAwaiting: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -7,6 +7,14 @@ interface Props {
     isAwaiting?: boolean;
     isReconnecting?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    isReconnecting: boolean;
+    isRunning: boolean;
+    isCompleted: boolean;
+    isFailed: boolean;
+    isCanceled: boolean;
+    isStalled: boolean;
+    isAwaiting: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,12 @@
+import { type Ref } from '#imports';
+/**
+ * Composable for real-time flow runs updates via WebSocket
+ * Similar to useQueueUpdates - triggers refresh flag when flow stats change
+ */
+export declare function useFlowRunsUpdates(flowName: Ref<string>): {
+    isConnected: Ref<boolean, boolean>;
+    isReconnecting: Ref<boolean, boolean>;
+    shouldRefreshRuns: import("vue").ComputedRef<boolean>;
+    lastUpdate: import("vue").ComputedRef<number | null>;
+    resetRefreshFlag: () => void;
+};

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

@@ -0,0 +1,59 @@
+import { ref, computed, watch, onMounted, onUnmounted } from "#imports";
+import { useFlowWebSocket } from "./useFlowWebSocket.js";
+export function useFlowRunsUpdates(flowName) {
+  const flowWs = useFlowWebSocket();
+  const state = ref({
+    shouldRefreshRuns: false,
+    lastUpdate: null
+  });
+  let previousStats = null;
+  const setupSubscription = () => {
+    if (!import.meta.client) return;
+    flowWs.subscribeStats({
+      onInitial: (data) => {
+        if (data.id !== flowName.value) return;
+        const stats = data?.metadata?.stats;
+        if (stats) {
+          previousStats = { total: stats.total, running: stats.running };
+        }
+      },
+      onUpdate: (data) => {
+        if (data.id !== flowName.value) return;
+        const stats = data?.metadata?.stats;
+        if (!stats) return;
+        const hasNewRuns = previousStats && stats.total !== previousStats.total;
+        const runningChanged = previousStats && stats.running !== previousStats.running;
+        if (hasNewRuns || runningChanged) {
+          state.value.shouldRefreshRuns = true;
+          state.value.lastUpdate = Date.now();
+        }
+        previousStats = { total: stats.total, running: stats.running };
+      }
+    });
+  };
+  const resetRefreshFlag = () => {
+    state.value.shouldRefreshRuns = false;
+  };
+  onMounted(() => {
+    if (import.meta.client && flowName.value) {
+      setupSubscription();
+    }
+  });
+  watch(flowName, (newName, oldName) => {
+    if (newName && newName !== oldName) {
+      previousStats = null;
+      state.value.shouldRefreshRuns = false;
+      state.value.lastUpdate = null;
+    }
+  });
+  onUnmounted(() => {
+    flowWs.unsubscribeStats();
+  });
+  return {
+    isConnected: flowWs.connected,
+    isReconnecting: flowWs.reconnecting,
+    shouldRefreshRuns: computed(() => state.value.shouldRefreshRuns),
+    lastUpdate: computed(() => state.value.lastUpdate),
+    resetRefreshFlag
+  };
+}

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

@@ -388,7 +388,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, onUnmounted } from "#imports";
+import { ref, computed, watch } from "#imports";
 import FlowDiagram from "../../components/flow/Diagram.vue";
 import FlowRunOverview from "../../components/flow/RunOverview.vue";
 import FlowRunTimeline from "../../components/flow/RunTimeline.vue";
@@ -399,6 +399,7 @@ import { useRoute, useRouter } from "#app";
 import { useAnalyzedFlows } from "../../composables/useAnalyzedFlows";
 import { useFlowRuns } from "../../composables/useFlowRuns";
 import { useFlowRunTimeline } from "../../composables/useFlowRunTimeline";
+import { useFlowRunsUpdates } from "../../composables/useFlowRunsUpdates";
 import { useComponentRouter } from "../../composables/useComponentRouter";
 const componentRouter = useComponentRouter();
 const router = useRouter();
@@ -411,7 +412,7 @@ const selectedFlow = computed(() => {
 const selectedRunId = computed({
   get: () => route.query.run || "",
   set: (value) => {
-    router.push({
+    router.replace({
       query: {
         ...route.query,
         run: value || void 0
@@ -453,7 +454,7 @@ const currentPage = computed({
     return page ? Number.parseInt(page, 10) : 1;
   },
   set: (value) => {
-    router.push({
+    router.replace({
       query: {
         ...route.query,
         page: value > 1 ? value.toString() : void 0
@@ -474,36 +475,13 @@ const runs = computed(() => runsResponse.value?.items || []);
 const totalRuns = computed(() => runsResponse.value?.total || 0);
 const loadingRuns = computed(() => runsStatus.value === "pending");
 const { flowState, isConnected, isReconnecting } = useFlowRunTimeline(selectedFlowRef, selectedRunIdRef);
-let pollInterval = null;
-const startPolling = () => {
-  if (pollInterval) return;
-  pollInterval = setInterval(() => {
-    if (selectedFlow.value) {
-      refreshRuns();
-    }
-  }, 3e3);
-};
-const stopPolling = () => {
-  if (pollInterval) {
-    clearInterval(pollInterval);
-    pollInterval = null;
-  }
-};
-watch(selectedFlow, (flow) => {
-  if (flow) {
-    startPolling();
-  } else {
-    stopPolling();
-  }
-}, { immediate: true });
-onMounted(() => {
-  if (import.meta.client && selectedFlow.value) {
-    startPolling();
+const { shouldRefreshRuns, resetRefreshFlag } = useFlowRunsUpdates(selectedFlowRef);
+watch(shouldRefreshRuns, async (shouldRefresh) => {
+  if (shouldRefresh) {
+    await refreshRuns();
+    resetRefreshFlag();
   }
 });
-onUnmounted(() => {
-  stopPolling();
-});
 const startFlowModalOpen = ref(false);
 const flowInputJson = ref("{}");
 const jsonError = ref("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvent-addon/app",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "nvent app module for Nuxt.js",
   "repository": "DevJoghurt/nvent",
   "license": "MIT",
@@ -23,10 +23,10 @@
     "prepack": "pnpm build"
   },
   "dependencies": {
-    "@iconify-json/devicon": "^1.2.51",
+    "@iconify-json/devicon": "^1.2.52",
     "@iconify-json/heroicons": "1.2.3",
-    "@iconify-json/lucide": "^1.2.76",
-    "@nuxt/kit": "4.2.1",
+    "@iconify-json/lucide": "^1.2.80",
+    "@nuxt/kit": "4.2.2",
     "@nuxt/ui": "4.2.1",
     "@vue-flow/background": "^1.3.2",
     "@vue-flow/controls": "^1.1.3",
@@ -34,15 +34,15 @@
     "@vue-flow/minimap": "^1.5.4",
     "defu": "^6.1.4",
     "json-editor-vue": "^0.18.1",
-    "nuxt": "4.2.1",
+    "nuxt": "4.2.2",
     "pathe": "^2.0.3",
     "zod": "^4.1.13"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "4.2.1",
-    "@types/node": "^24.10.1",
+    "@nuxt/schema": "4.2.2",
+    "@types/node": "^25.0.0",
     "typescript": "latest",
-    "vitest": "^4.0.14"
+    "vitest": "^4.0.15"
   }
 }