@nvent-addon/app 0.4.5 → 0.5.1

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

@@ -0,0 +1,387 @@
+<template>
+  <div class="space-y-6">
+    <!-- Queue Configuration -->
+    <div>
+      <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-4">
+        Queue Configuration
+      </h3>
+      <div
+        v-if="!queueConfig || !hasQueueConfig"
+        class="text-sm text-gray-400 text-center py-8 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-800"
+      >
+        <UIcon
+          name="i-lucide-info"
+          class="w-8 h-8 mx-auto mb-2 opacity-50"
+        />
+        <p>No queue configuration defined</p>
+        <p class="text-xs mt-1">
+          Using default values
+        </p>
+      </div>
+      <div
+        v-else
+        class="space-y-4"
+      >
+        <!-- Queue Name -->
+        <div class="space-y-2">
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-tag"
+              class="w-4 h-4"
+            />
+            <span>Queue Name</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm font-mono text-gray-900 dark:text-gray-100 bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              {{ queueConfig.name || queueName }}
+            </div>
+          </div>
+        </div>
+
+        <!-- Prefix -->
+        <div
+          v-if="queueConfig.prefix"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-folder"
+              class="w-4 h-4"
+            />
+            <span>Prefix</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm font-mono text-gray-900 dark:text-gray-100 bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              {{ queueConfig.prefix }}
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Redis key prefix for this queue
+            </p>
+          </div>
+        </div>
+
+        <!-- Rate Limiter -->
+        <div
+          v-if="queueConfig.limiter"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-gauge"
+              class="w-4 h-4"
+            />
+            <span>Rate Limiter</span>
+          </div>
+          <div class="pl-6 space-y-3">
+            <div class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Max Jobs</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.limiter.max }}</span>
+              </div>
+            </div>
+            <div class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Duration</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.limiter.duration }}ms</span>
+              </div>
+            </div>
+            <div
+              v-if="queueConfig.limiter.groupKey"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Group Key</span>
+                <span class="font-medium font-mono text-gray-900 dark:text-gray-100">{{ queueConfig.limiter.groupKey }}</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500">
+              Limits processing to {{ queueConfig.limiter.max }} jobs per {{ queueConfig.limiter.duration }}ms
+            </p>
+          </div>
+        </div>
+
+        <!-- Default Job Options -->
+        <div
+          v-if="queueConfig.defaultJobOptions && hasJobOptions"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-settings"
+              class="w-4 h-4"
+            />
+            <span>Default Job Options</span>
+          </div>
+          <div class="pl-6 space-y-3">
+            <div
+              v-if="typeof queueConfig.defaultJobOptions.attempts === 'number'"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Max Attempts</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.attempts }}</span>
+              </div>
+            </div>
+            <div
+              v-if="queueConfig.defaultJobOptions.backoff"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="text-sm space-y-1">
+                <div class="flex items-center justify-between">
+                  <span class="text-gray-600 dark:text-gray-400">Backoff Type</span>
+                  <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.backoff.type || "exponential" }}</span>
+                </div>
+                <div
+                  v-if="queueConfig.defaultJobOptions.backoff.delay"
+                  class="flex items-center justify-between"
+                >
+                  <span class="text-gray-600 dark:text-gray-400">Delay</span>
+                  <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.backoff.delay }}ms</span>
+                </div>
+              </div>
+            </div>
+            <div
+              v-if="typeof queueConfig.defaultJobOptions.priority === 'number'"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Priority</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.priority }}</span>
+              </div>
+            </div>
+            <div
+              v-if="typeof queueConfig.defaultJobOptions.timeout === 'number'"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Timeout</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.timeout }}ms</span>
+              </div>
+            </div>
+            <div
+              v-if="typeof queueConfig.defaultJobOptions.removeOnComplete === 'boolean' || typeof queueConfig.defaultJobOptions.removeOnComplete === 'number'"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Remove on Complete</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.removeOnComplete }}</span>
+              </div>
+            </div>
+            <div
+              v-if="typeof queueConfig.defaultJobOptions.removeOnFail === 'boolean' || typeof queueConfig.defaultJobOptions.removeOnFail === 'number'"
+              class="bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800"
+            >
+              <div class="flex items-center justify-between text-sm">
+                <span class="text-gray-600 dark:text-gray-400">Remove on Fail</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ queueConfig.defaultJobOptions.removeOnFail }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Worker Configuration -->
+    <div>
+      <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-4">
+        Worker Configuration
+      </h3>
+      <div
+        v-if="!workerConfig || !hasWorkerConfig"
+        class="text-sm text-gray-400 text-center py-8 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-800"
+      >
+        <UIcon
+          name="i-lucide-info"
+          class="w-8 h-8 mx-auto mb-2 opacity-50"
+        />
+        <p>No worker configuration defined</p>
+        <p class="text-xs mt-1">
+          Using default values
+        </p>
+      </div>
+      <div
+        v-else
+        class="space-y-4"
+      >
+        <!-- Concurrency -->
+        <div
+          v-if="typeof workerConfig.concurrency === 'number'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-layers"
+              class="w-4 h-4"
+            />
+            <span>Concurrency</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Parallel Jobs</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ workerConfig.concurrency }}</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Maximum number of jobs processed simultaneously
+            </p>
+          </div>
+        </div>
+
+        <!-- Lock Duration -->
+        <div
+          v-if="typeof workerConfig.lockDurationMs === 'number'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-lock"
+              class="w-4 h-4"
+            />
+            <span>Lock Duration</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Duration</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ workerConfig.lockDurationMs }}ms</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Time before job lock expires and becomes available for retry
+            </p>
+          </div>
+        </div>
+
+        <!-- Max Stalled Count -->
+        <div
+          v-if="typeof workerConfig.maxStalledCount === 'number'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-alert-triangle"
+              class="w-4 h-4"
+            />
+            <span>Max Stalled Count</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Max Retries</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ workerConfig.maxStalledCount }}</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Maximum times a job can stall before being marked as failed
+            </p>
+          </div>
+        </div>
+
+        <!-- Drain Delay -->
+        <div
+          v-if="typeof workerConfig.drainDelayMs === 'number'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-timer"
+              class="w-4 h-4"
+            />
+            <span>Drain Delay</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Delay</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ workerConfig.drainDelayMs }}ms</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Time to wait for jobs to complete during graceful shutdown
+            </p>
+          </div>
+        </div>
+
+        <!-- Polling Interval -->
+        <div
+          v-if="typeof workerConfig.pollingIntervalMs === 'number'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-refresh-cw"
+              class="w-4 h-4"
+            />
+            <span>Polling Interval</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Interval</span>
+                <span class="font-medium text-gray-900 dark:text-gray-100">{{ workerConfig.pollingIntervalMs }}ms</span>
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Frequency to check for new jobs (PGBoss compatibility)
+            </p>
+          </div>
+        </div>
+
+        <!-- Autorun -->
+        <div
+          v-if="typeof workerConfig.autorun === 'boolean'"
+          class="space-y-2"
+        >
+          <div class="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
+            <UIcon
+              name="i-lucide-play-circle"
+              class="w-4 h-4"
+            />
+            <span>Autorun</span>
+          </div>
+          <div class="pl-6">
+            <div class="text-sm bg-gray-50 dark:bg-gray-900 px-3 py-2 rounded border border-gray-200 dark:border-gray-800">
+              <div class="flex items-center justify-between">
+                <span class="text-gray-600 dark:text-gray-400">Enabled</span>
+                <UBadge
+                  :label="workerConfig.autorun ? 'Yes' : 'No'"
+                  :color="workerConfig.autorun ? 'success' : 'neutral'"
+                  variant="subtle"
+                  size="xs"
+                />
+              </div>
+            </div>
+            <p class="text-xs text-gray-500 mt-1">
+              Whether worker starts automatically on initialization
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { UIcon, UBadge } from "#components";
+const props = defineProps({
+  queueName: { type: String, required: true },
+  queueConfig: { type: Object, required: false },
+  workerConfig: { type: Object, required: false }
+});
+const hasQueueConfig = computed(() => {
+  if (!props.queueConfig) return false;
+  const { name, ...rest } = props.queueConfig;
+  return Object.values(rest).some((v) => v !== void 0 && v !== null);
+});
+const hasJobOptions = computed(() => {
+  const opts = props.queueConfig?.defaultJobOptions;
+  if (!opts) return false;
+  return Object.values(opts).some((v) => v !== void 0 && v !== null);
+});
+const hasWorkerConfig = computed(() => {
+  if (!props.workerConfig) return false;
+  return Object.values(props.workerConfig).some((v) => v !== void 0 && v !== null);
+});
+</script>

package/dist/runtime/app/components/{QueueConfigDetails.vue.d.ts → QueueConfiguration.vue.d.ts}

@@ -31,15 +31,6 @@ interface Props {
     queueConfig?: QueueConfig;
     workerConfig?: WorkerConfig;
 }
-type __VLS_Props = Props;
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,9 @@
+interface Props {
+    icon: string;
+    count: number | string;
+    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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,57 @@
+<template>
+  <div class="bg-white dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 p-4">
+    <div class="flex items-center gap-3">
+      <div
+        class="flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center"
+        :class="iconBackgroundClass"
+      >
+        <UIcon
+          :name="icon"
+          class="w-5 h-5"
+          :class="iconColorClass"
+        />
+      </div>
+      <div class="flex-1 min-w-0">
+        <p class="text-2xl font-bold text-gray-900 dark:text-gray-100">
+          {{ count }}
+        </p>
+        <p class="text-xs text-gray-500 dark:text-gray-400">
+          {{ label }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { UIcon } from "#components";
+const props = defineProps({
+  icon: { type: String, required: true },
+  count: { type: [Number, String], required: true },
+  label: { type: String, required: true },
+  variant: { type: String, required: false, default: "gray" }
+});
+const iconBackgroundClass = computed(() => {
+  const variants = {
+    gray: "bg-gray-50 dark:bg-gray-800",
+    blue: "bg-blue-50 dark:bg-blue-950/30",
+    amber: "bg-amber-50 dark:bg-amber-950/30",
+    emerald: "bg-emerald-50 dark:bg-emerald-950/30",
+    red: "bg-red-50 dark:bg-red-950/30",
+    purple: "bg-purple-50 dark:bg-purple-950/30"
+  };
+  return variants[props.variant];
+});
+const iconColorClass = computed(() => {
+  const variants = {
+    gray: "text-gray-600 dark:text-gray-400",
+    blue: "text-blue-600 dark:text-blue-400",
+    amber: "text-amber-600 dark:text-amber-400",
+    emerald: "text-emerald-600 dark:text-emerald-400",
+    red: "text-red-600 dark:text-red-400",
+    purple: "text-purple-600 dark:text-purple-400"
+  };
+  return variants[props.variant];
+});
+</script>

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

@@ -0,0 +1,9 @@
+interface Props {
+    icon: string;
+    count: number | string;
+    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 _default: typeof __VLS_export;
+export default _default;

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

@@ -62,6 +62,67 @@
           </div>
         </div>
 
+        <!-- Special rendering for await events -->
+        <div
+          v-else-if="isAwaitEvent(item.eventType)"
+          class="text-sm mt-2"
+        >
+          <div
+            v-if="item.eventData"
+            class="space-y-1"
+          >
+            <div
+              v-if="item.eventData.awaitType"
+              class="flex items-start gap-2"
+            >
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-medium min-w-[60px] flex-shrink-0">Type:</span>
+              <UBadge
+                color="blue"
+                variant="subtle"
+                size="xs"
+                class="capitalize"
+              >
+                {{ item.eventData.awaitType }}
+              </UBadge>
+            </div>
+            <div
+              v-if="item.eventData.position"
+              class="flex items-start gap-2"
+            >
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-medium min-w-[60px] flex-shrink-0">Position:</span>
+              <UBadge
+                color="neutral"
+                variant="subtle"
+                size="xs"
+                class="capitalize"
+              >
+                {{ item.eventData.position }}
+              </UBadge>
+            </div>
+            <div
+              v-if="item.eventData.triggerName"
+              class="flex items-start gap-2"
+            >
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-medium min-w-[60px] flex-shrink-0">Trigger:</span>
+              <span class="text-xs text-gray-700 dark:text-gray-300 font-mono">{{ item.eventData.triggerName }}</span>
+            </div>
+            <div
+              v-if="item.eventData.triggerData"
+              class="flex items-start gap-2"
+            >
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-medium min-w-[60px] flex-shrink-0">Data:</span>
+              <pre class="text-xs bg-gray-50 dark:bg-gray-800 rounded px-2 py-1 overflow-y-auto max-h-20 text-gray-700 dark:text-gray-300 font-mono flex-1 min-w-0 whitespace-pre-wrap break-words">{{ pretty(item.eventData.triggerData) }}</pre>
+            </div>
+            <div
+              v-if="item.eventData.duration"
+              class="flex items-start gap-2"
+            >
+              <span class="text-xs text-gray-500 dark:text-gray-400 font-medium min-w-[60px] flex-shrink-0">Duration:</span>
+              <span class="text-xs text-gray-700 dark:text-gray-300">{{ item.eventData.duration }}ms</span>
+            </div>
+          </div>
+        </div>
+
         <!-- Special rendering for flow events -->
         <div
           v-else-if="isFlowEvent(item.eventType)"
@@ -162,6 +223,9 @@ function eventIcon(type) {
   if (type === "step.failed") return "i-lucide-alert-circle";
   if (type === "step.retry") return "i-lucide-rotate-cw";
   if (type === "step.timeout") return "i-lucide-clock";
+  if (type === "await.registered") return "i-lucide-timer";
+  if (type === "await.resolved") return "i-lucide-check-circle";
+  if (type === "await.timeout") return "i-lucide-clock-alert";
   if (type === "log") return "i-lucide-file-text";
   if (type === "emit") return "i-lucide-zap";
   return "i-lucide-circle-dot";
@@ -208,4 +272,7 @@ function levelColor(level) {
 function isFlowEvent(type) {
   return type?.startsWith("flow.") || type?.startsWith("step.");
 }
+function isAwaitEvent(type) {
+  return type?.startsWith("await.");
+}
 </script>

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

@@ -0,0 +1,18 @@
+interface AwaitConfig {
+    type?: 'time' | 'event' | 'webhook';
+    delay?: number;
+    event?: string;
+    method?: string;
+    timeout?: number;
+}
+type __VLS_Props = {
+    data: {
+        label: string;
+        awaitType?: 'time' | 'event' | 'webhook';
+        awaitConfig?: AwaitConfig;
+        status?: 'idle' | 'waiting' | 'resolved' | 'timeout';
+    };
+};
+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;