@loopstack/loopstack-studio 0.20.2 → 0.21.0-rc.0

package/dist/features/workspaces/components/pipeline-form/ArgumentsView.js

@@ -0,0 +1,75 @@
+import { Button } from "../../../../components/ui/button.js";
+import Form_default from "../../../../components/dynamic-form/Form.js";
+import HeaderSection_default from "./HeaderSection.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, Zap } from "lucide-react";
+import { useForm } from "react-hook-form";
+var ArgumentsView_default = (u) => {
+	let d = c(27), { config: f, hasArguments: p, isLoading: m, onBack: h, onSubmit: g } = u, _;
+	d[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+		defaultValues: {},
+		mode: "onChange"
+	}, d[0] = _) : _ = d[0];
+	let v = useForm(_), y;
+	d[1] === g ? y = d[2] : (y = (r) => (l) => {
+		console.log("handleSubmit"), g(r, l);
+	}, d[1] = g, d[2] = y);
+	let b = y, x;
+	d[3] !== v || d[4] !== b ? (x = (r) => {
+		v.handleSubmit(b(r))();
+	}, d[3] = v, d[4] = b, d[5] = x) : x = d[5];
+	let S = x, C;
+	d[6] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Zap, { className: "h-5 w-5" }), d[6] = C) : C = d[6];
+	let w = f?.title || f?.blockName || "", T = f?.description, E;
+	d[7] !== h || d[8] !== w || d[9] !== T ? (E = /* @__PURE__ */ jsx(HeaderSection_default, {
+		icon: C,
+		title: w,
+		description: T,
+		showBack: !0,
+		onBack: h
+	}), d[7] = h, d[8] = w, d[9] = T, d[10] = E) : E = d[10];
+	let D;
+	d[11] !== f || d[12] !== v || d[13] !== p ? (D = /* @__PURE__ */ jsx("div", {
+		className: "border-border mb-6 max-h-100 overflow-y-auto rounded-md border p-4",
+		children: p && f && f.schema ? /* @__PURE__ */ jsx(Form_default, {
+			form: v,
+			schema: f.schema,
+			ui: f.ui,
+			disabled: !1,
+			viewOnly: !1
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center py-12",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "No additional configuration required."
+			})
+		})
+	}), d[11] = f, d[12] = v, d[13] = p, d[14] = D) : D = d[14];
+	let O;
+	d[15] === S ? O = d[16] : (O = () => S(""), d[15] = S, d[16] = O);
+	let k;
+	d[17] === m ? k = d[18] : (k = m && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), d[17] = m, d[18] = k);
+	let A;
+	d[19] !== m || d[20] !== k || d[21] !== O ? (A = /* @__PURE__ */ jsx("div", {
+		className: "flex justify-end",
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			disabled: m,
+			onClick: O,
+			size: "lg",
+			className: "font-medium",
+			children: [k, "Run Now"]
+		})
+	}), d[19] = m, d[20] = k, d[21] = O, d[22] = A) : A = d[22];
+	let j;
+	return d[23] !== A || d[24] !== E || d[25] !== D ? (j = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [
+			E,
+			D,
+			A
+		]
+	}), d[23] = A, d[24] = E, d[25] = D, d[26] = j) : j = d[26], j;
+};
+export { ArgumentsView_default as default };

package/dist/features/workspaces/components/pipeline-form/HeaderSection.js

@@ -0,0 +1,43 @@
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+var HeaderSection_default = (i) => {
+	let a = c(18), { icon: o, title: s, description: l, showBack: u, onBack: d } = i, f;
+	a[0] !== d || a[1] !== u ? (f = u && /* @__PURE__ */ jsxs("button", {
+		onClick: d,
+		className: "text-muted-foreground hover:text-foreground group mb-4 flex items-center gap-2 text-sm transition-colors",
+		children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4 transition-transform group-hover:-translate-x-1" }), /* @__PURE__ */ jsx("span", { children: "Back to Selection" })]
+	}), a[0] = d, a[1] = u, a[2] = f) : f = a[2];
+	let p;
+	a[3] === o ? p = a[4] : (p = /* @__PURE__ */ jsx("div", {
+		className: "border-border flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg border",
+		children: o
+	}), a[3] = o, a[4] = p);
+	let m;
+	a[5] === s ? m = a[6] : (m = /* @__PURE__ */ jsx("h2", {
+		className: "text-foreground mb-1 text-xl font-semibold",
+		children: s
+	}), a[5] = s, a[6] = m);
+	let h;
+	a[7] === l ? h = a[8] : (h = l && /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground text-sm leading-relaxed",
+		children: l
+	}), a[7] = l, a[8] = h);
+	let g;
+	a[9] !== m || a[10] !== h ? (g = /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 flex-1",
+		children: [m, h]
+	}), a[9] = m, a[10] = h, a[11] = g) : g = a[11];
+	let _;
+	a[12] !== p || a[13] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-4",
+		children: [p, g]
+	}), a[12] = p, a[13] = g, a[14] = _) : _ = a[14];
+	let v;
+	return a[15] !== f || a[16] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
+		className: "mb-6",
+		children: [f, _]
+	}), a[15] = f, a[16] = _, a[17] = v) : v = a[17], v;
+};
+export { HeaderSection_default as default };

package/dist/features/workspaces/components/pipeline-form/SelectionView.js

@@ -0,0 +1,105 @@
+import { Button } from "../../../../components/ui/button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../../components/ui/select.js";
+import HeaderSection_default from "./HeaderSection.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, Play } from "lucide-react";
+var SelectionView_default = (p) => {
+	let m = c(46), { title: h, pipelineTypes: g, formData: _, errors: v, isLoading: y, onInputChange: b, onNext: x } = p, S;
+	if (m[0] !== _.blockName || m[1] !== g) {
+		let e;
+		m[3] === _.blockName ? e = m[4] : (e = (e) => e.blockName === _.blockName, m[3] = _.blockName, m[4] = e), S = g.find(e), m[0] = _.blockName, m[1] = g, m[2] = S;
+	} else S = m[2];
+	let C = S, w;
+	m[5] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" }), m[5] = w) : w = m[5];
+	let T;
+	m[6] === h ? T = m[7] : (T = /* @__PURE__ */ jsx(HeaderSection_default, {
+		icon: w,
+		title: h,
+		description: "Choose an automation type to get started"
+	}), m[6] = h, m[7] = T);
+	let E;
+	m[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx("label", {
+		htmlFor: "automation",
+		className: "text-foreground block text-sm font-medium",
+		children: "Automation Type"
+	}), m[8] = E) : E = m[8];
+	let D = _.blockName, O;
+	m[9] === b ? O = m[10] : (O = (e) => b("blockName", e), m[9] = b, m[10] = O);
+	let k = `flex-1 ${v.blockName ? "border-red-500 focus:ring-red-500" : ""}`, A;
+	m[11] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an automation..." }), m[11] = A) : A = m[11];
+	let j;
+	m[12] === k ? j = m[13] : (j = /* @__PURE__ */ jsx(SelectTrigger, {
+		id: "automation",
+		className: k,
+		children: A
+	}), m[12] = k, m[13] = j);
+	let M;
+	m[14] === g ? M = m[15] : (M = g.map(_temp), m[14] = g, m[15] = M);
+	let N;
+	m[16] === M ? N = m[17] : (N = /* @__PURE__ */ jsx(SelectContent, { children: M }), m[16] = M, m[17] = N);
+	let P;
+	m[18] !== _.blockName || m[19] !== y || m[20] !== N || m[21] !== O || m[22] !== j ? (P = /* @__PURE__ */ jsxs(Select, {
+		value: D,
+		onValueChange: O,
+		disabled: y,
+		children: [j, N]
+	}), m[18] = _.blockName, m[19] = y, m[20] = N, m[21] = O, m[22] = j, m[23] = P) : P = m[23];
+	let F = y || !_.blockName, I;
+	m[24] === y ? I = m[25] : (I = y ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" }), m[24] = y, m[25] = I);
+	let L;
+	m[26] !== x || m[27] !== F || m[28] !== I ? (L = /* @__PURE__ */ jsx(Button, {
+		variant: "default",
+		disabled: F,
+		onClick: x,
+		className: "px-4",
+		children: I
+	}), m[26] = x, m[27] = F, m[28] = I, m[29] = L) : L = m[29];
+	let R;
+	m[30] !== P || m[31] !== L ? (R = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [P, L]
+	}), m[30] = P, m[31] = L, m[32] = R) : R = m[32];
+	let z;
+	m[33] === v.blockName ? z = m[34] : (z = v.blockName && /* @__PURE__ */ jsx("p", {
+		className: "mt-1 flex items-center gap-1 text-sm text-red-500",
+		children: v.blockName
+	}), m[33] = v.blockName, m[34] = z);
+	let B;
+	m[35] !== R || m[36] !== z ? (B = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			E,
+			R,
+			z
+		]
+	}), m[35] = R, m[36] = z, m[37] = B) : B = m[37];
+	let V;
+	m[38] === C ? V = m[39] : (V = C && /* @__PURE__ */ jsxs("div", {
+		className: "bg-muted/50 border-border mt-4 rounded-lg border p-4",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "text-foreground mb-1 text-sm font-medium",
+			children: C.title || C.blockName
+		}), C.description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm leading-relaxed",
+			children: C.description
+		})]
+	}), m[38] = C, m[39] = V);
+	let H;
+	m[40] !== B || m[41] !== V ? (H = /* @__PURE__ */ jsxs("div", {
+		className: "mb-6 px-1",
+		children: [B, V]
+	}), m[40] = B, m[41] = V, m[42] = H) : H = m[42];
+	let U;
+	return m[43] !== H || m[44] !== T ? (U = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [T, H]
+	}), m[43] = H, m[44] = T, m[45] = U) : U = m[45], U;
+};
+function _temp(e) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: e.blockName,
+		children: e.title ?? e.blockName
+	}, e.blockName);
+}
+export { SelectionView_default as default };

package/dist/hooks/use-mobile.js

@@ -1,13 +1,13 @@
 import { c } from "react/compiler-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-	let r = c(2), [i, a] = React.useState(void 0), o, s;
+	let r = c(2), [i, a] = React$1.useState(void 0), o, s;
 	return r[0] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
 		let e = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`), n = () => {
 			a(window.innerWidth < MOBILE_BREAKPOINT);
 		};
 		return e.addEventListener("change", n), a(window.innerWidth < MOBILE_BREAKPOINT), () => e.removeEventListener("change", n);
-	}, s = [], r[0] = o, r[1] = s) : (o = r[0], s = r[1]), React.useEffect(o, s), !!i;
+	}, s = [], r[0] = o, r[1] = s) : (o = r[0], s = r[1]), React$1.useEffect(o, s), !!i;
 }
 export { useIsMobile };

package/dist/hooks/useAuth.js

@@ -0,0 +1,56 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+function useGetHealthInfo(n) {
+	let i = c(8), a = n === void 0 ? !0 : n, { envKey: s, api: l } = useApiClient(), u;
+	i[0] === s ? u = i[1] : (u = ["health", s], i[0] = s, i[1] = u);
+	let d;
+	i[2] === l ? d = i[3] : (d = () => {
+		if (!l) throw Error("API not available");
+		return l.ApiV1AuthApi.authControllerGetInfo();
+	}, i[2] = l, i[3] = d);
+	let f;
+	return i[4] !== a || i[5] !== u || i[6] !== d ? (f = {
+		queryKey: u,
+		queryFn: d,
+		select: _temp2,
+		staleTime: 3e5,
+		enabled: a
+	}, i[4] = a, i[5] = u, i[6] = d, i[7] = f) : f = i[7], useQuery(f);
+}
+function _temp2(e) {
+	return e.data;
+}
+function useWorkerAuth() {
+	let r = c(7), { api: a } = useApiClient(), o = useQueryClient(), s;
+	r[0] === a ? s = r[1] : (s = (e) => {
+		if (!a) throw Error("API not available");
+		return a.ApiV1AuthApi.authControllerHubLogin(e);
+	}, r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		o.invalidateQueries();
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		mutationFn: s,
+		onSuccess: l
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
+}
+function useWorkerAuthTokenRefresh() {
+	let r = c(7), { api: a } = useApiClient(), o = useQueryClient(), s;
+	r[0] === a ? s = r[1] : (s = () => {
+		if (!a) throw Error("API not available");
+		return a.ApiV1AuthApi.authControllerRefresh();
+	}, r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		o.invalidateQueries();
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		mutationFn: s,
+		onSuccess: l
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
+}
+export { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh };

package/dist/hooks/useConfig.js

@@ -0,0 +1,46 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+function useWorkspaceConfig() {
+	let r = c(7), { envKey: a, api: o } = useApiClient(), s;
+	r[0] === a ? s = r[1] : (s = ["workspace-types", a], r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		if (!o) throw Error("API not available");
+		return o.ApiV1ConfigApi.configControllerGetWorkspaceTypes();
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		queryKey: s,
+		queryFn: l,
+		select: _temp,
+		enabled: !0
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useQuery(u);
+}
+function _temp(e) {
+	return e.data;
+}
+function usePipelineConfig(r) {
+	let i = c(10), { envKey: a, api: s } = useApiClient(), l;
+	i[0] !== a || i[1] !== r ? (l = [
+		"pipeline-types",
+		r,
+		a
+	], i[0] = a, i[1] = r, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== s || i[4] !== r ? (u = () => {
+		if (!s) throw Error("API not available");
+		return s.ApiV1ConfigApi.configControllerGetPipelineTypesByWorkspace({ workspaceBlockName: r });
+	}, i[3] = s, 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: u,
+		enabled: d,
+		select: _temp2
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+}
+function _temp2(e) {
+	return e.data;
+}
+export { usePipelineConfig, useWorkspaceConfig };

package/dist/hooks/useDebounce.js

@@ -0,0 +1,27 @@
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+function useDebounce(r, i) {
+	let a = c(4), o = i === void 0 ? 500 : i, [s, l] = useState(r), u, d;
+	return a[0] !== o || a[1] !== r ? (u = () => {
+		if (typeof r == "string") {
+			let e = r;
+			if (r === void 0 || e === "" || e.length >= 3) {
+				let e = setTimeout(() => {
+					l(r);
+				}, o);
+				return () => {
+					clearTimeout(e);
+				};
+			}
+			return;
+		} else {
+			let e = setTimeout(() => {
+				l(r);
+			}, o);
+			return () => {
+				clearTimeout(e);
+			};
+		}
+	}, d = [r, o], a[0] = o, a[1] = r, a[2] = u, a[3] = d) : (u = a[2], d = a[3]), useEffect(u, d), s;
+}
+export { useDebounce };

package/dist/hooks/usePipelines.js

@@ -0,0 +1,117 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+function useFilterPipelines(n, i, a, l, u, d) {
+	let f = c(23), p = a === void 0 ? "id" : a, m = l === void 0 ? "DESC" : l, h = u === void 0 ? 0 : u, g = d === void 0 ? 10 : d, { envKey: _, api: v } = useApiClient(), y = Object.values(i).some(_temp2), b;
+	f[0] !== i || f[1] !== y ? (b = y && { filter: JSON.stringify(i) }, f[0] = i, f[1] = y, f[2] = b) : b = f[2];
+	let x;
+	f[3] !== m || f[4] !== p ? (x = JSON.stringify([{
+		field: p,
+		order: m
+	}]), f[3] = m, f[4] = p, f[5] = x) : x = f[5];
+	let S;
+	f[6] === n ? S = f[7] : (S = n && {
+		search: n,
+		searchColumns: JSON.stringify(["title", "model"])
+	}, f[6] = n, f[7] = S);
+	let C;
+	f[8] !== g || f[9] !== h || f[10] !== b || f[11] !== x || f[12] !== S ? (C = {
+		...b,
+		sortBy: x,
+		page: h,
+		limit: g,
+		...S
+	}, f[8] = g, f[9] = h, f[10] = b, f[11] = x, f[12] = S, f[13] = C) : C = f[13];
+	let w = C, T;
+	f[14] !== _ || f[15] !== w ? (T = [
+		"pipelines",
+		w,
+		_
+	], f[14] = _, f[15] = w, f[16] = T) : T = f[16];
+	let E;
+	f[17] !== v || f[18] !== w ? (E = () => {
+		if (!v) throw Error("API not available");
+		return v.ApiV1PipelinesApi.pipelineControllerGetPipelines(w);
+	}, f[17] = v, f[18] = w, f[19] = E) : E = f[19];
+	let D;
+	return f[20] !== T || f[21] !== E ? (D = {
+		queryKey: T,
+		queryFn: E,
+		select: _temp3,
+		enabled: !0
+	}, f[20] = T, f[21] = E, f[22] = D) : D = f[22], useQuery(D);
+}
+function _temp3(e) {
+	return e.data;
+}
+function _temp2(e) {
+	return e != null;
+}
+function useCreatePipeline() {
+	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
+	r[0] === o ? l = r[1] : (l = (e) => {
+		if (!o) throw Error("API not available");
+		return o.ApiV1PipelinesApi.pipelineControllerCreatePipeline(e);
+	}, r[0] = o, r[1] = l);
+	let u;
+	r[2] !== a || r[3] !== s ? (u = () => {
+		s.invalidateQueries({ queryKey: ["pipelines", a] });
+	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let d;
+	return r[5] !== l || r[6] !== u ? (d = {
+		mutationFn: l,
+		onSuccess: u
+	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+}
+function useBatchDeletePipeline() {
+	let r = c(7), { api: a } = useApiClient(), o = useQueryClient(), s;
+	r[0] === a ? s = r[1] : (s = (e) => {
+		if (!a) throw Error("API not available");
+		return a.ApiV1PipelinesApi.pipelineControllerBatchDeletePipelines({ pipelineControllerBatchDeletePipelinesRequest: { ids: e } });
+	}, r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		o.invalidateQueries({
+			queryKey: ["pipelines"],
+			type: "all"
+		});
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		mutationFn: s,
+		onSuccess: l
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
+}
+function useChildPipelines(n, i) {
+	let a = c(10), { envKey: o, api: s } = useApiClient(), l;
+	a[0] !== o || a[1] !== n ? (l = [
+		"pipelines",
+		"children",
+		n,
+		o
+	], a[0] = o, a[1] = n, a[2] = l) : l = a[2];
+	let u;
+	a[3] !== s || a[4] !== n ? (u = () => {
+		if (!s) throw Error("API not available");
+		return s.ApiV1PipelinesApi.pipelineControllerGetPipelines({
+			filter: JSON.stringify({ parentId: n }),
+			sortBy: JSON.stringify([{
+				field: "createdAt",
+				order: "ASC"
+			}]),
+			page: 0,
+			limit: 100
+		});
+	}, a[3] = s, a[4] = n, a[5] = u) : u = a[5];
+	let d = i && !!n, p;
+	return a[6] !== l || a[7] !== u || a[8] !== d ? (p = {
+		queryKey: l,
+		queryFn: u,
+		enabled: d,
+		select: _temp5
+	}, a[6] = l, a[7] = u, a[8] = d, a[9] = p) : p = a[9], useQuery(p);
+}
+function _temp5(e) {
+	return e.data;
+}
+export { useBatchDeletePipeline, useChildPipelines, useCreatePipeline, useFilterPipelines };

package/dist/hooks/useProcessor.js

@@ -0,0 +1,24 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+function useRunPipeline() {
+	let a = c(7), { api: o } = useApiClient(), s = useQueryClient(), l;
+	a[0] === o ? l = a[1] : (l = (e) => {
+		if (!o) throw Error("API not available");
+		return o.ApiV1ProcessorApi.processorControllerRunPipeline(e);
+	}, a[0] = o, a[1] = l);
+	let u;
+	a[2] === s ? u = a[3] : (u = () => {
+		console.log("success"), s.invalidateQueries({ queryKey: ["pipelines"] });
+	}, a[2] = s, a[3] = u);
+	let d;
+	return a[4] !== l || a[5] !== u ? (d = {
+		mutationFn: l,
+		onSuccess: u,
+		onError: _temp
+	}, a[4] = l, a[5] = u, a[6] = d) : d = a[6], useMutation(d);
+}
+function _temp(e) {
+	console.error("Error:", e);
+}
+export { useRunPipeline };

package/dist/hooks/useWorkspaces.js

@@ -0,0 +1,142 @@
+import { useApiClient } from "./useApi.js";
+import { c } from "react/compiler-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+function useWorkspace(n) {
+	let i = c(10), { envKey: a, api: s } = useApiClient(), l;
+	i[0] !== a || i[1] !== n ? (l = [
+		"workspace",
+		n,
+		a
+	], i[0] = a, i[1] = n, i[2] = l) : l = i[2];
+	let u;
+	i[3] !== s || i[4] !== n ? (u = () => {
+		if (!s) throw Error("API not available");
+		return s.ApiV1WorkspacesApi.workspaceControllerGetWorkspaceById({ id: n });
+	}, i[3] = s, i[4] = n, i[5] = u) : u = i[5];
+	let d = !!n, f;
+	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
+		queryKey: l,
+		queryFn: u,
+		enabled: d,
+		select: _temp
+	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+}
+function _temp(e) {
+	return e.data;
+}
+function useFilterWorkspaces(n, i, a, o, s, u) {
+	let d = c(23), f = a === void 0 ? "id" : a, p = o === void 0 ? "DESC" : o, m = s === void 0 ? 0 : s, h = u === void 0 ? 10 : u, { envKey: g, api: _ } = useApiClient(), v = Object.keys(i).length > 0, y;
+	d[0] !== i || d[1] !== v ? (y = v && { filter: JSON.stringify(i) }, d[0] = i, d[1] = v, d[2] = y) : y = d[2];
+	let b;
+	d[3] !== p || d[4] !== f ? (b = JSON.stringify([{
+		field: f,
+		order: p
+	}]), d[3] = p, d[4] = f, d[5] = b) : b = d[5];
+	let x;
+	d[6] === n ? x = d[7] : (x = n && {
+		search: n,
+		searchColumns: JSON.stringify(["title"])
+	}, d[6] = n, d[7] = x);
+	let S;
+	d[8] !== h || d[9] !== m || d[10] !== y || d[11] !== b || d[12] !== x ? (S = {
+		...y,
+		sortBy: b,
+		page: m,
+		limit: h,
+		...x
+	}, d[8] = h, d[9] = m, d[10] = y, d[11] = b, d[12] = x, d[13] = S) : S = d[13];
+	let C = S, w;
+	d[14] !== g || d[15] !== C ? (w = [
+		"workspaces",
+		C,
+		g
+	], d[14] = g, d[15] = C, d[16] = w) : w = d[16];
+	let T;
+	d[17] !== _ || d[18] !== C ? (T = () => {
+		if (!_) throw Error("API not available");
+		return _.ApiV1WorkspacesApi.workspaceControllerGetWorkspaces(C);
+	}, d[17] = _, d[18] = C, d[19] = T) : T = d[19];
+	let E;
+	return d[20] !== w || d[21] !== T ? (E = {
+		queryKey: w,
+		queryFn: T,
+		select: _temp2,
+		enabled: !0
+	}, d[20] = w, d[21] = T, d[22] = E) : E = d[22], useQuery(E);
+}
+function _temp2(e) {
+	return e.data;
+}
+function useCreateWorkspace() {
+	let r = c(7), { api: a } = useApiClient(), o = useQueryClient(), s;
+	r[0] === a ? s = r[1] : (s = (e) => {
+		if (!a) throw Error("API not available");
+		return a.ApiV1WorkspacesApi.workspaceControllerCreateWorkspace(e);
+	}, r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		o.invalidateQueries({ queryKey: ["workspaces"] });
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		mutationFn: s,
+		onSuccess: l
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
+}
+function useUpdateWorkspace() {
+	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
+	r[0] === o ? l = r[1] : (l = (e) => {
+		if (!o) throw Error("API not available");
+		return o.ApiV1WorkspacesApi.workspaceControllerUpdateWorkspace(e);
+	}, r[0] = o, r[1] = l);
+	let u;
+	r[2] !== a || r[3] !== s ? (u = (e, t) => {
+		s.invalidateQueries({ queryKey: [
+			"workspace",
+			t.id,
+			a
+		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
+	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let d;
+	return r[5] !== l || r[6] !== u ? (d = {
+		mutationFn: l,
+		onSuccess: u
+	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+}
+function useDeleteWorkspace() {
+	let r = c(8), { envKey: a, api: o } = useApiClient(), s = useQueryClient(), l;
+	r[0] === o ? l = r[1] : (l = (e) => {
+		if (!o) throw Error("API not available");
+		return o.ApiV1WorkspacesApi.workspaceControllerDeleteWorkspace({ id: e });
+	}, r[0] = o, r[1] = l);
+	let u;
+	r[2] !== a || r[3] !== s ? (u = (e, t) => {
+		s.removeQueries({ queryKey: [
+			"workspace",
+			t,
+			a
+		] }), s.invalidateQueries({ queryKey: ["workspaces", a] });
+	}, r[2] = a, r[3] = s, r[4] = u) : u = r[4];
+	let d;
+	return r[5] !== l || r[6] !== u ? (d = {
+		mutationFn: l,
+		onSuccess: u
+	}, r[5] = l, r[6] = u, r[7] = d) : d = r[7], useMutation(d);
+}
+function useBatchDeleteWorkspaces() {
+	let r = c(7), { api: a } = useApiClient(), o = useQueryClient(), s;
+	r[0] === a ? s = r[1] : (s = (e) => {
+		if (!a) throw Error("API not available");
+		return a.ApiV1WorkspacesApi.workspaceControllerBatchDeleteWorkspaces({ workspaceControllerBatchDeleteWorkspacesRequest: { ids: e } });
+	}, r[0] = a, r[1] = s);
+	let l;
+	r[2] === o ? l = r[3] : (l = () => {
+		o.invalidateQueries({ queryKey: ["workspaces"] });
+	}, r[2] = o, r[3] = l);
+	let u;
+	return r[4] !== s || r[5] !== l ? (u = {
+		mutationFn: s,
+		onSuccess: l
+	}, r[4] = s, r[5] = l, r[6] = u) : u = r[6], useMutation(u);
+}
+export { useBatchDeleteWorkspaces, useCreateWorkspace, useDeleteWorkspace, useFilterWorkspaces, useUpdateWorkspace, useWorkspace };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export declare interface Environment {
     id: string;
     name: string;
     url: string;
+    getIdToken?: () => Promise<string>;
 }
 
 export declare const eventBus: EventEmitter;
@@ -32,6 +33,8 @@ declare class EventEmitter {
     emit(event: string, ...args: unknown[]): void;
 }
 
+export declare const LocalHealthCheck: () => JSX.Element;
+
 export declare class LocalRouter implements StudioRouter {
     private navigate;
     private envId;
@@ -113,4 +116,8 @@ export declare const useRouter: (envId: string) => StudioRouter;
 
 export declare const useStudio: () => StudioContext;
 
+export declare const WorkspacePage: () => JSX.Element;
+
+export declare function WorkspacesPage(): JSX.Element;
+
 export { }