@loopstack/loopstack-studio 0.34.0 → 0.35.0

package/dist/features/file-explorer/providers/FileExplorerProvider.js

@@ -1,105 +1,107 @@
-import { useFileContent, useFileTree } from "../hooks/useFileExplorer.js";
+import { useLoopstackClient } from "../../../packages/react/dist/provider.js";
+import "../../../packages/react/dist/index.js";
+import { fileTreeKey, useFileContent, useFileTree } from "../hooks/useFileExplorer.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 var FileExplorerContext = createContext(null);
-function FileExplorerProvider(s) {
-	let l = c(36), { variant: u, workspaceId: d, enabled: f, children: p } = s, m = f === void 0 ? !0 : f, h = useQueryClient(), g;
-	l[0] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ new Set(), l[0] = g) : g = l[0];
-	let [_, v] = useState(g), y;
-	l[1] === Symbol.for("react.memo_cache_sentinel") ? (y = [], l[1] = y) : y = l[1];
-	let [b, x] = useState(y), [S, C] = useState(null), w = useFileTree(u, d, m), T = useFileContent(u, d, S?.type === "file" ? S.path : void 0, m), E;
-	l[2] === Symbol.for("react.memo_cache_sentinel") ? (E = (e) => {
-		v((a) => {
-			let o = new Set(a);
-			return o.has(e) ? o.delete(e) : o.add(e), o;
+function FileExplorerProvider(u) {
+	let d = c(37), { variant: f, workspaceId: p, enabled: m, children: h } = u, g = m === void 0 ? !0 : m, _ = useLoopstackClient(), v = useQueryClient(), y;
+	d[0] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ new Set(), d[0] = y) : y = d[0];
+	let [b, x] = useState(y), S;
+	d[1] === Symbol.for("react.memo_cache_sentinel") ? (S = [], d[1] = S) : S = d[1];
+	let [C, w] = useState(S), [T, E] = useState(null), D = useFileTree(f, p, g), O = useFileContent(f, p, T?.type === "file" ? T.path : void 0, g), k;
+	d[2] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+		x((o) => {
+			let s = new Set(o);
+			return s.has(e) ? s.delete(e) : s.add(e), s;
 		});
-	}, l[2] = E) : E = l[2];
-	let D = E, O;
-	l[3] === Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
-		e.type === "file" && (C(e), x((a) => a.some((a) => a.path === e.path) ? a : [...a, e]));
-	}, l[3] = O) : O = l[3];
-	let k = O, A;
-	l[4] === S?.path ? A = l[5] : (A = (e) => {
-		x((a) => {
-			let o = a.filter((a) => a.path !== e.path);
-			if (S?.path === e.path) if (o.length > 0) {
-				let s = a.findIndex((a) => a.path === e.path);
-				C(o[Math.max(0, s - 1)]);
-			} else C(null);
-			return o;
+	}, d[2] = k) : k = d[2];
+	let A = k, j;
+	d[3] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		e.type === "file" && (E(e), w((o) => o.some((o) => o.path === e.path) ? o : [...o, e]));
+	}, d[3] = j) : j = d[3];
+	let M = j, N;
+	d[4] === T?.path ? N = d[5] : (N = (e) => {
+		w((o) => {
+			let s = o.filter((o) => o.path !== e.path);
+			if (T?.path === e.path) if (s.length > 0) {
+				let l = o.findIndex((o) => o.path === e.path);
+				E(s[Math.max(0, l - 1)]);
+			} else E(null);
+			return s;
 		});
-	}, l[4] = S?.path, l[5] = A);
-	let j = A, M;
-	l[6] === S ? M = l[7] : (M = () => {
-		S && x((e) => {
-			let a = e.filter((e) => e.path !== S.path);
-			if (a.length > 0) {
-				let o = e.findIndex((e) => e.path === S.path);
-				C(a[Math.max(0, o - 1)]);
-			} else C(null);
-			return a;
+	}, d[4] = T?.path, d[5] = N);
+	let P = N, F;
+	d[6] === T ? F = d[7] : (F = () => {
+		T && w((e) => {
+			let o = e.filter((e) => e.path !== T.path);
+			if (o.length > 0) {
+				let s = e.findIndex((e) => e.path === T.path);
+				E(o[Math.max(0, s - 1)]);
+			} else E(null);
+			return o;
 		});
-	}, l[6] = S, l[7] = M);
-	let N = M, P;
-	l[8] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
-		x([]), C(null);
-	}, l[8] = P) : P = l[8];
-	let F = P, I;
-	l[9] === Symbol.for("react.memo_cache_sentinel") ? (I = (e) => {
-		x([e]), C(e);
-	}, l[9] = I) : I = l[9];
-	let L = I, R;
-	l[10] === S ? R = l[11] : (R = (e) => {
-		x((a) => {
-			let o = a.findIndex((a) => a.path === e.path);
-			if (o <= 0) return a;
-			let s = a.slice(o);
-			return S && a.findIndex((e) => e.path === S.path) < o && C(e), s;
+	}, d[6] = T, d[7] = F);
+	let I = F, L;
+	d[8] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+		w([]), E(null);
+	}, d[8] = L) : L = d[8];
+	let R = L, z;
+	d[9] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => {
+		w([e]), E(e);
+	}, d[9] = z) : z = d[9];
+	let B = z, V;
+	d[10] === T ? V = d[11] : (V = (e) => {
+		w((o) => {
+			let s = o.findIndex((o) => o.path === e.path);
+			if (s <= 0) return o;
+			let l = o.slice(s);
+			return T && o.findIndex((e) => e.path === T.path) < s && E(e), l;
 		});
-	}, l[10] = S, l[11] = R);
-	let z = R, B;
-	l[12] === S ? B = l[13] : (B = (e) => {
-		x((a) => {
-			let o = a.findIndex((a) => a.path === e.path);
-			if (o < 0 || o >= a.length - 1) return a;
-			let s = a.slice(0, o + 1);
-			return S && a.findIndex((e) => e.path === S.path) > o && C(e), s;
+	}, d[10] = T, d[11] = V);
+	let H = V, U;
+	d[12] === T ? U = d[13] : (U = (e) => {
+		w((o) => {
+			let s = o.findIndex((o) => o.path === e.path);
+			if (s < 0 || s >= o.length - 1) return o;
+			let l = o.slice(0, s + 1);
+			return T && o.findIndex((e) => e.path === T.path) > s && E(e), l;
 		});
-	}, l[12] = S, l[13] = B);
-	let V = B, H;
-	l[14] === h ? H = l[15] : (H = () => {
-		h.invalidateQueries({ queryKey: ["file-explorer-tree"] });
-	}, l[14] = h, l[15] = H);
-	let U = H, W;
-	l[16] === w.data ? W = l[17] : (W = w.data ?? [], l[16] = w.data, l[17] = W);
-	let G = w.isLoading && !w.data, K = T.data?.content ?? null, q = T.isLoading && !!S, J;
-	l[18] !== N || l[19] !== j || l[20] !== z || l[21] !== V || l[22] !== _ || l[23] !== b || l[24] !== U || l[25] !== S || l[26] !== W || l[27] !== G || l[28] !== K || l[29] !== q || l[30] !== w.error || l[31] !== w.isFetching ? (J = {
-		nodes: W,
-		isTreeLoading: G,
-		treeError: w.error,
-		isFetchingTree: w.isFetching,
-		openFiles: b,
-		selectedFile: S,
-		fileContent: K,
-		isContentLoading: q,
-		expandedFolders: _,
-		toggleFolder: D,
-		selectFile: k,
-		closeFile: j,
-		closeAll: F,
-		closeOthers: L,
-		closeToLeft: z,
-		closeToRight: V,
-		clearSelection: N,
-		refreshTree: U
-	}, l[18] = N, l[19] = j, l[20] = z, l[21] = V, l[22] = _, l[23] = b, l[24] = U, l[25] = S, l[26] = W, l[27] = G, l[28] = K, l[29] = q, l[30] = w.error, l[31] = w.isFetching, l[32] = J) : J = l[32];
-	let Y = J, X;
-	return l[33] !== p || l[34] !== Y ? (X = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
-		value: Y,
-		children: p
-	}), l[33] = p, l[34] = Y, l[35] = X) : X = l[35], X;
+	}, d[12] = T, d[13] = U);
+	let W = U, G;
+	d[14] !== _.envKey || d[15] !== v ? (G = () => {
+		v.invalidateQueries({ queryKey: fileTreeKey(_.envKey) });
+	}, d[14] = _.envKey, d[15] = v, d[16] = G) : G = d[16];
+	let K = G, q;
+	d[17] === D.data ? q = d[18] : (q = D.data ?? [], d[17] = D.data, d[18] = q);
+	let J = D.isLoading && !D.data, Y = O.data?.content ?? null, X = O.isLoading && !!T, Z;
+	d[19] !== I || d[20] !== P || d[21] !== H || d[22] !== W || d[23] !== b || d[24] !== C || d[25] !== K || d[26] !== T || d[27] !== q || d[28] !== J || d[29] !== Y || d[30] !== X || d[31] !== D.error || d[32] !== D.isFetching ? (Z = {
+		nodes: q,
+		isTreeLoading: J,
+		treeError: D.error,
+		isFetchingTree: D.isFetching,
+		openFiles: C,
+		selectedFile: T,
+		fileContent: Y,
+		isContentLoading: X,
+		expandedFolders: b,
+		toggleFolder: A,
+		selectFile: M,
+		closeFile: P,
+		closeAll: R,
+		closeOthers: B,
+		closeToLeft: H,
+		closeToRight: W,
+		clearSelection: I,
+		refreshTree: K
+	}, d[19] = I, d[20] = P, d[21] = H, d[22] = W, d[23] = b, d[24] = C, d[25] = K, d[26] = T, d[27] = q, d[28] = J, d[29] = Y, d[30] = X, d[31] = D.error, d[32] = D.isFetching, d[33] = Z) : Z = d[33];
+	let Q = Z, $;
+	return d[34] !== h || d[35] !== Q ? ($ = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
+		value: Q,
+		children: h
+	}), d[34] = h, d[35] = Q, d[36] = $) : $ = d[36], $;
 }
 function useFileExplorer() {
 	let e = useContext(FileExplorerContext);

package/dist/features/git/components/WorkbenchGitPanel.js

@@ -1,6 +1,7 @@
+import { useCreateWorkflow, useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
+import "../../../hooks/useWorkflows.js";
 import { useStudio } from "../../../providers/StudioProvider.js";
-import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import "../../../hooks/useProcessor.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
 import "../../workbench/index.js";
@@ -16,18 +17,14 @@ function WorkbenchGitPanel(y) {
 	useGitInvalidation(x);
 	let j = useCreateWorkflow(), M = useRunWorkflow(), N = useRemoveGitRemote(), P = j.isPending || M.isPending, F;
 	b[0] !== j || b[1] !== T || b[2] !== M || b[3] !== x ? (F = () => {
-		x && j.mutate({ workflowCreateDto: {
+		x && j.mutate({
 			workflowName: "connectGitHub",
 			title: null,
 			workspaceId: x,
 			transition: null,
 			args: {}
-		} }, { onSuccess: (t) => {
-			M.mutate({
-				workflowId: t.id,
-				runWorkflowPayloadDto: {},
-				force: !0
-			}, { onSuccess: () => {
+		}, { onSuccess: (t) => {
+			M.mutate({ workflowId: t.id }, { onSuccess: () => {
 				T.navigateToWorkflow(t.id);
 			} });
 		} });

package/dist/features/git/hooks/useGit.js

@@ -1,78 +1,76 @@
-import { getGitLogCacheKey, getGitRemoteCacheKey, getGitStatusCacheKey } from "../../../hooks/query-keys.js";
-import { eventBus } from "../../../services/eventEmitter.js";
-import "../../../services/index.js";
-import { useApiClient } from "../../../hooks/useApi.js";
+import { useLoopstackClient } from "../../../packages/react/dist/provider.js";
+import { queryKeys } from "../../../packages/client/dist/queries/query-keys.js";
+import "../../../packages/client/dist/index.js";
+import "../../../packages/react/dist/index.js";
 import { c } from "react/compiler-runtime";
 import { useEffect } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function useGitStatus(e) {
-	let i = c(10), { envKey: o, api: s } = useApiClient(), l;
-	i[0] !== o || i[1] !== e ? (l = getGitStatusCacheKey(o, e), i[0] = o, i[1] = e, i[2] = l) : l = i[2];
-	let d;
-	i[3] !== s || i[4] !== e ? (d = () => s.git.getStatus({ workspaceId: e }), i[3] = s, i[4] = e, i[5] = d) : d = i[5];
-	let f = !!e, p;
-	return i[6] !== l || i[7] !== d || i[8] !== f ? (p = {
+var gitPath = (e) => `/api/v1/workspaces/${e}/git`;
+function useGitStatus(r) {
+	let i = c(10), o = useLoopstackClient(), l;
+	i[0] !== o.envKey || i[1] !== r ? (l = queryKeys.gitStatus(o.envKey, r), i[0] = o.envKey, i[1] = r, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== o.http || i[4] !== r ? (u = () => o.http.get(`${gitPath(r)}/status`), i[3] = o.http, i[4] = r, i[5] = u) : u = i[5];
+	let d = !!r, f;
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
 		queryKey: l,
-		queryFn: d,
-		enabled: f,
+		queryFn: u,
+		enabled: d,
 		staleTime: 3e4,
 		retry: !1
-	}, i[6] = l, i[7] = d, i[8] = f, i[9] = p) : p = i[9], useQuery(p);
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-function useGitLog(i, a) {
-	let o = c(11), s = a === void 0 ? 50 : a, { envKey: l, api: d } = useApiClient(), f;
-	o[0] !== l || o[1] !== i ? (f = getGitLogCacheKey(l, i), o[0] = l, o[1] = i, o[2] = f) : f = o[2];
-	let p;
-	o[3] !== d || o[4] !== s || o[5] !== i ? (p = () => d.git.getLog({
-		workspaceId: i,
-		limit: s
-	}), o[3] = d, o[4] = s, o[5] = i, o[6] = p) : p = o[6];
-	let m = !!i, h;
-	return o[7] !== f || o[8] !== p || o[9] !== m ? (h = {
-		queryKey: f,
-		queryFn: p,
-		enabled: m,
+function useGitLog(r, i) {
+	let o = c(11), l = i === void 0 ? 50 : i, u = useLoopstackClient(), d;
+	o[0] !== u.envKey || o[1] !== r ? (d = queryKeys.gitLog(u.envKey, r), o[0] = u.envKey, o[1] = r, o[2] = d) : d = o[2];
+	let f;
+	o[3] !== u.http || o[4] !== l || o[5] !== r ? (f = () => u.http.get(`${gitPath(r)}/log`, { limit: l }), o[3] = u.http, o[4] = l, o[5] = r, o[6] = f) : f = o[6];
+	let p = !!r, m;
+	return o[7] !== d || o[8] !== f || o[9] !== p ? (m = {
+		queryKey: d,
+		queryFn: f,
+		enabled: p,
 		staleTime: 3e4,
 		retry: !1
-	}, o[7] = f, o[8] = p, o[9] = m, o[10] = h) : h = o[10], useQuery(h);
+	}, o[7] = d, o[8] = f, o[9] = p, o[10] = m) : m = o[10], useQuery(m);
 }
-function useGitRemote(e) {
-	let a = c(10), { envKey: o, api: s } = useApiClient(), l;
-	a[0] !== o || a[1] !== e ? (l = getGitRemoteCacheKey(o, e), a[0] = o, a[1] = e, a[2] = l) : l = a[2];
-	let d;
-	a[3] !== s || a[4] !== e ? (d = () => s.git.getRemote({ workspaceId: e }), a[3] = s, a[4] = e, a[5] = d) : d = a[5];
-	let f = !!e, p;
-	return a[6] !== l || a[7] !== d || a[8] !== f ? (p = {
+function useGitRemote(r) {
+	let i = c(10), o = useLoopstackClient(), l;
+	i[0] !== o.envKey || i[1] !== r ? (l = queryKeys.gitRemote(o.envKey, r), i[0] = o.envKey, i[1] = r, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== o.http || i[4] !== r ? (u = () => o.http.get(`${gitPath(r)}/remote`), i[3] = o.http, i[4] = r, i[5] = u) : u = i[5];
+	let d = !!r, f;
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
 		queryKey: l,
-		queryFn: d,
-		enabled: f,
+		queryFn: u,
+		enabled: d,
 		staleTime: 6e4,
 		retry: !1
-	}, a[6] = l, a[7] = d, a[8] = f, a[9] = p) : p = a[9], useQuery(p);
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
 }
-function useGitInvalidation(l) {
-	let u = c(5), { envKey: f } = useApiClient(), p = useQueryClient(), m, h;
-	u[0] !== f || u[1] !== p || u[2] !== l ? (m = () => {
-		if (l) return eventBus.on("git.updated", (o) => {
-			o.workspaceId === l && (p.invalidateQueries({ queryKey: getGitStatusCacheKey(f, l) }), p.invalidateQueries({ queryKey: getGitLogCacheKey(f, l) }), p.invalidateQueries({ queryKey: getGitRemoteCacheKey(f, l) }));
+function useGitInvalidation(i) {
+	let a = c(5), s = useLoopstackClient(), l = useQueryClient(), u, d;
+	a[0] !== s || a[1] !== l || a[2] !== i ? (u = () => {
+		if (i) return s.stream.on("git.updated", (e) => {
+			e.workspaceId === i && (l.invalidateQueries({ queryKey: queryKeys.gitStatus(s.envKey, i) }), l.invalidateQueries({ queryKey: queryKeys.gitLog(s.envKey, i) }), l.invalidateQueries({ queryKey: queryKeys.gitRemote(s.envKey, i) }));
 		});
-	}, h = [
-		f,
-		l,
-		p
-	], u[0] = f, u[1] = p, u[2] = l, u[3] = m, u[4] = h) : (m = u[3], h = u[4]), useEffect(m, h);
+	}, d = [
+		s,
+		i,
+		l
+	], a[0] = s, a[1] = l, a[2] = i, a[3] = u, a[4] = d) : (u = a[3], d = a[4]), useEffect(u, d);
 }
 function useRemoveGitRemote() {
-	let e = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), u;
-	e[0] === o ? u = e[1] : (u = (e) => o.git.removeRemote(e), e[0] = o, e[1] = u);
+	let r = c(8), a = useLoopstackClient(), l = useQueryClient(), u;
+	r[0] === a ? u = r[1] : (u = (e) => a.http.delete(`${gitPath(e.workspaceId)}/remote`), r[0] = a, r[1] = u);
+	let d;
+	r[2] !== a || r[3] !== l ? (d = (e, n) => {
+		l.invalidateQueries({ queryKey: queryKeys.gitRemote(a.envKey, n.workspaceId) });
+	}, r[2] = a, r[3] = l, r[4] = d) : d = r[4];
 	let f;
-	e[2] !== a || e[3] !== s ? (f = (e, o) => {
-		s.invalidateQueries({ queryKey: getGitRemoteCacheKey(a, o.workspaceId) });
-	}, e[2] = a, e[3] = s, e[4] = f) : f = e[4];
-	let p;
-	return e[5] !== u || e[6] !== f ? (p = {
+	return r[5] !== u || r[6] !== d ? (f = {
 		mutationFn: u,
-		onSuccess: f
-	}, e[5] = u, e[6] = f, e[7] = p) : p = e[7], useMutation(p);
+		onSuccess: d
+	}, r[5] = u, r[6] = d, r[7] = f) : f = r[7], useMutation(f);
 }
 export { useGitInvalidation, useGitLog, useGitRemote, useGitStatus, useRemoveGitRemote };

package/dist/features/health/LocalHealthCheck.js

@@ -1,11 +1,10 @@
-import { ApiClientEvents } from "../../events/api-client-events.js";
-import { eventBus } from "../../services/eventEmitter.js";
-import "../../services/index.js";
+import { useHubLogin, useRefreshSession } from "../../packages/react/dist/hooks/mutations.js";
+import { ApiClientEvents, apiClientEvents } from "../../events/api-client-events.js";
+import "../../events/index.js";
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
+import { useGetHealthInfo } from "../../hooks/useAuth.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useQueryClient } from "@tanstack/react-query";
 import { RefreshCw, X } from "lucide-react";
 const Escalation = {
 	None: 0,
@@ -15,58 +14,58 @@ const Escalation = {
 	Connection: 4
 };
 var LocalHealthCheck_default = () => {
-	let { environment: g } = useStudio(), [_, v] = useState(Escalation.None), y = useWorkerAuth(), b = useWorkerAuthTokenRefresh(), x = useGetHealthInfo(!1), S = useQueryClient(), C = useRef(b);
+	let { environment: h } = useStudio(), [g, _] = useState(Escalation.None), v = useHubLogin(), y = useRefreshSession(), b = useGetHealthInfo(!1), x = useRef(y);
+	x.current = y;
+	let S = useRef(v);
+	S.current = v;
+	let C = useRef(b);
 	C.current = b;
-	let w = useRef(y);
-	w.current = y;
-	let T = useRef(x);
-	T.current = x;
-	let E = useCallback(() => {
-		T.current.refetch();
-	}, []), D = useCallback(() => {
-		C.current.mutate();
-	}, []), O = useCallback(async () => {
+	let w = useCallback(() => {
+		C.current.refetch();
+	}, []), T = useCallback(() => {
+		x.current.mutate();
+	}, []), E = useCallback(async () => {
 		try {
 			let e = "local";
-			g.getIdToken && (e = await g.getIdToken()), w.current.mutate({ hubLoginRequestDto: { idToken: e } });
+			h.getIdToken && (e = await h.getIdToken()), S.current.mutate({ idToken: e });
 		} catch {
-			v(Escalation.Debug);
+			_(Escalation.Debug);
 		}
-	}, [g]);
+	}, [h]);
 	useEffect(() => {
-		if (_ !== Escalation.Connection) return;
-		let e = setInterval(E, 5e3);
+		if (g !== Escalation.Connection) return;
+		let e = setInterval(w, 5e3);
 		return () => clearInterval(e);
-	}, [_, E]), useEffect(() => {
-		x.data && (v(Escalation.None), S.invalidateQueries());
-	}, [x.data, S]), useEffect(() => {
-		b.error && v(Escalation.Login);
-	}, [b.error]), useEffect(() => {
-		b.data?.status === 200 && v(Escalation.None);
+	}, [g, w]), useEffect(() => {
+		b.data && _(Escalation.None);
 	}, [b.data]), useEffect(() => {
-		y.error && v(Escalation.Debug);
+		y.error && _(Escalation.Login);
 	}, [y.error]), useEffect(() => {
-		y.data?.status === 200 && v(Escalation.None);
-	}, [y.data]), useEffect(() => {
-		_ === Escalation.Refresh ? D() : _ === Escalation.Login && O();
+		y.isSuccess && _(Escalation.None);
+	}, [y.isSuccess]), useEffect(() => {
+		v.error && _(Escalation.Debug);
+	}, [v.error]), useEffect(() => {
+		v.isSuccess && _(Escalation.None);
+	}, [v.isSuccess]), useEffect(() => {
+		g === Escalation.Refresh ? T() : g === Escalation.Login && E();
 	}, [
-		_,
-		D,
-		O
+		g,
+		T,
+		E
 	]), useEffect(() => {
-		let m = eventBus.on(ApiClientEvents.UNAUTHORIZED, () => {
-			v(Escalation.Refresh);
-		}), h = eventBus.on(ApiClientEvents.ERR_NETWORK, () => {
-			v(Escalation.Connection);
+		let e = apiClientEvents.on(ApiClientEvents.UNAUTHORIZED, () => {
+			_(Escalation.Refresh);
+		}), m = apiClientEvents.on(ApiClientEvents.ERR_NETWORK, () => {
+			_(Escalation.Connection);
 		});
 		return () => {
-			m(), h();
+			e(), m();
 		};
 	}, []);
-	let [k, A] = useState(!1), j = _ >= Escalation.Debug && !k;
+	let [D, O] = useState(!1), k = g >= Escalation.Debug && !D;
 	return useEffect(() => {
-		_ < Escalation.Debug && A(!1);
-	}, [_]), j ? /* @__PURE__ */ jsx("div", {
+		g < Escalation.Debug && O(!1);
+	}, [g]), k ? /* @__PURE__ */ jsx("div", {
 		className: "bg-destructive/10 border-destructive/30 fixed inset-x-0 bottom-0 z-50 border-t px-4 py-3",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center justify-between",
@@ -81,9 +80,9 @@ var LocalHealthCheck_default = () => {
 						"Please make sure the environment",
 						" ",
 						/* @__PURE__ */ jsxs("strong", { children: [
-							g.name,
+							h.name,
 							" (",
-							g.id,
+							h.id,
 							")"
 						] }),
 						" ",
@@ -92,12 +91,12 @@ var LocalHealthCheck_default = () => {
 				})] })]
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
-				children: [_ === Escalation.Connection && /* @__PURE__ */ jsxs("button", {
-					onClick: E,
+				children: [g === Escalation.Connection && /* @__PURE__ */ jsxs("button", {
+					onClick: w,
 					className: "bg-primary flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-					children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${x.isLoading ? "animate-spin" : ""}` }), "Retry"]
+					children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${b.isLoading ? "animate-spin" : ""}` }), "Retry"]
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: () => A(!0),
+					onClick: () => O(!0),
 					className: "text-muted-foreground hover:text-foreground rounded-xs p-1 transition-colors",
 					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
 				})]

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -1,6 +1,7 @@
+import { useRunWorkflow } from "../../packages/react/dist/hooks/mutations.js";
 import { useDocumentConfigs } from "../../hooks/useConfig.js";
 import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
-import { useRunWorkflow } from "../../hooks/useProcessor.js";
+import "../../hooks/useProcessor.js";
 import { useOAuthPopup } from "./useOAuthPopup.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
@@ -14,7 +15,7 @@ var OAuthPromptRenderer = (f) => {
 	p[5] !== A || p[6] !== g.id || p[7] !== w || p[8] !== C || p[9] !== _.id ? (j = (t, s) => {
 		!C || !A.includes(C) || w.mutate({
 			workflowId: g.id,
-			runWorkflowPayloadDto: { transition: {
+			payload: { transition: {
 				id: C,
 				workflowId: _.id,
 				payload: {
@@ -60,10 +61,10 @@ var OAuthPromptRenderer = (f) => {
 			provider: b.provider,
 			message: b.message
 		}), p[31] = b.message, p[32] = b.provider, p[33] = t) : t = p[33];
-		let l;
-		p[34] !== R || p[35] !== y ? (l = y && /* @__PURE__ */ jsx(RetryButton, { onClick: R }), p[34] = R, p[35] = y, p[36] = l) : l = p[36];
+		let s;
+		p[34] !== R || p[35] !== y ? (s = y && /* @__PURE__ */ jsx(RetryButton, { onClick: R }), p[34] = R, p[35] = y, p[36] = s) : s = p[36];
 		let u;
-		return p[37] !== t || p[38] !== l ? (u = /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [t, l] }), p[37] = t, p[38] = l, p[39] = u) : u = p[39], u;
+		return p[37] !== t || p[38] !== s ? (u = /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [t, s] }), p[37] = t, p[38] = s, p[39] = u) : u = p[39], u;
 	}
 	let z;
 	return p[40] !== b.provider || p[41] !== R || p[42] !== I || p[43] !== y || p[44] !== T || p[45] !== w.isPending ? (z = /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {

package/dist/features/runs/Runs.js

@@ -1,6 +1,7 @@
-import { useStudio } from "../../providers/StudioProvider.js";
-import { useBatchDeleteWorkflows, useDeleteWorkflow, useFilterWorkflows } from "../../hooks/useWorkflows.js";
+import { useDeleteWorkflow } from "../../packages/react/dist/hooks/mutations.js";
+import { useBatchDeleteWorkflows, useFilterWorkflows } from "../../hooks/useWorkflows.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import { useStudio } from "../../providers/StudioProvider.js";
 import { Badge } from "../../components/ui/badge.js";
 import ListView_default from "../../components/lists/ListView.js";
 import { useDebounce } from "../../hooks/useDebounce.js";

package/dist/features/secrets/renderers/SecretInputRenderer.js

@@ -1,9 +1,10 @@
+import { useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
 import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
 import { Input } from "../../../components/ui/input.js";
 import { Label } from "../../../components/ui/label.js";
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import "../../../hooks/useProcessor.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import "../../workbench/index.js";
 import { useUpsertSecret } from "../../../hooks/useSecrets.js";
@@ -30,7 +31,7 @@ var SecretInputRenderer_default = ({ parentWorkflow: m, workflow: h, document: g
 				}
 				C.mutate({
 					workflowId: m.id,
-					runWorkflowPayloadDto: { transition: {
+					payload: { transition: {
 						id: b,
 						workflowId: h.id,
 						payload: { keys: e }

package/dist/features/workbench/WorkflowItem.js

@@ -1,10 +1,11 @@
+import { WorkflowState } from "../../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../../packages/contracts/dist/enums/index.js";
+import { useRunWorkflow } from "../../packages/react/dist/hooks/mutations.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../../components/ui/button.js";
 import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
-import { WorkflowState } from "../../packages/contracts/dist/enums/workflow-state.enum.js";
-import "../../packages/contracts/dist/enums/index.js";
-import { useRunWorkflow } from "../../hooks/useProcessor.js";
+import "../../hooks/useProcessor.js";
 import DocumentList_default from "../documents/components/DocumentList.js";
 import "../documents/index.js";
 import WorkflowForms_default from "./components/WorkflowForms.js";
@@ -37,11 +38,7 @@ var WorkflowItem_default = (h) => {
 	g[16] === E?.availableTransitions ? R = g[17] : (R = E?.availableTransitions?.some(_temp), g[16] = E?.availableTransitions, g[17] = R);
 	let z = R, B = E?.hasError && E.status === WorkflowState.Waiting, V = E?.hasError && !B && z !== !1, H;
 	g[18] !== w || g[19] !== v ? (H = () => {
-		w.mutate({
-			workflowId: v,
-			runWorkflowPayloadDto: {},
-			force: !0
-		});
+		w.mutate({ workflowId: v });
 	}, g[18] = w, g[19] = v, g[20] = H) : H = g[20];
 	let U = H, W = x ? "p-0" : "p-4", G;
 	g[21] === W ? G = g[22] : (G = cn("flex flex-col", W), g[21] = W, g[22] = G);