@loopstack/loopstack-studio 0.34.0 → 0.35.0

package/dist/packages/react/dist/index.js

@@ -0,0 +1,5 @@
+import { LoopstackProvider, useLoopstackClient } from "./provider.js";
+import { useAppsConfig, useAvailableEnvironments, useChildWorkflows, useMe, useWorkerHealth, useWorkflow, useWorkflowCheckpoints, useWorkflowConfig, useWorkflowDocuments, useWorkflowList, useWorkflowSource, useWorkflowStatus, useWorkspace, useWorkspaceList } from "./hooks/queries.js";
+import { useBatchDeleteWorkspaces, useCreateWorkflow, useCreateWorkspace, useDeleteWorkflow, useDeleteWorkspace, useHubLogin, useRefreshSession, useRunWorkflow, useSetFavouriteWorkspace, useStartWorkflow, useUpdateWorkflow, useUpdateWorkspace } from "./hooks/mutations.js";
+import { useLiveInvalidation } from "./hooks/use-live-invalidation.js";
+import { useLlmStream } from "./hooks/use-llm-stream.js";

package/dist/packages/react/dist/provider.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var LoopstackContext = createContext(void 0);
+function LoopstackProvider({ client: e, children: a }) {
+	return jsx(LoopstackContext.Provider, {
+		value: e,
+		children: a
+	});
+}
+function useLoopstackClient() {
+	let e = useContext(LoopstackContext);
+	if (!e) throw Error("useLoopstackClient must be used within a <LoopstackProvider>");
+	return e;
+}
+export { LoopstackProvider, useLoopstackClient };

package/dist/pages/DashboardPage.js

@@ -1,4 +1,5 @@
-import { useAppsConfig } from "../hooks/useConfig.js";
+import { useAppsConfig } from "../packages/react/dist/hooks/queries.js";
+import "../hooks/useConfig.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import AppLauncher from "../features/dashboard/AppLauncher.js";

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -1,5 +1,6 @@
+import { useWorkflowSource } from "../packages/react/dist/hooks/queries.js";
+import { useWorkflowConfigByName } from "../hooks/useWorkflows.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useWorkflowConfigByName, useWorkflowSource } from "../hooks/useWorkflows.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import ConfigFlowViewer_default from "../features/debug/components/ConfigFlowViewer.js";

package/dist/pages/DebugWorkflowsPage.js

@@ -1,5 +1,6 @@
+import { useAppsConfig } from "../packages/react/dist/hooks/queries.js";
+import "../hooks/useConfig.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useAppsConfig } from "../hooks/useConfig.js";
 import { Badge } from "../components/ui/badge.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import { DataTable } from "../components/data-table/DataTable.js";

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,11 +1,12 @@
-import { useWorkflow } from "../hooks/useWorkflows.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
+import { useWorkflow, useWorkspace } from "../packages/react/dist/hooks/queries.js";
+import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../packages/contracts/dist/enums/index.js";
+import "../hooks/useWorkflows.js";
+import "../hooks/useWorkspaces.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";
 import "../features/feature-registry/index.js";
-import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
-import "../packages/contracts/dist/enums/index.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
 import { WorkbenchLayoutProvider } from "../features/workbench/providers/WorkbenchLayoutProvider.js";
 import "../features/workbench/index.js";

package/dist/pages/PreviewWorkbenchPage.js

@@ -1,13 +1,14 @@
+import { useWorkflow } from "../packages/react/dist/hooks/queries.js";
+import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
+import "../packages/contracts/dist/enums/index.js";
+import { useFilterWorkflows, useWorkflowConfigByName } from "../hooks/useWorkflows.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useFilterWorkflows, useWorkflow, useWorkflowConfigByName } from "../hooks/useWorkflows.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 { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import WorkflowFlowViewer_default from "../features/debug/components/WorkflowFlowViewer.js";
 import "../features/debug/index.js";
-import { WorkflowState } from "../packages/contracts/dist/enums/workflow-state.enum.js";
-import "../packages/contracts/dist/enums/index.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
 import WorkflowHistoryList_default from "../features/workbench/components/WorkflowHistoryList.js";
 import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
@@ -44,16 +45,16 @@ function PreviewWorkbenchPage() {
 		onNewRunSuccess: a
 	}), e[3] = t, e[4] = o), o;
 }
-function PreviewWorkbenchContent(e) {
-	let t = c(49), { workflowId: m, onNewRunSuccess: h } = e, _ = useRef(null), [y, b] = useState("output"), [x, S] = useState(!1), w = useWorkflow(m), T = useRef(!1), O = useWorkflowConfigByName(w.data?.workflowName), A, j;
-	t[0] !== w.data || t[1] !== m ? (A = () => {
+function PreviewWorkbenchContent(n) {
+	let i = c(49), { workflowId: m, onNewRunSuccess: h } = n, _ = useRef(null), [y, b] = useState("output"), [x, S] = useState(!1), w = useWorkflow(m), T = useRef(!1), O = useWorkflowConfigByName(w.data?.workflowName), A, j;
+	i[0] !== w.data || i[1] !== m ? (A = () => {
 		!w.data || T.current || w.data.status === WorkflowState.Completed && window.parent !== window && (T.current = !0, window.parent.postMessage({
 			type: EMBED_MESSAGE_TYPE,
 			workflowId: m
 		}, window.location.origin));
-	}, j = [w.data, m], t[0] = w.data, t[1] = m, t[2] = A, t[3] = j) : (A = t[2], j = t[3]), useEffect(A, j);
+	}, j = [w.data, m], i[0] = w.data, i[1] = m, i[2] = A, i[3] = j) : (A = i[2], j = i[3]), useEffect(A, j);
 	let M, N;
-	t[4] === m ? (M = t[5], N = t[6]) : (M = () => {
+	i[4] === m ? (M = i[5], N = i[6]) : (M = () => {
 		if (window.parent === window || !_.current) return;
 		let e = new ResizeObserver(() => {
 			if (!_.current) return;
@@ -65,36 +66,36 @@ function PreviewWorkbenchContent(e) {
 			}, window.location.origin);
 		});
 		return e.observe(_.current), () => e.disconnect();
-	}, N = [m], t[4] = m, t[5] = M, t[6] = N), useEffect(M, N);
+	}, N = [m], i[4] = m, i[5] = M, i[6] = N), useEffect(M, N);
 	let P;
-	t[7] === h ? P = t[8] : (P = (e) => {
+	i[7] === h ? P = i[8] : (P = (e) => {
 		S(!1), h(e);
-	}, t[7] = h, t[8] = P);
+	}, i[7] = h, i[8] = P);
 	let F = P, I = _temp, L;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (L = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, t[9] = L) : L = t[9];
+	}, i[9] = L) : L = i[9];
 	let R = L, z;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (z = {
+	i[10] === Symbol.for("react.memo_cache_sentinel") ? (z = {
 		value: "output",
 		label: "Output",
 		icon: /* @__PURE__ */ jsx(ScrollText, { className: "h-3.5 w-3.5" })
-	}, t[10] = z) : z = t[10];
+	}, i[10] = z) : z = i[10];
 	let B;
-	t[11] === Symbol.for("react.memo_cache_sentinel") ? (B = {
+	i[11] === Symbol.for("react.memo_cache_sentinel") ? (B = {
 		value: "graph",
 		label: "Graph",
 		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-3.5 w-3.5" })
-	}, t[11] = B) : B = t[11];
+	}, i[11] = B) : B = i[11];
 	let V;
-	t[12] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+	i[12] === Symbol.for("react.memo_cache_sentinel") ? (V = {
 		value: "run-log",
 		label: "Run Log",
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-3.5 w-3.5" })
-	}, t[12] = V) : V = t[12];
+	}, i[12] = V) : V = i[12];
 	let H;
-	t[13] === Symbol.for("react.memo_cache_sentinel") ? (H = [
+	i[13] === Symbol.for("react.memo_cache_sentinel") ? (H = [
 		z,
 		B,
 		V,
@@ -103,33 +104,33 @@ function PreviewWorkbenchContent(e) {
 			label: "Logs",
 			icon: /* @__PURE__ */ jsx(ScrollText, { className: "h-3.5 w-3.5" })
 		}
-	], t[13] = H) : H = t[13];
+	], i[13] = H) : H = i[13];
 	let ce = H, U;
-	t[14] === y ? U = t[15] : (U = /* @__PURE__ */ jsx("div", {
+	i[14] === y ? U = i[15] : (U = /* @__PURE__ */ jsx("div", {
 		className: "bg-background flex items-center rounded-md border p-0.5",
 		children: ce.map((e) => /* @__PURE__ */ jsxs("button", {
 			onClick: () => b(e.value),
 			className: `flex items-center gap-1.5 rounded-sm px-2.5 py-1 text-xs font-medium transition-colors ${y === e.value ? "bg-foreground text-background shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 			children: [e.icon, e.label]
 		}, e.value))
-	}), t[14] = y, t[15] = U);
+	}), i[14] = y, i[15] = U);
 	let W;
-	t[16] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsxs(Button, {
+	i[16] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsxs(Button, {
 		variant: "outline",
 		size: "sm",
 		className: "h-7 gap-1.5",
 		onClick: () => S(!0),
 		children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }), "New Run"]
-	}), t[16] = W) : W = t[16];
+	}), i[16] = W) : W = i[16];
 	let G;
-	t[17] === U ? G = t[18] : (G = /* @__PURE__ */ jsxs("div", {
+	i[17] === U ? G = i[18] : (G = /* @__PURE__ */ jsxs("div", {
 		className: "bg-muted/50 flex h-11 shrink-0 items-center justify-between border-b px-3",
 		children: [U, W]
-	}), t[17] = U, t[18] = G);
+	}), i[17] = U, i[18] = G);
 	let K;
-	t[19] === w.error ? K = t[20] : (K = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }), t[19] = w.error, t[20] = K);
+	i[19] === w.error ? K = i[20] : (K = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }), i[19] = w.error, i[20] = K);
 	let q;
-	t[21] !== y || t[22] !== w.data || t[23] !== w.isLoading ? (q = y === "output" && /* @__PURE__ */ jsx("div", {
+	i[21] !== y || i[22] !== w.data || i[23] !== w.isLoading ? (q = y === "output" && /* @__PURE__ */ jsx("div", {
 		className: "px-4 py-3",
 		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
 			loading: w.isLoading,
@@ -140,9 +141,9 @@ function PreviewWorkbenchContent(e) {
 				settings: R
 			}) : null
 		})
-	}), t[21] = y, t[22] = w.data, t[23] = w.isLoading, t[24] = q) : q = t[24];
+	}), i[21] = y, i[22] = w.data, i[23] = w.isLoading, i[24] = q) : q = i[24];
 	let J;
-	t[25] !== y || t[26] !== w.data || t[27] !== w.isLoading || t[28] !== O || t[29] !== m ? (J = y === "graph" && /* @__PURE__ */ jsx("div", {
+	i[25] !== y || i[26] !== w.data || i[27] !== w.isLoading || i[28] !== O || i[29] !== m ? (J = y === "graph" && /* @__PURE__ */ jsx("div", {
 		className: "h-full",
 		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
 			loading: w.isLoading,
@@ -159,16 +160,16 @@ function PreviewWorkbenchContent(e) {
 				})
 			})
 		})
-	}), t[25] = y, t[26] = w.data, t[27] = w.isLoading, t[28] = O, t[29] = m, t[30] = J) : J = t[30];
+	}), i[25] = y, i[26] = w.data, i[27] = w.isLoading, i[28] = O, i[29] = m, i[30] = J) : J = i[30];
 	let Y;
-	t[31] !== y || t[32] !== w.data ? (Y = y === "run-log" && /* @__PURE__ */ jsx("div", {
+	i[31] !== y || i[32] !== w.data ? (Y = y === "run-log" && /* @__PURE__ */ jsx("div", {
 		className: "px-4",
 		children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: w.data })
-	}), t[31] = y, t[32] = w.data, t[33] = Y) : Y = t[33];
+	}), i[31] = y, i[32] = w.data, i[33] = Y) : Y = i[33];
 	let X;
-	t[34] === y ? X = t[35] : (X = y === "logs" && /* @__PURE__ */ jsx(EmbedLogsContent, {}), t[34] = y, t[35] = X);
+	i[34] === y ? X = i[35] : (X = y === "logs" && /* @__PURE__ */ jsx(EmbedLogsContent, {}), i[34] = y, i[35] = X);
 	let Z;
-	t[36] !== K || t[37] !== q || t[38] !== J || t[39] !== Y || t[40] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	i[36] !== K || i[37] !== q || i[38] !== J || i[39] !== Y || i[40] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
 		className: "flex-1 overflow-auto",
 		children: [
 			K,
@@ -177,15 +178,15 @@ function PreviewWorkbenchContent(e) {
 			Y,
 			X
 		]
-	}), t[36] = K, t[37] = q, t[38] = J, t[39] = Y, t[40] = X, t[41] = Z) : Z = t[41];
+	}), i[36] = K, i[37] = q, i[38] = J, i[39] = Y, i[40] = X, i[41] = Z) : Z = i[41];
 	let Q;
-	t[42] !== F || t[43] !== x ? (Q = /* @__PURE__ */ jsx(NewRunDialog, {
+	i[42] !== F || i[43] !== x ? (Q = /* @__PURE__ */ jsx(NewRunDialog, {
 		open: x,
 		onOpenChange: S,
 		onSuccess: F
-	}), t[42] = F, t[43] = x, t[44] = Q) : Q = t[44];
+	}), i[42] = F, i[43] = x, i[44] = Q) : Q = i[44];
 	let $;
-	return t[45] !== G || t[46] !== Z || t[47] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+	return i[45] !== G || i[46] !== Z || i[47] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
 		ref: _,
 		className: "flex h-screen flex-col overflow-hidden",
 		children: [
@@ -193,7 +194,7 @@ function PreviewWorkbenchContent(e) {
 			Z,
 			Q
 		]
-	}), t[45] = G, t[46] = Z, t[47] = Q, t[48] = $) : $ = t[48], $;
+	}), i[45] = G, i[46] = Z, i[47] = Q, i[48] = $) : $ = i[48], $;
 }
 function _temp() {}
 var STATUS_DOT_COLORS = {
@@ -204,17 +205,17 @@ var STATUS_DOT_COLORS = {
 	canceled: "bg-orange-500",
 	pending: "bg-muted-foreground"
 };
-function PreviewEmptyState(n) {
-	let r = c(24), { newRunDialogOpen: a, onNewRunDialogOpenChange: o, onNewRunSuccess: s } = n, l = useNavigate(), { router: u } = useStudio(), [d, f] = useState(3), m;
-	r[0] === Symbol.for("react.memo_cache_sentinel") ? (m = { parentId: null }, r[0] = m) : m = r[0];
+function PreviewEmptyState(e) {
+	let t = c(24), { newRunDialogOpen: r, onNewRunDialogOpenChange: o, onNewRunSuccess: s } = e, l = useNavigate(), { router: u } = useStudio(), [d, f] = useState(3), m;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (m = { parentId: null }, t[0] = m) : m = t[0];
 	let h = useFilterWorkflows(void 0, m, "createdAt", "DESC", 0, d), g;
-	r[1] === h.data?.data ? g = r[2] : (g = h.data?.data ?? [], r[1] = h.data?.data, r[2] = g);
+	t[1] === h.data?.data ? g = t[2] : (g = h.data?.data ?? [], t[1] = h.data?.data, t[2] = g);
 	let _ = g, se = h.data?.total ?? 0, y = _.length < se, x;
-	r[3] === o ? x = r[4] : (x = () => o(!0), r[3] = o, r[4] = x);
+	t[3] === o ? x = t[4] : (x = () => o(!0), t[3] = o, t[4] = x);
 	let C;
-	r[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), r[5] = C) : C = r[5];
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), t[5] = C) : C = t[5];
 	let T;
-	r[6] === x ? T = r[7] : (T = /* @__PURE__ */ jsx("div", {
+	t[6] === x ? T = t[7] : (T = /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center",
 		children: /* @__PURE__ */ jsxs(Button, {
 			variant: "secondary",
@@ -223,9 +224,9 @@ function PreviewEmptyState(n) {
 			onClick: x,
 			children: [C, "New Run"]
 		})
-	}), r[6] = x, r[7] = T);
+	}), t[6] = x, t[7] = T);
 	let E;
-	r[8] !== h.isLoading || r[9] !== y || r[10] !== l || r[11] !== u || r[12] !== _ ? (E = h.isLoading && _.length === 0 ? /* @__PURE__ */ jsx("div", {
+	t[8] !== h.isLoading || t[9] !== y || t[10] !== l || t[11] !== u || t[12] !== _ ? (E = h.isLoading && _.length === 0 ? /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
 		children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })
 	}) : _.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
@@ -248,23 +249,23 @@ function PreviewEmptyState(n) {
 			onClick: () => f(_temp2),
 			children: [/* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }), "Load more"]
 		})
-	] }) : null, r[8] = h.isLoading, r[9] = y, r[10] = l, r[11] = u, r[12] = _, r[13] = E) : E = r[13];
+	] }) : null, t[8] = h.isLoading, t[9] = y, t[10] = l, t[11] = u, t[12] = _, t[13] = E) : E = t[13];
 	let D;
-	r[14] !== T || r[15] !== E ? (D = /* @__PURE__ */ jsxs("div", {
+	t[14] !== T || t[15] !== E ? (D = /* @__PURE__ */ jsxs("div", {
 		className: "w-full max-w-sm space-y-6 px-4",
 		children: [T, E]
-	}), r[14] = T, r[15] = E, r[16] = D) : D = r[16];
+	}), t[14] = T, t[15] = E, t[16] = D) : D = t[16];
 	let O;
-	r[17] !== a || r[18] !== o || r[19] !== s ? (O = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: a,
+	t[17] !== r || t[18] !== o || t[19] !== s ? (O = /* @__PURE__ */ jsx(NewRunDialog, {
+		open: r,
 		onOpenChange: o,
 		onSuccess: s
-	}), r[17] = a, r[18] = o, r[19] = s, r[20] = O) : O = r[20];
+	}), t[17] = r, t[18] = o, t[19] = s, t[20] = O) : O = t[20];
 	let k;
-	return r[21] !== D || r[22] !== O ? (k = /* @__PURE__ */ jsxs("div", {
+	return t[21] !== D || t[22] !== O ? (k = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-screen flex-col items-center justify-center",
 		children: [D, O]
-	}), r[21] = D, r[22] = O, r[23] = k) : k = r[23], k;
+	}), t[21] = D, t[22] = O, t[23] = k) : k = t[23], k;
 }
 function _temp2(e) {
 	return e + 5;
@@ -330,7 +331,7 @@ function LogLine(e) {
 function EmbedLogsContent() {
 	let e = c(21), t = config_default.environment.url, n = useRef(null), r;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
-		queryKey: ["remote-agent-app-logs"],
+		queryKey: ["remote-agent-app-logs", t],
 		queryFn: async () => {
 			let e = await fetch(`${t}/api/v1/app/logs?lines=200`, { credentials: "include" });
 			if (!e.ok) {

package/dist/pages/StudioLandingPage.js

@@ -1,5 +1,5 @@
-import { useStudio } from "../providers/StudioProvider.js";
 import { useFilterWorkflows } from "../hooks/useWorkflows.js";
+import { useStudio } from "../providers/StudioProvider.js";
 import { Button } from "../components/ui/button.js";
 import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
 import { RecentRunItem } from "../features/workbench/components/RecentRunItem.js";

package/dist/pages/WorkbenchPage.js

@@ -1,6 +1,7 @@
+import { useWorkflow, useWorkspace } from "../packages/react/dist/hooks/queries.js";
+import "../hooks/useWorkflows.js";
+import "../hooks/useWorkspaces.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useWorkflow } from "../hooks/useWorkflows.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";

package/dist/pages/WorkflowDebugPage.js

@@ -1,6 +1,7 @@
+import { useWorkflow, useWorkspace } from "../packages/react/dist/hooks/queries.js";
+import { useChildWorkflows, useWorkflowConfigByName } from "../hooks/useWorkflows.js";
+import "../hooks/useWorkspaces.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useChildWorkflows, useWorkflow, useWorkflowConfigByName } from "../hooks/useWorkflows.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";

package/dist/pages/WorkspacePage.js

@@ -1,6 +1,7 @@
+import { useAppsConfig, useWorkspace } from "../packages/react/dist/hooks/queries.js";
+import "../hooks/useConfig.js";
+import "../hooks/useWorkspaces.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useAppsConfig } from "../hooks/useConfig.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";

package/dist/pages/WorkspaceRunsPage.js

@@ -1,5 +1,6 @@
+import { useWorkspace } from "../packages/react/dist/hooks/queries.js";
+import "../hooks/useWorkspaces.js";
 import { useStudio } from "../providers/StudioProvider.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { FeatureRegistryProvider } from "../features/feature-registry/FeatureRegistryProvider.js";

package/dist/providers/LoopstackClientProvider.js

@@ -0,0 +1,31 @@
+import { LoopstackProvider } from "../packages/react/dist/provider.js";
+import { createClient } from "../packages/client/dist/client.js";
+import "../packages/client/dist/index.js";
+import { useLiveInvalidation } from "../packages/react/dist/hooks/use-live-invalidation.js";
+import "../packages/react/dist/index.js";
+import { createReportingFetch } from "../services/reporting-fetch.js";
+import { useStudio } from "./StudioProvider.js";
+import { useMe } from "../hooks/useAuth.js";
+import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LiveInvalidation() {
+	return useLiveInvalidation(), null;
+}
+function LoopstackClientProvider(u) {
+	let d = c(9), { children: f } = u, { environment: p } = useStudio(), { isSuccess: m } = useMe(), h;
+	d[0] !== p.id || d[1] !== p.url ? (h = createClient({
+		url: p.url,
+		envKey: p.id,
+		credentials: "include",
+		fetch: createReportingFetch(p.id)
+	}), d[0] = p.id, d[1] = p.url, d[2] = h) : h = d[2];
+	let g = h, _;
+	d[3] === m ? _ = d[4] : (_ = m ? /* @__PURE__ */ jsx(LiveInvalidation, {}) : null, d[3] = m, d[4] = _);
+	let v;
+	return d[5] !== f || d[6] !== g || d[7] !== _ ? (v = /* @__PURE__ */ jsxs(LoopstackProvider, {
+		client: g,
+		children: [_, f]
+	}), d[5] = f, d[6] = g, d[7] = _, d[8] = v) : v = d[8], v;
+}
+export { LoopstackClientProvider };

package/dist/services/createApiClient.js

@@ -1,6 +1,12 @@
-import { createAxiosClient } from "../api/client.js";
-import { createApi } from "../api/index.js";
+import { createClient } from "../packages/client/dist/client.js";
+import "../packages/client/dist/index.js";
+import { createReportingFetch } from "./reporting-fetch.js";
 function createApiClient(n) {
-	return { auth: createApi(createAxiosClient(n.url, n.id)).auth };
+	return { auth: createClient({
+		url: n.url,
+		envKey: n.id,
+		credentials: "include",
+		fetch: createReportingFetch(n.id)
+	}).auth };
 }
 export { createApiClient };

package/dist/services/index.js

@@ -1,2 +1 @@
 import { createApiClient } from "./createApiClient.js";
-import { eventBus } from "./eventEmitter.js";

package/dist/services/reporting-fetch.js

@@ -0,0 +1,13 @@
+import { ApiClientEvents, apiClientEvents } from "../events/api-client-events.js";
+import "../events/index.js";
+function createReportingFetch(n) {
+	return async (r, i) => {
+		try {
+			let a = await fetch(r, i);
+			return (a.status === 401 || a.status === 403) && apiClientEvents.emit(ApiClientEvents.UNAUTHORIZED, n), a;
+		} catch (r) {
+			throw r instanceof DOMException && r.name === "AbortError" || apiClientEvents.emit(ApiClientEvents.ERR_NETWORK, n), r;
+		}
+	};
+}
+export { createReportingFetch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,9 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/contracts": "^0.36.0",
+    "@loopstack/client": "^0.37.0",
+    "@loopstack/contracts": "^0.37.0",
+    "@loopstack/react": "^1.0.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -53,7 +55,6 @@
     "@tailwindcss/vite": "^4.2.2",
     "@tanstack/react-query": "^5.99.0",
     "@xyflow/react": "^12.10.2",
-    "axios": "^1.15.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",

package/dist/api/auth.js

@@ -1,10 +0,0 @@
-function createAuthApi(e) {
-	return {
-		me: () => e.get("/api/v1/auth/me").then((e) => e.data),
-		getInfo: () => e.get("/api/v1/auth/worker/health").then((e) => e.data),
-		hubLogin: (t) => e.post("/api/v1/auth/oauth/hub", t.hubLoginRequestDto).then((e) => e.data),
-		refresh: () => e.post("/api/v1/auth/refresh").then((e) => e.data),
-		logout: () => e.post("/api/v1/auth/logout").then((e) => e.data)
-	};
-}
-export { createAuthApi };

package/dist/api/client.js

@@ -1,13 +0,0 @@
-import { ApiClientEvents } from "../events/api-client-events.js";
-import { eventBus } from "../services/eventEmitter.js";
-import "../services/index.js";
-import axios from "axios";
-function createAxiosClient(r, i) {
-	let a = axios.create({
-		baseURL: r,
-		withCredentials: !0,
-		headers: { "Content-Type": "application/json" }
-	});
-	return a.interceptors.response.use((e) => e, (n) => (n.response?.status && [401, 403].includes(n.response.status) && eventBus.emit(ApiClientEvents.UNAUTHORIZED, i), n.code === "ERR_NETWORK" && (console.error("Connection refused - server may be down"), eventBus.emit(ApiClientEvents.ERR_NETWORK, i)), Promise.reject(n))), a;
-}
-export { createAxiosClient };

package/dist/api/config.js

@@ -1,11 +0,0 @@
-function createConfigApi(e) {
-	return {
-		getApps: () => e.get("/api/v1/config/apps").then((e) => e.data),
-		getWorkflowConfig: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.workflowName)}`).then((e) => e.data),
-		getWorkflowSource: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.workflowName)}/source`).then((e) => e.data),
-		getToolConfigs: () => e.get("/api/v1/config/tools").then((e) => e.data),
-		getToolConfig: (t) => e.get(`/api/v1/config/tools/${encodeURIComponent(t.toolName)}`).then((e) => e.data),
-		getAvailableEnvironments: () => e.get("/api/v1/config/environments").then((e) => e.data)
-	};
-}
-export { createConfigApi };

package/dist/api/dashboard.js

@@ -1,4 +0,0 @@
-function createDashboardApi(e) {
-	return { getStats: () => e.get("/api/v1/dashboard").then((e) => e.data) };
-}
-export { createDashboardApi };

package/dist/api/documents.js

@@ -1,7 +0,0 @@
-function createDocumentsApi(e) {
-	return {
-		getById: (t) => e.get(`/api/v1/documents/${t.id}`).then((e) => e.data),
-		getAll: (t) => e.get("/api/v1/documents", { params: t }).then((e) => e.data)
-	};
-}
-export { createDocumentsApi };

package/dist/api/environments.js

@@ -1,8 +0,0 @@
-function createEnvironmentsApi(e) {
-	return {
-		getByWorkspace: (t) => e.get(`/api/v1/workspaces/${t}/environments`).then((e) => e.data),
-		replaceEnvironments: (t, n) => e.put(`/api/v1/workspaces/${t}/environments`, n).then((e) => e.data),
-		resetEnvironment: (t) => e.post(`/api/v1/workspaces/${t.workspaceId}/environments/${t.slotId}/reset`).then((e) => e.data)
-	};
-}
-export { createEnvironmentsApi };

package/dist/api/index.js

@@ -1,31 +0,0 @@
-import { createFilesApi } from "../features/file-explorer/api/files.js";
-import { createGitApi } from "../features/git/api/git.js";
-import { createAuthApi } from "./auth.js";
-import { createConfigApi } from "./config.js";
-import { createDashboardApi } from "./dashboard.js";
-import { createDocumentsApi } from "./documents.js";
-import { createEnvironmentsApi } from "./environments.js";
-import { createProcessorApi } from "./processor.js";
-import { createSecretsApi } from "./secrets.js";
-import { createWorkflowsApi } from "./workflows.js";
-import { createWorkspacesApi } from "./workspaces.js";
-import { createAxiosClient } from "./client.js";
-function createApi(f) {
-	return {
-		auth: createAuthApi(f),
-		config: createConfigApi(f),
-		dashboard: createDashboardApi(f),
-		documents: createDocumentsApi(f),
-		environments: createEnvironmentsApi(f),
-		files: {
-			local: createFilesApi(f, "local"),
-			remote: createFilesApi(f, "remote")
-		},
-		git: createGitApi(f),
-		processor: createProcessorApi(f),
-		secrets: createSecretsApi(f),
-		workflows: createWorkflowsApi(f),
-		workspaces: createWorkspacesApi(f)
-	};
-}
-export { createApi };

package/dist/api/processor.js

@@ -1,7 +0,0 @@
-function createProcessorApi(e) {
-	return {
-		startWorkflow: (t) => e.post("/api/v1/processor/start", t.payload).then((e) => e.data),
-		runWorkflow: (t) => e.post(`/api/v1/processor/run/${t.workflowId}`, t.runWorkflowPayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data)
-	};
-}
-export { createProcessorApi };

package/dist/api/secrets.js

@@ -1,16 +0,0 @@
-function createSecretsApi(e) {
-	return {
-		getByWorkspaceId: (t) => e.get(`/api/v1/workspaces/${t.workspaceId}/secrets`).then((e) => e.data),
-		create: (t) => e.post(`/api/v1/workspaces/${t.workspaceId}/secrets`, {
-			key: t.key,
-			value: t.value
-		}).then((e) => e.data),
-		upsert: (t) => e.put(`/api/v1/workspaces/${t.workspaceId}/secrets/upsert`, {
-			key: t.key,
-			value: t.value
-		}).then((e) => e.data),
-		update: (t) => e.put(`/api/v1/workspaces/${t.workspaceId}/secrets/${t.id}`, { value: t.value }).then((e) => e.data),
-		delete: (t) => e.delete(`/api/v1/workspaces/${t.workspaceId}/secrets/${t.id}`).then((e) => e.data)
-	};
-}
-export { createSecretsApi };

package/dist/api/workflows.js

@@ -1,15 +0,0 @@
-function createWorkflowsApi(e) {
-	return {
-		getById: (t) => e.get(`/api/v1/workflows/${t.id}`).then((e) => e.data),
-		getStatusById: (t) => e.get(`/api/v1/workflows/${t.id}/status`).then((e) => e.data),
-		getAll: (t) => e.get("/api/v1/workflows", { params: t }).then((e) => e.data),
-		create: (t) => e.post("/api/v1/workflows", t.workflowCreateDto).then((e) => e.data),
-		update: (t) => e.put(`/api/v1/workflows/${t.id}`, t.workflowUpdateDto).then((e) => e.data),
-		delete: (t) => e.delete(`/api/v1/workflows/id/${t.id}`).then((e) => e.data),
-		batchDelete: (t) => e.delete("/api/v1/workflows/batch", { data: { ids: t.ids } }).then((e) => e.data),
-		getFileTree: (t) => e.get(`/api/v1/files/workflows/${t.workflowId}`).then((e) => e.data),
-		getFileContent: (t) => e.get(`/api/v1/files/workflows/${t.workflowId}/${t.filePath}`).then((e) => e.data),
-		getCheckpoints: (t) => e.get(`/api/v1/workflows/${t.id}/checkpoints`).then((e) => e.data)
-	};
-}
-export { createWorkflowsApi };