@revenexx/studio-integrations 0.5.0 → 0.5.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/Integrations/WorkflowEditor.d.vue.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     workflow: Workflow;
     /** Busy flag for the control-pane Play button (a run is being triggered). */
     runBusy?: boolean;
+    /** The run is queued behind a bundle build — busy, but worth saying why. */
+    runWaiting?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (blob: WorkflowBlob) => any;

package/dist/runtime/components/Integrations/WorkflowEditor.vue

@@ -50,7 +50,8 @@ import { layoutWorkflowNodes } from "./workflowLayout";
 import { TRIGGER_TEMPLATES, findManifest } from "../../data/integrationNodeCatalog";
 const props = defineProps({
   workflow: { type: Object, required: true },
-  runBusy: { type: Boolean, required: false }
+  runBusy: { type: Boolean, required: false },
+  runWaiting: { type: Boolean, required: false }
 });
 const emit = defineEmits(["change", "run", "toggleActive", "openSettings"]);
 const { keys: secretKeys } = useIntegrationsSecrets();
@@ -1472,7 +1473,7 @@ const edgeTypes = {
           <!-- Smart Run: the page decides what "run" means — workflows that
                consume trigger.payload open the payload dialog, payload-free
                ones fire immediately. One button either way. -->
-          <IntegrationsEditorTip label="Run workflow" shortcut="mod+enter">
+          <IntegrationsEditorTip :label="runWaiting ? 'The bundle is still building \u2014 the run starts when it is ready' : 'Run workflow'" shortcut="mod+enter">
             <button
               type="button"
               class="relative flex h-8 items-center gap-1.5 rounded-lg bg-gradient-to-b from-emerald-500 to-emerald-600 px-3.5 text-sm font-medium text-white transition after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-[inset_0_1px_0_rgba(255,255,255,0.3),inset_0_-2px_0_rgba(0,0,0,0.25)] hover:from-emerald-600 hover:to-emerald-600 active:translate-y-px disabled:opacity-60"
@@ -1481,7 +1482,7 @@ const edgeTypes = {
             >
               <Loader2 v-if="runBusy" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run
+              {{ runWaiting ? "Waiting for build\u2026" : "Run" }}
             </button>
           </IntegrationsEditorTip>
 

package/dist/runtime/components/Integrations/WorkflowEditor.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     workflow: Workflow;
     /** Busy flag for the control-pane Play button (a run is being triggered). */
     runBusy?: boolean;
+    /** The run is queued behind a bundle build — busy, but worth saying why. */
+    runWaiting?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (blob: WorkflowBlob) => any;

package/dist/runtime/pages/integrations/workflows/[id].vue

@@ -54,11 +54,33 @@ const reauthCredentials = computed(() => {
   const blob = JSON.stringify(dirtyBlob.value ?? workflow.value?.blob ?? {});
   return needsReauth.value.filter((c) => blob.includes(c.id));
 });
-const buildBlocked = computed(() => {
-  const s = workflow.value?.buildStatus;
-  return s === "pending" || s === "building" || s === "failed";
-});
 const buildWorking = computed(() => workflow.value?.buildStatus === "building" || workflow.value?.buildStatus === "pending");
+const buildFailed = computed(() => workflow.value?.buildStatus === "failed");
+const waitingForBuild = ref(false);
+const BUILD_WAIT_POLL_MS = 2500;
+const BUILD_WAIT_TIMEOUT_MS = 5 * 6e4;
+async function waitForBuildReady() {
+  waitingForBuild.value = true;
+  try {
+    const started = Date.now();
+    while (Date.now() - started < BUILD_WAIT_TIMEOUT_MS) {
+      await new Promise((resolve) => setTimeout(resolve, BUILD_WAIT_POLL_MS));
+      if (!workflow.value) return false;
+      const fresh = await get(workflow.value.id);
+      const status = fresh?.buildStatus;
+      if (status === "pending" || status === "building") continue;
+      if (status === "failed") {
+        toast.error("The workflow bundle failed to build \u2014 the run was not started.");
+        return false;
+      }
+      return true;
+    }
+    toast.error("The bundle build is taking unusually long \u2014 try the run again once it is ready.");
+    return false;
+  } finally {
+    waitingForBuild.value = false;
+  }
+}
 const buildNotice = computed(() => {
   switch (workflow.value?.buildStatus) {
     case "building":
@@ -101,6 +123,7 @@ async function onRevisionRestored() {
 }
 const { trigger: triggerRun, loadForWorkflow, fetchRun, retryRun } = useIntegrationsRuns();
 const running = ref(false);
+const waitingMode = ref(null);
 const payloadText = ref("{}");
 const payloadError = ref(null);
 const primaryMode = computed(() => workflow.value?.execution_mode === "sync_only" ? "sync" : "async");
@@ -139,6 +162,12 @@ async function run(mode) {
     return;
   }
   payloadError.value = null;
+  if (buildWorking.value) {
+    waitingMode.value = mode;
+    const ready = await waitForBuildReady();
+    waitingMode.value = null;
+    if (!ready) return;
+  }
   runModalMode.value = mode;
   runModalRunId.value = null;
   syncOpen.value = true;
@@ -574,7 +603,8 @@ function formatDateTime(iso) {
         <WorkflowEditor
           :key="editorResetKey"
           :workflow="workflow"
-          :run-busy="running || syncLoading"
+          :run-busy="running || syncLoading || waitingForBuild"
+          :run-waiting="waitingForBuild"
           @change="onChange"
           @run="runFromEditor"
           @toggle-active="toggleActive(workflow.id)"
@@ -669,36 +699,36 @@ function formatDateTime(iso) {
           <template v-if="workflow.execution_mode === 'caller_decides'">
             <Button
               variant="outline"
-              :disabled="running || syncLoading || buildBlocked"
-              :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+              :disabled="running || syncLoading || waitingForBuild || buildFailed"
+              :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
               class="h-8 text-sm"
               @click="runFromPayloadDialog('sync')"
             >
-              <Loader2 v-if="syncLoading" :size="14" class="animate-spin" />
+              <Loader2 v-if="syncLoading || waitingMode === 'sync'" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run (sync)
+              {{ waitingMode === "sync" ? "Waiting for build\u2026" : "Run (sync)" }}
             </Button>
             <Button
-              :disabled="running || syncLoading || buildBlocked"
-              :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+              :disabled="running || syncLoading || waitingForBuild || buildFailed"
+              :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
               class="h-8 text-sm"
               @click="runFromPayloadDialog('async')"
             >
-              <Loader2 v-if="running" :size="14" class="animate-spin" />
+              <Loader2 v-if="running || waitingMode === 'async'" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run (async)
+              {{ waitingMode === "async" ? "Waiting for build\u2026" : "Run (async)" }}
             </Button>
           </template>
           <Button
             v-else
-            :disabled="running || syncLoading || buildBlocked"
-            :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+            :disabled="running || syncLoading || waitingForBuild || buildFailed"
+            :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
             class="h-8 text-sm"
             @click="runFromPayloadDialog(primaryMode)"
           >
-            <Loader2 v-if="running || syncLoading" :size="14" class="animate-spin" />
+            <Loader2 v-if="running || syncLoading || waitingForBuild" :size="14" class="animate-spin" />
             <Play v-else :size="14" />
-            Run ({{ primaryMode }})
+            {{ waitingForBuild ? "Waiting for build\u2026" : `Run (${primaryMode})` }}
           </Button>
         </div>
       </DialogContent>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-integrations",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "type": "module",
   "description": "Integration Studio (core: workflows, node editor, runs, schedules, credentials, secrets, audit) as a standalone, publishable Nuxt module.",
   "repository": {