nvent 0.4.4 → 0.5.0

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

@@ -1,291 +0,0 @@
-<template>
-  <div class="flex flex-col h-full">
-    <!-- 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 gap-4 text-xs">
-        <!-- 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" />
-
-        <!-- 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>
-      </div>
-    </div>
-
-    <!-- Scrollable Steps List -->
-    <div class="flex-1 overflow-y-auto overflow-x-hidden px-6 py-6">
-      <div
-        v-if="steps.length === 0"
-        class="h-full flex flex-col items-center justify-center text-gray-400 dark:text-gray-500"
-      >
-        <UIcon
-          name="i-lucide-layers"
-          class="w-12 h-12 mb-3 opacity-50"
-        />
-        <span class="text-sm">No steps executed yet</span>
-      </div>
-
-      <div
-        v-else
-        class="space-y-3"
-      >
-        <div
-          v-for="(step, idx) in steps"
-          :key="step.key"
-          class="relative"
-        >
-          <!-- Connecting Line -->
-          <div
-            v-if="idx < steps.length - 1"
-            class="absolute left-4 top-10 w-0.5 h-8 bg-gray-200 dark:bg-gray-800"
-          />
-
-          <!-- Step Card -->
-          <div class="bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 rounded-lg p-4 hover:border-gray-300 dark:hover:border-gray-700 transition-colors">
-            <div class="flex items-start gap-3">
-              <!-- Status Icon -->
-              <div class="flex-shrink-0 mt-0.5">
-                <div
-                  class="w-8 h-8 rounded-full flex items-center justify-center"
-                  :class="getStepStatusBg(step.status)"
-                >
-                  <UIcon
-                    :name="getStepStatusIcon(step.status)"
-                    class="w-4 h-4"
-                    :class="getStepStatusIconColor(step.status)"
-                  />
-                </div>
-              </div>
-
-              <!-- Step Details -->
-              <div class="flex-1 min-w-0">
-                <div class="flex items-start justify-between gap-2">
-                  <div class="flex-1">
-                    <h4 class="text-sm font-medium text-gray-900 dark:text-gray-100">
-                      {{ step.key }}
-                    </h4>
-                    <div class="flex items-center gap-3 mt-1 text-xs text-gray-500">
-                      <span
-                        class="capitalize"
-                        :class="getStepStatusTextColor(step.status)"
-                      >
-                        {{ step.status || "pending" }}
-                      </span>
-                      <span v-if="step.attempt && step.attempt > 1">
-                        Attempt {{ step.attempt }}
-                      </span>
-                    </div>
-                  </div>
-                </div>
-
-                <!-- Timing Info -->
-                <div
-                  v-if="step.startedAt || step.completedAt"
-                  class="mt-2 flex items-center gap-4 text-xs text-gray-500"
-                >
-                  <div
-                    v-if="step.startedAt"
-                    class="flex items-center gap-1"
-                  >
-                    <UIcon
-                      name="i-lucide-clock"
-                      class="w-3 h-3"
-                    />
-                    <span>{{ formatTime(step.startedAt) }}</span>
-                  </div>
-                  <div
-                    v-if="step.completedAt"
-                    class="flex items-center gap-1"
-                  >
-                    <UIcon
-                      name="i-lucide-check-circle"
-                      class="w-3 h-3"
-                    />
-                    <span>{{ formatTime(step.completedAt) }}</span>
-                  </div>
-                </div>
-
-                <!-- Error Message -->
-                <div
-                  v-if="step.error"
-                  class="mt-2 p-2 bg-red-50 dark:bg-red-900/10 border border-red-200 dark:border-red-900/30 rounded text-xs text-red-600 dark:text-red-400"
-                >
-                  <div class="flex items-start gap-1">
-                    <UIcon
-                      name="i-lucide-alert-circle"
-                      class="w-3 h-3 flex-shrink-0 mt-0.5"
-                    />
-                    <span>{{ step.error }}</span>
-                  </div>
-                </div>
-
-                <!-- Await Info -->
-                <div
-                  v-if="step.awaitType"
-                  class="mt-2 p-2 bg-blue-50 dark:bg-blue-900/10 border border-blue-200 dark:border-blue-900/30 rounded text-xs text-blue-600 dark:text-blue-400"
-                >
-                  <div class="flex items-center gap-1">
-                    <UIcon
-                      name="i-lucide-timer"
-                      class="w-3 h-3"
-                    />
-                    <span>Waiting: {{ step.awaitType }}</span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { UIcon } from "#components";
-defineProps({
-  runStatus: { type: String, required: false },
-  startedAt: { type: String, required: false },
-  completedAt: { type: String, required: false },
-  steps: { type: Array, required: true }
-});
-const formatTime = (timestamp) => {
-  const date = new Date(timestamp);
-  const now = /* @__PURE__ */ new Date();
-  const diff = now.getTime() - date.getTime();
-  const seconds = Math.floor(diff / 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 ago`;
-  if (hours > 0)
-    return `${hours}h ago`;
-  if (minutes > 0)
-    return `${minutes}m ago`;
-  if (seconds > 10)
-    return `${seconds}s ago`;
-  return "just now";
-};
-const getDuration = (start, end) => {
-  if (!start)
-    return "\u2014";
-  const startTime = new Date(start).getTime();
-  const endTime = end ? new Date(end).getTime() : Date.now();
-  const diff = endTime - startTime;
-  const seconds = Math.floor(diff / 1e3);
-  const minutes = Math.floor(seconds / 60);
-  const hours = Math.floor(minutes / 60);
-  if (hours > 0)
-    return `${hours}h ${minutes % 60}m`;
-  if (minutes > 0)
-    return `${minutes}m ${seconds % 60}s`;
-  return `${seconds}s`;
-};
-const getStatusColor = (status) => {
-  switch (status) {
-    case "completed":
-      return "bg-emerald-500";
-    case "failed":
-      return "bg-red-500";
-    case "running":
-      return "bg-blue-500 animate-pulse";
-    default:
-      return "bg-gray-300";
-  }
-};
-const getStepStatusBg = (status) => {
-  switch (status) {
-    case "completed":
-      return "bg-emerald-50 dark:bg-emerald-900/20";
-    case "failed":
-      return "bg-red-50 dark:bg-red-900/20";
-    case "running":
-      return "bg-blue-50 dark:bg-blue-900/20";
-    default:
-      return "bg-gray-50 dark:bg-gray-900/20";
-  }
-};
-const getStepStatusIcon = (status) => {
-  switch (status) {
-    case "completed":
-      return "i-lucide-check-circle";
-    case "failed":
-      return "i-lucide-x-circle";
-    case "running":
-      return "i-lucide-loader-circle";
-    default:
-      return "i-lucide-circle";
-  }
-};
-const getStepStatusIconColor = (status) => {
-  switch (status) {
-    case "completed":
-      return "text-emerald-600 dark:text-emerald-400";
-    case "failed":
-      return "text-red-600 dark:text-red-400";
-    case "running":
-      return "text-blue-600 dark:text-blue-400 animate-spin";
-    default:
-      return "text-gray-400";
-  }
-};
-const getStepStatusTextColor = (status) => {
-  switch (status) {
-    case "completed":
-      return "text-emerald-600 dark:text-emerald-400";
-    case "failed":
-      return "text-red-600 dark:text-red-400";
-    case "running":
-      return "text-blue-600 dark:text-blue-400";
-    default:
-      return "text-gray-500";
-  }
-};
-</script>

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

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    runStatus?: string;
-    startedAt?: string;
-    completedAt?: string;
-    steps: any[];
-};
-declare const __VLS_export: 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 _default: typeof __VLS_export;
-export default _default;

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

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

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

@@ -1,60 +0,0 @@
-<template>
-  <div
-    class="flex items-center gap-1.5 px-1.5 py-0.5 rounded text-xs border shrink-0"
-    :class="{
-  'bg-emerald-50 dark:bg-emerald-950/30 border-emerald-200 dark:border-emerald-800': isCompleted,
-  'bg-red-50 dark:bg-red-950/30 border-red-200 dark:border-red-800': isFailed,
-  'bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-800': isRunning,
-  'bg-gray-50 dark:bg-gray-900/30 border-gray-200 dark:border-gray-800': isIdle
-}"
-  >
-    <div
-      class="w-1 h-1 rounded-full"
-      :class="{
-  'bg-emerald-500': isCompleted,
-  'bg-red-500': isFailed,
-  'bg-blue-500 animate-pulse': isRunning && !isReconnecting,
-  'bg-amber-500 animate-pulse': isReconnecting,
-  'bg-gray-400': isIdle
-}"
-    />
-    <span
-      class="text-[10px] font-medium uppercase tracking-wider"
-      :class="{
-  'text-emerald-700 dark:text-emerald-400': isCompleted,
-  'text-red-700 dark:text-red-400': isFailed,
-  'text-blue-700 dark:text-blue-400': isRunning,
-  'text-gray-600 dark:text-gray-400': isIdle
-}"
-    >
-      <template v-if="isReconnecting">
-        Reconnecting
-      </template>
-      <template v-else-if="isRunning">
-        Running
-      </template>
-      <template v-else-if="isCompleted">
-        Done
-      </template>
-      <template v-else-if="isFailed">
-        Failed
-      </template>
-      <template v-else>
-        Idle
-      </template>
-    </span>
-  </div>
-</template>
-
-<script setup>
-import { computed } from "#imports";
-const props = defineProps({
-  isRunning: { type: Boolean, required: false, default: false },
-  isCompleted: { type: Boolean, required: false, default: false },
-  isFailed: { type: Boolean, required: false, default: false },
-  isReconnecting: { type: Boolean, required: false, default: false }
-});
-const isIdle = computed(() => {
-  return !props.isRunning && !props.isCompleted && !props.isFailed;
-});
-</script>

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

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

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

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    events: any[];
-    logs: any[];
-    isLive?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    export: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onExport?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,127 +0,0 @@
-<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="flex items-center gap-2 ml-auto">
-        <UButton
-          size="xs"
-          color="neutral"
-          variant="outline"
-          :disabled="filteredItems.length === 0"
-          @click="$emit('export')"
-        >
-          Export JSON
-        </UButton>
-        <div class="text-xs text-gray-500">
-          {{ filteredItems.length }} item{{ filteredItems.length === 1 ? "" : "s" }}
-        </div>
-      </div>
-    </div>
-
-    <!-- Combined Timeline/Logs Content -->
-    <div class="flex-1 overflow-y-auto overflow-x-hidden">
-      <div
-        v-if="filteredItems.length === 0"
-        class="h-full flex flex-col items-center justify-center text-gray-400 dark:text-gray-500"
-      >
-        <UIcon
-          name="i-lucide-inbox"
-          class="w-12 h-12 mb-3 opacity-50"
-        />
-        <span class="text-sm">No {{ filter === "all" ? "items" : filter }} yet.</span>
-      </div>
-      <TimelineList
-        v-else
-        :items="filteredItems"
-        height-class="min-h-full"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from "#imports";
-import TimelineList from "./TimelineList.vue";
-import { UButton, UIcon, URadioGroup } from "#components";
-const props = defineProps({
-  events: { type: Array, required: true },
-  logs: { type: Array, required: true },
-  isLive: { type: Boolean, required: false }
-});
-defineEmits(["export"]);
-const filter = ref("all");
-const filterOptions = [
-  { value: "all", label: "All" },
-  { value: "events", label: "Events" },
-  { value: "logs", label: "Logs" }
-];
-function getItemHash(item) {
-  if (item.type === "log") {
-    const message = item.data?.message || item.data?.msg || "";
-    const level = item.data?.level || "info";
-    const step2 = item.stepName || item.data?.stepName || "";
-    const ts2 = item.ts || 0;
-    return `log-${ts2}-${step2}-${level}-${message}`.toLowerCase();
-  }
-  const step = item.stepName || "";
-  const ts = item.ts || 0;
-  return `${item.type}-${ts}-${step}`.toLowerCase();
-}
-const filteredItems = computed(() => {
-  const allItems = [];
-  allItems.push(...props.events);
-  const logItems = props.logs.map((log) => ({
-    id: `log-${log.ts}`,
-    ts: log.ts,
-    type: "log",
-    stepName: log.step || log.stepName,
-    data: {
-      level: log.level,
-      message: log.msg || log.message,
-      ...log.data
-    }
-  }));
-  allItems.push(...logItems);
-  const seenHashes = /* @__PURE__ */ new Set();
-  const uniqueItems = [];
-  allItems.forEach((item) => {
-    const hash = getItemHash(item);
-    if (!seenHashes.has(hash)) {
-      seenHashes.add(hash);
-      uniqueItems.push(item);
-    }
-  });
-  let deduplicatedItems = uniqueItems;
-  if (filter.value === "events") {
-    deduplicatedItems = uniqueItems.filter((item) => item.type !== "log");
-  } else if (filter.value === "logs") {
-    deduplicatedItems = uniqueItems.filter((item) => item.type === "log");
-  }
-  deduplicatedItems.sort((a, b) => {
-    const getTs = (item) => {
-      if (typeof item.ts === "number") return item.ts;
-      if (typeof item.ts === "string") return new Date(item.ts).getTime();
-      return 0;
-    };
-    return getTs(b) - getTs(a);
-  });
-  return deduplicatedItems;
-});
-</script>

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

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    events: any[];
-    logs: any[];
-    isLive?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    export: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onExport?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    flowName: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    scheduled: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onScheduled?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;