@revenexx/studio-integrations 1.1.0 → 1.2.0

package/dist/runtime/components/Integrations/canvasSides.js

@@ -0,0 +1,22 @@
+import { Position } from "@vue-flow/core";
+export const SIDE_POSITION = {
+  top: Position.Top,
+  right: Position.Right,
+  bottom: Position.Bottom,
+  left: Position.Left
+};
+export const OPPOSITE_SIDE = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+const SIDE_SPREAD_AXIS = {
+  top: "left",
+  right: "top",
+  bottom: "left",
+  left: "top"
+};
+export function distributedStyle(side, i, total) {
+  return { [SIDE_SPREAD_AXIS[side]]: `${(i + 1) / (total + 1) * 100}%` };
+}

package/dist/runtime/composables/useCredentialTypes.js

@@ -1,6 +1,6 @@
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 export function useCredentialTypes() {
   const types = useState("integrations.credentialTypes", () => []);
@@ -16,10 +16,6 @@ export function useCredentialTypes() {
     if (Array.isArray(obj?.data)) return obj.data;
     return [];
   }
-  function captureError(e, fallback) {
-    if (e instanceof IntegrationsApiError) return e.message;
-    return e?.message ?? fallback;
-  }
   async function load(force = false) {
     if (!await gate.claim(force)) return types.value;
     error.value = null;
@@ -27,7 +23,7 @@ export function useCredentialTypes() {
       types.value = normalize(await api.get("/credential-types"));
       loaded.value = true;
     } catch (e) {
-      error.value = captureError(e, t("integration.credentials.error.loadTypes"));
+      error.value = errorReason(e, t("integration.credentials.error.loadTypes"));
     } finally {
       gate.release();
     }

package/dist/runtime/composables/useIntegrationsAudit.js

@@ -1,5 +1,5 @@
 import { useIntegrationsApi } from "./integrationsApi.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 export function useIntegrationsAudit() {
   const api = useIntegrationsApi();
@@ -28,7 +28,7 @@ export function useIntegrationsAudit() {
       entries.value = append ? [...entries.value, ...data] : data;
       nextCursor.value = res.meta?.next_cursor ?? null;
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? "Could not load the audit log.";
+      error.value = errorReason(e, "Could not load the audit log.");
     } finally {
       gate.release();
     }

package/dist/runtime/composables/useIntegrationsCredentials.js

@@ -1,7 +1,7 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { IntegrationsApiError, errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 export function useIntegrationsCredentials() {
   const credentials = useState("integrations.credentials", () => []);
@@ -20,10 +20,6 @@ export function useIntegrationsCredentials() {
   function unwrap(res) {
     return res?.data ?? res;
   }
-  function captureError(e, fallback) {
-    if (e instanceof IntegrationsApiError) return e.message;
-    return e?.message ?? fallback;
-  }
   async function load(force = false) {
     if (!await gate.claim(force)) return credentials.value;
     error.value = null;
@@ -31,7 +27,7 @@ export function useIntegrationsCredentials() {
       credentials.value = normalize(await api.get("/credentials"));
       loaded.value = true;
     } catch (e) {
-      error.value = captureError(e, t("integration.credentials.error.loadFailed"));
+      error.value = errorReason(e, t("integration.credentials.error.loadFailed"));
     } finally {
       gate.release();
     }
@@ -62,7 +58,7 @@ export function useIntegrationsCredentials() {
       const res = await api.post("/credentials/test", { credential_type_slug: credentialTypeSlug, config });
       return res?.ok === false ? res : { ok: true, message: res?.message };
     } catch (e) {
-      return { ok: false, error: captureError(e, t("integration.credentials.error.testFailed")) };
+      return { ok: false, error: errorReason(e, t("integration.credentials.error.testFailed")) };
     }
   }
   async function test(id) {
@@ -70,7 +66,7 @@ export function useIntegrationsCredentials() {
       const res = await api.post(`/credentials/${encodeURIComponent(id)}/test`);
       return res?.ok === false ? res : { ok: true, message: res?.message };
     } catch (e) {
-      return { ok: false, error: captureError(e, t("integration.credentials.error.testFailed")) };
+      return { ok: false, error: errorReason(e, t("integration.credentials.error.testFailed")) };
     }
   }
   async function oauthAuthorizeUrl(id) {

package/dist/runtime/composables/useIntegrationsDeadLetters.d.ts

@@ -24,6 +24,10 @@ export declare function useIntegrationsDeadLetters(): {
     globalLoading: any;
     globalLoaded: any;
     globalHasMore: any;
+    globalPage: any;
+    globalLastPage: import("vue").ComputedRef<number>;
+    goGlobalPage: (page: number) => Promise<GlobalDeadLetterRow[]>;
+    resetGlobalPage: () => void;
     summary: any;
     pendingCount: import("vue").ComputedRef<any>;
 };

package/dist/runtime/composables/useIntegrationsDeadLetters.js

@@ -1,6 +1,7 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useLoadGate } from "./useLoadGate.js";
+import { runFeedLastPage } from "../utils/runFeedQuery.js";
 const EMPTY_SUMMARY = { total: 0, by_status: {} };
 export function useIntegrationsDeadLetters() {
   const api = useIntegrationsApi();
@@ -25,12 +26,15 @@ export function useIntegrationsDeadLetters() {
   const gate = useLoadGate("integrations.deadletters.global", { loading: globalLoading, loaded: globalLoaded });
   const summary = useState("integrations.deadletters.summary", () => ({ ...EMPTY_SUMMARY }));
   const globalHasMore = useState("integrations.deadletters.global.hasMore", () => false);
+  const GLOBAL_PER_PAGE = 25;
+  const globalPage = useState("integrations.deadletters.global.page", () => 1);
+  const globalLastPage = computed(() => runFeedLastPage(summary.value.total, GLOBAL_PER_PAGE));
   const pendingCount = computed(() => summary.value.by_status.pending ?? 0);
   async function loadGlobal(force = false) {
     if (!await gate.claim(force)) return globalItems.value;
     try {
       const [page, counts] = await Promise.all([
-        api.get("/dead-letters?page=1&per_page=100"),
+        api.get(`/dead-letters?page=${globalPage.value}&per_page=${GLOBAL_PER_PAGE}`),
         api.get("/dead-letters/summary")
       ]);
       globalItems.value = page?.data ?? [];
@@ -45,6 +49,13 @@ export function useIntegrationsDeadLetters() {
     }
     return globalItems.value;
   }
+  async function goGlobalPage(page) {
+    globalPage.value = Math.min(Math.max(1, page), globalLastPage.value);
+    return loadGlobal(true);
+  }
+  function resetGlobalPage() {
+    globalPage.value = 1;
+  }
   return {
     list,
     replay,
@@ -54,6 +65,10 @@ export function useIntegrationsDeadLetters() {
     globalLoading,
     globalLoaded,
     globalHasMore,
+    globalPage,
+    globalLastPage,
+    goGlobalPage,
+    resetGlobalPage,
     summary,
     pendingCount
   };

package/dist/runtime/composables/useIntegrationsNodes.js

@@ -2,7 +2,7 @@ import { applyNodeCatalog, findManifest } from "../data/integrationNodeCatalog.j
 import { resolveLocalized } from "../utils/localize.js";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 const RETRY_COOLDOWN_MS = 3e4;
 export function useIntegrationsNodes() {
@@ -39,7 +39,7 @@ export function useIntegrationsNodes() {
       applyNodeCatalog([]);
       loaded.value = false;
       failedAt.value = Date.now();
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.nodes.error.loadFailed");
+      error.value = errorReason(e, t("integration.nodes.error.loadFailed"));
     } finally {
       gate.release();
     }

package/dist/runtime/composables/useIntegrationsRevisions.js

@@ -1,16 +1,12 @@
 import { ref } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 export function useIntegrationsRevisions() {
   const api = useIntegrationsApi();
   const t = useIntegrationsT();
   const loading = ref(false);
   const error = ref(null);
-  function captureError(e, fallback) {
-    if (e instanceof IntegrationsApiError) return e.message;
-    return e?.message ?? fallback;
-  }
   async function list(workflowId, page = 1, perPage = 25) {
     loading.value = true;
     error.value = null;
@@ -18,7 +14,7 @@ export function useIntegrationsRevisions() {
       const res = await api.get(`/workflows/${workflowId}/revisions?page=${page}&per_page=${perPage}`);
       return { revisions: res.data ?? [], meta: res.meta };
     } catch (e) {
-      error.value = captureError(e, t("integration.revisions.error.loadFailed"));
+      error.value = errorReason(e, t("integration.revisions.error.loadFailed"));
       throw e;
     } finally {
       loading.value = false;

package/dist/runtime/composables/useIntegrationsRuns.d.ts

@@ -1,23 +1,11 @@
 import type { RunStatus, RunStepRow, WorkflowRun } from '../types/integrations.js';
+import type { RunFeedQuery } from '../utils/runFeedQuery.js';
+export type { RunFeedQuery };
 interface RunSummary {
     total: number;
     in_flight: number;
     by_status: Record<string, number>;
 }
-/**
- * Which page of the tenant's list to read.
- *
- * Only the page: `/runs` also narrows by status, trigger kind, workflow, window
- * and text, and none of that is driven from here yet. The shared DataTable
- * narrows and searches what it holds, and it cannot report a filter selection
- * back to the page under `serverMode` — so a narrowing sent to the platform
- * would have nothing to set it. That is the remaining half of PO-231, and the
- * parameters are waiting on the endpoint for it.
- */
-export interface RunFeedQuery {
-    page: number;
-    perPage: number;
-}
 export declare function useIntegrationsRuns(): {
     runs: any;
     loading: any;
@@ -29,6 +17,8 @@ export declare function useIntegrationsRuns(): {
     summary: any;
     hasMore: any;
     query: any;
+    setQuery: (patch: Partial<RunFeedQuery>) => Promise<WorkflowRun[]>;
+    narrowedTotal: any;
     load: (force?: boolean) => Promise<WorkflowRun[]>;
     loadSummary: () => Promise<RunSummary>;
     loadForWorkflow: (workflowId: number, workflowName: string, opts?: {
@@ -77,4 +67,3 @@ export declare function useIntegrationsRuns(): {
     }>;
     getStackTrace: (workflowId: number | string, runId: number | string) => Promise<string>;
 };
-export {};

package/dist/runtime/composables/useIntegrationsRuns.js

@@ -1,31 +1,17 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
+import {
+  DEFAULT_RUN_DIRECTION,
+  DEFAULT_RUN_SORT,
+  mapRunStatus,
+  runFeedNarrowingString,
+  runFeedQueryString,
+  withRunFeedPatch
+} from "../utils/runFeedQuery.js";
 const EMPTY_SUMMARY = { total: 0, in_flight: 0, by_status: {} };
-function mapStatus(status) {
-  switch (status) {
-    case "completed":
-      return "succeeded";
-    case "pending":
-      return "queued";
-    case "terminated":
-      return "failed";
-    case "timed_out":
-      return "failed";
-    case "running":
-      return "running";
-    case "failed":
-      return "failed";
-    case "cancelled":
-      return "cancelled";
-    // An unknown/unexpected status must never surface as a stuck `running` —
-    // fail closed so a run the backend can't classify is visibly terminal.
-    default:
-      return "failed";
-  }
-}
 export function useIntegrationsRuns() {
   const runs = useState("integrations.runs", () => []);
   const loading = useState("integrations.runs.loading", () => false);
@@ -36,9 +22,20 @@ export function useIntegrationsRuns() {
   const hasMore = useState("integrations.runs.hasMore", () => false);
   const query = useState("integrations.runs.query", () => ({
     page: 1,
-    perPage: 100
+    perPage: 25,
+    status: [],
+    triggerType: "",
+    search: "",
+    sort: DEFAULT_RUN_SORT,
+    direction: DEFAULT_RUN_DIRECTION
   }));
+  const narrowedTotal = useState("integrations.runs.narrowedTotal", () => 0);
+  const summaryWrite = useState("integrations.runs.summaryWrite", () => 0);
   const gate = useLoadGate("integrations.runs", { loading, loaded });
+  function claimSummary() {
+    const mine = ++summaryWrite.value;
+    return () => mine === summaryWrite.value;
+  }
   const SYNC_LIMIT = 5;
   const api = useIntegrationsApi();
   const t = useIntegrationsT();
@@ -49,7 +46,7 @@ export function useIntegrationsRuns() {
       id: String(r.id),
       workflowId: r.workflow_id,
       workflowName: r.workflow_name ?? workflowName,
-      status: mapStatus(r.status),
+      status: mapRunStatus(r.status),
       temporalRunId: r.temporal_run_id ?? null,
       triggerId: r.trigger_handle ?? "",
       // The platform reports what started the run. This was hardcoded to
@@ -72,14 +69,24 @@ export function useIntegrationsRuns() {
     if (!await gate.claim(force)) return runs.value;
     error.value = null;
     try {
-      const { page: pageNumber, perPage } = query.value;
+      const narrowing = runFeedNarrowingString(query.value);
+      const counted = claimSummary();
       const [page, counts] = await Promise.all([
-        api.get(`/runs?page=${pageNumber}&per_page=${perPage}`),
-        api.get("/runs/summary")
+        api.get(`/runs?${runFeedQueryString(query.value)}`),
+        api.get(`/runs/summary${narrowing ? `?${narrowing}` : ""}`)
       ]);
       runs.value = (page?.data ?? []).map((r) => mapRun(r));
       hasMore.value = page?.meta?.has_more ?? false;
-      summary.value = counts?.data ?? { ...EMPTY_SUMMARY };
+      narrowedTotal.value = counts?.data?.total ?? 0;
+      if (narrowing) {
+        const refreshed = claimSummary();
+        void api.get("/runs/summary").then((tenantWide) => {
+          if (refreshed()) summary.value = tenantWide?.data ?? { ...EMPTY_SUMMARY };
+        }).catch(() => {
+        });
+      } else if (counted()) {
+        summary.value = counts?.data ?? { ...EMPTY_SUMMARY };
+      }
       if (!reconciling.value) {
         reconciling.value = true;
         try {
@@ -99,7 +106,7 @@ export function useIntegrationsRuns() {
       }
       loaded.value = true;
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.runs.error.loadFailed");
+      error.value = errorReason(e, t("integration.runs.error.loadFailed"));
       loaded.value = false;
     } finally {
       gate.release();
@@ -139,11 +146,12 @@ export function useIntegrationsRuns() {
     return result;
   }
   async function loadSummary() {
+    const current = claimSummary();
     try {
       const res = await api.get("/runs/summary");
-      summary.value = res?.data ?? { ...EMPTY_SUMMARY };
+      if (current()) summary.value = res?.data ?? { ...EMPTY_SUMMARY };
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.runs.error.loadFailed");
+      if (current()) error.value = errorReason(e, t("integration.runs.error.loadFailed"));
     }
     return summary.value;
   }
@@ -161,7 +169,7 @@ export function useIntegrationsRuns() {
       latestPerWorkflow.value = (res?.data ?? []).map((r) => mapRun(r));
       latestLoaded.value = true;
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.runs.error.loadFailed");
+      error.value = errorReason(e, t("integration.runs.error.loadFailed"));
       latestLoaded.value = false;
     } finally {
       latestGate.release();
@@ -208,8 +216,13 @@ export function useIntegrationsRuns() {
   };
   const getStackTrace = (workflowId, runId) => api.get(`/workflows/${workflowId}/runs/${runId}/stack-trace`).then((r) => r.stack_trace);
   const total = computed(() => summary.value.total);
-  const failedCount = computed(() => Object.entries(summary.value.by_status).filter(([status]) => mapStatus(status) === "failed").reduce((sum, [, count]) => sum + count, 0));
+  const failedCount = computed(() => Object.entries(summary.value.by_status).filter(([status]) => mapRunStatus(status) === "failed").reduce((sum, [, count]) => sum + count, 0));
   const runningCount = computed(() => summary.value.in_flight);
+  async function setQuery(patch) {
+    const next = withRunFeedPatch(query.value, patch);
+    query.value = next;
+    return load(true);
+  }
   return {
     runs,
     loading,
@@ -221,6 +234,8 @@ export function useIntegrationsRuns() {
     summary,
     hasMore,
     query,
+    setQuery,
+    narrowedTotal,
     load,
     loadSummary,
     loadForWorkflow,

package/dist/runtime/composables/useIntegrationsSchedules.js

@@ -2,7 +2,7 @@ import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
 import { useLoadGate } from "./useLoadGate.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { scheduleTimezone } from "../utils/schedule.js";
 export function useIntegrationsSchedules() {
   const api = useIntegrationsApi();
@@ -70,7 +70,7 @@ export function useIntegrationsSchedules() {
       meta.value = res?.meta ?? { total: 0, live_count: 0, timezones: [] };
       loaded.value = true;
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.schedules.error.loadFailed");
+      error.value = errorReason(e, t("integration.schedules.error.loadFailed"));
       loaded.value = false;
     } finally {
       gate.release();

package/dist/runtime/composables/useIntegrationsSecrets.js

@@ -1,7 +1,7 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 const KEY_PATTERN = /^[A-Z0-9_]+$/;
 export function useIntegrationsSecrets() {
@@ -26,10 +26,6 @@ export function useIntegrationsSecrets() {
   function toRecord(r) {
     return { key: r.key ?? "", created_at: r.created_at ?? "", updated_at: r.updated_at ?? "" };
   }
-  function captureError(e, fallback) {
-    if (e instanceof IntegrationsApiError) return e.message;
-    return e?.message ?? fallback;
-  }
   async function load(force = false) {
     if (!await gate.claim(force)) return secrets.value;
     error.value = null;
@@ -37,7 +33,7 @@ export function useIntegrationsSecrets() {
       secrets.value = normalize(await api.get("/secrets"));
       loaded.value = true;
     } catch (e) {
-      error.value = captureError(e, t("integration.secrets.error.loadFailed"));
+      error.value = errorReason(e, t("integration.secrets.error.loadFailed"));
     } finally {
       gate.release();
     }

package/dist/runtime/composables/useIntegrationsTemplates.js

@@ -1,6 +1,6 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { resolveLocalized } from "../utils/localize.js";
 import { useLoadGate } from "./useLoadGate.js";
 const BLOB_VERSION = "v0-draft";
@@ -100,9 +100,6 @@ export function useIntegrationsTemplates() {
   function unwrap(res) {
     return res?.data ?? res;
   }
-  function captureError(e, fallback) {
-    return e instanceof IntegrationsApiError ? e.message : e?.message ?? fallback;
-  }
   async function load(force = false) {
     if (!await gate.claim(force)) return templates.value;
     error.value = null;
@@ -112,7 +109,7 @@ export function useIntegrationsTemplates() {
       rawDetails.value = {};
       loaded.value = true;
     } catch (e) {
-      error.value = captureError(e, t("integration.templates.state.error.fallback"));
+      error.value = errorReason(e, t("integration.templates.state.error.fallback"));
       rawList.value = [];
       rawDetails.value = {};
       loaded.value = true;

package/dist/runtime/composables/useIntegrationsTriggers.js

@@ -1,6 +1,6 @@
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 export function tenantTriggers(workflows, byWorkflow) {
   return workflows.flatMap((wf) => (byWorkflow[wf.id] ?? []).flatMap((t) => {
@@ -40,7 +40,7 @@ export function useIntegrationsTriggers() {
       error.value = workflowsError.value;
       loaded.value = workflowsLoaded.value && !workflowsError.value;
     } catch (e) {
-      error.value = e instanceof IntegrationsApiError ? e.message : e?.message ?? t("integration.triggers.error.loadFailed");
+      error.value = errorReason(e, t("integration.triggers.error.loadFailed"));
     } finally {
       gate.release();
     }

package/dist/runtime/composables/useIntegrationsWorkflows.js

@@ -1,7 +1,8 @@
 import { computed } from "vue";
 import { useIntegrationsApi } from "./integrationsApi.js";
 import { useIntegrationsT } from "./useIntegrationsT.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { deepClone } from "../utils/deepClone.js";
+import { errorReason } from "../utils/apiError.js";
 import { useLoadGate } from "./useLoadGate.js";
 const BLOB_VERSION = "v0-draft";
 function toCockpit(api) {
@@ -89,10 +90,6 @@ export function useIntegrationsWorkflows() {
   function unwrap(res) {
     return res?.data ?? res;
   }
-  function captureError(e, fallback) {
-    if (e instanceof IntegrationsApiError) return e.message;
-    return e?.message ?? fallback;
-  }
   function remember(api2, into) {
     if (api2.triggers !== void 0) into[Number(api2.id)] = api2.triggers;
   }
@@ -123,7 +120,7 @@ export function useIntegrationsWorkflows() {
       workflows.value = ingestList(list2);
       loaded.value = true;
     } catch (e) {
-      error.value = captureError(e, t("integration.workflows.error.loadFailed"));
+      error.value = errorReason(e, t("integration.workflows.error.loadFailed"));
       loaded.value = false;
     } finally {
       gate.release();
@@ -157,7 +154,7 @@ export function useIntegrationsWorkflows() {
   async function duplicate(id, name) {
     const source = await get(id);
     if (!source) throw new Error(t("integration.workflows.error.notFound"));
-    const blob = JSON.parse(JSON.stringify(source.blob));
+    const blob = deepClone(source.blob);
     const handleMap = /* @__PURE__ */ new Map();
     for (const trigger of blob.triggers ?? []) {
       const fresh = crypto.randomUUID();

package/dist/runtime/composables/useNodeConfigResolve.js

@@ -1,7 +1,7 @@
 import { computed, onScopeDispose, ref, toValue, watch } from "vue";
 import { isVersionExecutable } from "../data/integrationNodeCatalog.js";
 import { useIntegrationsApi } from "./integrationsApi.js";
-import { IntegrationsApiError } from "../utils/apiError.js";
+import { IntegrationsApiError, errorReason } from "../utils/apiError.js";
 export function isResolvableValue(v) {
   if (v === void 0 || v === null) return false;
   if (typeof v === "string") {
@@ -17,7 +17,7 @@ export function isResolvableValue(v) {
 function classifyError(err) {
   const status = err instanceof IntegrationsApiError ? err.status : void 0;
   const t = useIntegrationsT();
-  const message = err instanceof IntegrationsApiError ? err.message : err?.message ?? t("integration.nodeConfig.resolve.error.generic");
+  const message = errorReason(err, t("integration.nodeConfig.resolve.error.generic"));
   let kind;
   switch (status) {
     case 409:

package/dist/runtime/composables/useOAuthConnect.d.ts

@@ -0,0 +1,42 @@
+/**
+ * How an OAuth connect attempt ended.
+ *
+ * `completed` is the provider's own answer, relayed by the landing page. `closed` is
+ * the operator shutting the window — which says nothing about whether the
+ * authorisation went through, so the caller re-reads rather than announcing anything.
+ */
+export type OAuthConnectOutcome = 'completed' | 'closed';
+/**
+ * Connecting a credential by OAuth: the popup, and the two ways of finding out it is
+ * over.
+ *
+ * The studio opens the provider's authorisation page in a separate window rather than
+ * navigating, so that a half-filled credential form is still there afterwards. Two
+ * things can then end the attempt, and both have to be watched, because neither
+ * implies the other:
+ *
+ * - The integrations callback redirects to `/integrations/credentials/oauth-complete`,
+ *   which posts `integrations-oauth-complete` back to us. This is the success path,
+ *   and it is the only one that knows the authorisation actually happened.
+ * - The operator closes the window instead — cancelling, or completing it somewhere
+ *   the message could not come back from. Nothing is posted, so the only signal is
+ *   `popup.closed`, which cannot be subscribed to and has to be polled.
+ *
+ * **This needs the integrations-side `oauth_return_url` and the provider redirect to
+ * be configured**; without them the callback never reaches the landing page and only
+ * the close path ever fires. The prerequisite is written out in `oauth-complete.vue`.
+ * It lives on the composable rather than at a call site because it is the reason the
+ * handshake has two paths at all, and a reader who only opens one of the three callers
+ * would otherwise never meet it — which is exactly what happened while this was written
+ * out three times and the prerequisite recorded in one of them.
+ *
+ * `onSettled` is called once, whichever path fires, with what is known. The caller
+ * re-reads the credential and decides what to say, because that is where the three
+ * genuinely differ: the list refreshes the list, the detail dialog refreshes one
+ * credential and tells its parent, and the create dialog says nothing at all because the
+ * operator is still looking at the form. Only the waiting is shared.
+ */
+export declare function useOAuthConnect(onSettled: (outcome: OAuthConnectOutcome) => void | Promise<void>): {
+    open: (authorizeUrl: string) => void;
+    cancel: () => void;
+};

package/dist/runtime/composables/useOAuthConnect.js

@@ -0,0 +1,33 @@
+import { onUnmounted } from "vue";
+export function useOAuthConnect(onSettled) {
+  let release = null;
+  function settle(outcome) {
+    if (!release) return;
+    release();
+    release = null;
+    void onSettled(outcome);
+  }
+  function open(authorizeUrl) {
+    release?.();
+    const popup = window.open(authorizeUrl, "oauth-connect", "width=600,height=720");
+    if (!popup) return;
+    const onMessage = (ev) => {
+      if (ev.origin !== window.location.origin) return;
+      if (ev.data?.type === "integrations-oauth-complete") settle("completed");
+    };
+    window.addEventListener("message", onMessage);
+    const poll = window.setInterval(() => {
+      if (popup.closed) settle("closed");
+    }, 1e3);
+    release = () => {
+      window.clearInterval(poll);
+      window.removeEventListener("message", onMessage);
+    };
+  }
+  function cancel() {
+    release?.();
+    release = null;
+  }
+  onUnmounted(cancel);
+  return { open, cancel };
+}