@loopstack/loopstack-studio 0.34.0 → 0.35.0

package/dist/app/EnvironmentEmbedRoot.js

@@ -1,6 +1,5 @@
 import { StudioProvider } from "../providers/StudioProvider.js";
-import { SseProvider } from "../providers/SseProvider.js";
-import { InvalidationEventsProvider } from "../providers/InvalidationEventsProvider.js";
+import { LoopstackClientProvider } from "../providers/LoopstackClientProvider.js";
 import { useRouter } from "../routing/LocalRouter.js";
 import LocalHealthCheck_default from "../features/health/LocalHealthCheck.js";
 import { QueryProvider } from "../providers/QueryProvider.js";
@@ -8,28 +7,23 @@ import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, useSearchParams } from "react-router-dom";
 function EnvironmentEmbedRoot() {
-	let f = c(14), [p] = useSearchParams(), m;
-	f[0] === p ? m = f[1] : (m = p.get("url") ?? "http://localhost:3080", f[0] = p, f[1] = m);
-	let h = m, g;
-	f[2] === p ? g = f[3] : (g = p.get("name") ?? "Preview Environment", f[2] = p, f[3] = g);
-	let _ = g, v;
-	f[4] !== _ || f[5] !== h ? (v = {
+	let d = c(11), [f] = useSearchParams(), p;
+	d[0] === f ? p = d[1] : (p = f.get("url") ?? "http://localhost:3080", d[0] = f, d[1] = p);
+	let m = p, h;
+	d[2] === f ? h = d[3] : (h = f.get("name") ?? "Preview Environment", d[2] = f, d[3] = h);
+	let g = h, _;
+	d[4] !== g || d[5] !== m ? (_ = {
 		id: "preview-env",
-		name: _,
-		url: h
-	}, f[4] = _, f[5] = h, f[6] = v) : v = f[6];
-	let y = v, b = useRouter(y.id, "/embed/env"), x, S, C, w;
-	f[7] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx(LocalHealthCheck_default, {}), S = /* @__PURE__ */ jsx(SseProvider, {}), C = /* @__PURE__ */ jsx(InvalidationEventsProvider, {}), w = /* @__PURE__ */ jsx(Outlet, {}), f[7] = x, f[8] = S, f[9] = C, f[10] = w) : (x = f[7], S = f[8], C = f[9], w = f[10]);
-	let T;
-	return f[11] !== y || f[12] !== b ? (T = /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsxs(StudioProvider, {
-		router: b,
-		environment: y,
-		children: [
-			x,
-			S,
-			C,
-			w
-		]
-	}) }), f[11] = y, f[12] = b, f[13] = T) : T = f[13], T;
+		name: g,
+		url: m
+	}, d[4] = g, d[5] = m, d[6] = _) : _ = d[6];
+	let v = _, y = useRouter(v.id, "/embed/env"), b;
+	d[7] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsxs(LoopstackClientProvider, { children: [/* @__PURE__ */ jsx(LocalHealthCheck_default, {}), /* @__PURE__ */ jsx(Outlet, {})] }), d[7] = b) : b = d[7];
+	let x;
+	return d[8] !== v || d[9] !== y ? (x = /* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsx(StudioProvider, {
+		router: y,
+		environment: v,
+		children: b
+	}) }), d[8] = v, d[9] = y, d[10] = x) : x = d[10], x;
 }
 export { EnvironmentEmbedRoot as default };

package/dist/components/layout/StudioSidebar.js

@@ -1,5 +1,5 @@
-import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import { useStudio, useStudioOptional } from "../../providers/StudioProvider.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../ui/button.js";
@@ -87,73 +87,73 @@ var DefaultSidebarHeader = () => {
 		children: [h, E]
 	}), e[14] = m, e[15] = h, e[16] = E, e[17] = D) : D = e[17], D;
 }, MainNav = () => {
-	let o = c(29), s = useLocation(), { router: l } = useStudio(), u;
-	o[0] === l ? u = o[1] : (u = l.getDashboard(), o[0] = l, o[1] = u);
+	let e = c(29), s = useLocation(), { router: l } = useStudio(), u;
+	e[0] === l ? u = e[1] : (u = l.getDashboard(), e[0] = l, e[1] = u);
 	let d = u, f;
-	o[2] === l ? f = o[3] : (f = l.getWorkspaces(), o[2] = l, o[3] = f);
+	e[2] === l ? f = e[3] : (f = l.getWorkspaces(), e[2] = l, e[3] = f);
 	let p = f, m = l.getRuns(), _ = s.pathname === d, v, S;
-	o[4] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Boxes, {}), S = /* @__PURE__ */ jsx("span", { children: "Applications" }), o[4] = v, o[5] = S) : (v = o[4], S = o[5]);
+	e[4] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Boxes, {}), S = /* @__PURE__ */ jsx("span", { children: "Applications" }), e[4] = v, e[5] = S) : (v = e[4], S = e[5]);
 	let C;
-	o[6] === d ? C = o[7] : (C = /* @__PURE__ */ jsxs(Link, {
+	e[6] === d ? C = e[7] : (C = /* @__PURE__ */ jsxs(Link, {
 		to: d,
 		children: [v, S]
-	}), o[6] = d, o[7] = C);
+	}), e[6] = d, e[7] = C);
 	let w;
-	o[8] !== _ || o[9] !== C ? (w = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[8] !== _ || e[9] !== C ? (w = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: _,
 		tooltip: "Applications",
 		children: C
-	}) }), o[8] = _, o[9] = C, o[10] = w) : w = o[10];
+	}) }), e[8] = _, e[9] = C, e[10] = w) : w = e[10];
 	let T = s.pathname === p, k, A;
-	o[11] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx(LayoutGrid, {}), A = /* @__PURE__ */ jsx("span", { children: "Workspaces" }), o[11] = k, o[12] = A) : (k = o[11], A = o[12]);
+	e[11] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx(LayoutGrid, {}), A = /* @__PURE__ */ jsx("span", { children: "Workspaces" }), e[11] = k, e[12] = A) : (k = e[11], A = e[12]);
 	let j;
-	o[13] === p ? j = o[14] : (j = /* @__PURE__ */ jsxs(Link, {
+	e[13] === p ? j = e[14] : (j = /* @__PURE__ */ jsxs(Link, {
 		to: p,
 		children: [k, A]
-	}), o[13] = p, o[14] = j);
+	}), e[13] = p, e[14] = j);
 	let M;
-	o[15] !== j || o[16] !== T ? (M = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[15] !== j || e[16] !== T ? (M = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: T,
 		tooltip: "Workspaces",
 		children: j
-	}) }), o[15] = j, o[16] = T, o[17] = M) : M = o[17];
+	}) }), e[15] = j, e[16] = T, e[17] = M) : M = e[17];
 	let N = s.pathname === m || s.pathname === m + "/", P, F;
-	o[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(Play, {}), F = /* @__PURE__ */ jsx("span", { children: "Runs" }), o[18] = P, o[19] = F) : (P = o[18], F = o[19]);
+	e[18] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx(Play, {}), F = /* @__PURE__ */ jsx("span", { children: "Runs" }), e[18] = P, e[19] = F) : (P = e[18], F = e[19]);
 	let I;
-	o[20] === m ? I = o[21] : (I = /* @__PURE__ */ jsxs(Link, {
+	e[20] === m ? I = e[21] : (I = /* @__PURE__ */ jsxs(Link, {
 		to: m,
 		children: [P, F]
-	}), o[20] = m, o[21] = I);
+	}), e[20] = m, e[21] = I);
 	let L;
-	o[22] !== N || o[23] !== I ? (L = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	e[22] !== N || e[23] !== I ? (L = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		isActive: N,
 		tooltip: "Runs",
 		children: I
-	}) }), o[22] = N, o[23] = I, o[24] = L) : L = o[24];
+	}) }), e[22] = N, e[23] = I, e[24] = L) : L = e[24];
 	let R;
-	return o[25] !== M || o[26] !== L || o[27] !== w ? (R = /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [
+	return e[25] !== M || e[26] !== L || e[27] !== w ? (R = /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [
 		w,
 		M,
 		L
-	] }) }) }), o[25] = M, o[26] = L, o[27] = w, o[28] = R) : R = o[28], R;
+	] }) }) }), e[25] = M, e[26] = L, e[27] = w, e[28] = R) : R = e[28], R;
 }, FavouritesNav = () => {
-	let o = c(19), l = useLocation(), { router: u } = useStudio(), d;
-	o[0] === u ? d = o[1] : (d = u.getWorkspaces(), o[0] = u, o[1] = d);
+	let s = c(19), l = useLocation(), { router: u } = useStudio(), d;
+	s[0] === u ? d = s[1] : (d = u.getWorkspaces(), s[0] = u, s[1] = d);
 	let f = d, p;
-	o[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { isFavourite: "true" }, o[2] = p) : p = o[2];
+	s[2] === Symbol.for("react.memo_cache_sentinel") ? (p = { isFavourite: "true" }, s[2] = p) : p = s[2];
 	let m = useFilterWorkspaces(void 0, p, "createdAt", "ASC", 0, 10), v;
-	o[3] === m.data?.data ? v = o[4] : (v = m.data?.data ?? [], o[3] = m.data?.data, o[4] = v);
+	s[3] === m.data?.data ? v = s[4] : (v = m.data?.data ?? [], s[3] = m.data?.data, s[4] = v);
 	let S = v;
 	if (S.length === 0) return null;
 	let C;
-	o[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Favourites" }), o[5] = C) : C = o[5];
+	s[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Favourites" }), s[5] = C) : C = s[5];
 	let w;
-	if (o[6] !== S || o[7] !== l || o[8] !== u) {
+	if (s[6] !== S || s[7] !== l || s[8] !== u) {
 		let e;
-		o[10] !== l || o[11] !== u ? (e = (e) => {
+		s[10] !== l || s[11] !== u ? (e = (e) => {
 			let o = u.getWorkspace(e.id);
 			return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 				asChild: !0,
@@ -164,25 +164,25 @@ var DefaultSidebarHeader = () => {
 					children: [/* @__PURE__ */ jsx(Star, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: e.title })]
 				})
 			}) }, e.id);
-		}, o[10] = l, o[11] = u, o[12] = e) : e = o[12], w = S.map(e), o[6] = S, o[7] = l, o[8] = u, o[9] = w;
-	} else w = o[9];
+		}, s[10] = l, s[11] = u, s[12] = e) : e = s[12], w = S.map(e), s[6] = S, s[7] = l, s[8] = u, s[9] = w;
+	} else w = s[9];
 	let T;
-	o[13] !== m.data?.total || o[14] !== f ? (T = (m.data?.total ?? 0) > 10 && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+	s[13] !== m.data?.total || s[14] !== f ? (T = (m.data?.total ?? 0) > 10 && /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
 		asChild: !0,
 		tooltip: "More favourites",
 		children: /* @__PURE__ */ jsxs(Link, {
 			to: f,
 			children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "More" })]
 		})
-	}) }), o[13] = m.data?.total, o[14] = f, o[15] = T) : T = o[15];
+	}) }), s[13] = m.data?.total, s[14] = f, s[15] = T) : T = s[15];
 	let O;
-	return o[16] !== w || o[17] !== T ? (O = /* @__PURE__ */ jsxs(SidebarGroup, { children: [C, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [w, T] }) })] }), o[16] = w, o[17] = T, o[18] = O) : O = o[18], O;
+	return s[16] !== w || s[17] !== T ? (O = /* @__PURE__ */ jsxs(SidebarGroup, { children: [C, /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxs(SidebarMenu, { children: [w, T] }) })] }), s[16] = w, s[17] = T, s[18] = O) : O = s[18], O;
 }, DefaultSidebarFooter = () => {
 	let e = c(1), o;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsx(SidebarFooter, {}), e[0] = o) : o = e[0], o;
 };
 const StudioSidebar = () => {
-	let e = c(13), s = useComponentOverrides(), u = useStudioOptional(), d = s.SidebarHeader ?? DefaultSidebarHeader, m = s.SidebarFooter ?? DefaultSidebarFooter, h;
+	let e = c(13), o = useComponentOverrides(), u = useStudioOptional(), d = o.SidebarHeader ?? DefaultSidebarHeader, m = o.SidebarFooter ?? DefaultSidebarFooter, h;
 	e[0] === d ? h = e[1] : (h = /* @__PURE__ */ jsx(d, {}), e[0] = d, e[1] = h);
 	let g;
 	e[2] === u ? g = e[3] : (g = u && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MainNav, {}), /* @__PURE__ */ jsx(FavouritesNav, {})] }), e[2] = u, e[3] = g);

package/dist/events/api-client-events.js

@@ -2,4 +2,16 @@ const ApiClientEvents = {
 	UNAUTHORIZED: "api.unauthorized",
 	ERR_NETWORK: "api.ERR_NETWORK"
 };
-export { ApiClientEvents };
+function createApiClientEventEmitter() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		on(t, n) {
+			return e.has(t) || e.set(t, /* @__PURE__ */ new Set()), e.get(t).add(n), () => e.get(t)?.delete(n);
+		},
+		emit(t, n) {
+			for (let r of e.get(t) ?? []) r(n);
+		}
+	};
+}
+const apiClientEvents = createApiClientEventEmitter();
+export { ApiClientEvents, apiClientEvents };

package/dist/events/index.js

@@ -0,0 +1 @@
+import { ApiClientEvents, apiClientEvents } from "./api-client-events.js";

package/dist/features/code-explorer/components/FileTabsBarBase.js

@@ -2,8 +2,8 @@ import { cn } from "../../../lib/utils.js";
 import { Button } from "../../../components/ui/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
 import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
-import { getFileIcon } from "../utils/fileIcons.js";
 import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import { getFileIcon } from "../utils/fileIcons.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/code-explorer/index.js

@@ -1,4 +1 @@
-import "./providers/CodeExplorerProvider.js";
-import "./CodeExplorer.js";
 import { FileContentViewer } from "./components/FileContentViewer.js";
-import "./components/FileTabsBar.js";

package/dist/features/dashboard/AppLauncher.js

@@ -1,5 +1,5 @@
-import { useStudio } from "../../providers/StudioProvider.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import { useStudio } from "../../providers/StudioProvider.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { Button } from "../../components/ui/button.js";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card.js";

package/dist/features/debug/components/WorkflowFlowViewer.js

@@ -1,4 +1,5 @@
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { useWorkflow } from "../../../packages/react/dist/hooks/queries.js";
+import "../../../hooks/useWorkflows.js";
 import { Background, BackgroundVariant, Controls, Panel, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
 import StateNode_default from "./workflow-flow/StateNode.js";

package/dist/features/debug/components/workflow-flow/WorkflowGraph.js

@@ -1,4 +1,5 @@
-import { useWorkflow, useWorkflowCheckpoints } from "../../../../hooks/useWorkflows.js";
+import { useWorkflow, useWorkflowCheckpoints } from "../../../../packages/react/dist/hooks/queries.js";
+import "../../../../hooks/useWorkflows.js";
 import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";

package/dist/features/documents/components/DocumentList.js

@@ -1,6 +1,6 @@
-import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { WorkflowState } from "../../../packages/contracts/dist/enums/workflow-state.enum.js";
 import "../../../packages/contracts/dist/enums/index.js";
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import DocumentItem_default from "./DocumentItem.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";

package/dist/features/documents/document-details/DocumentDetails.js

@@ -257,11 +257,6 @@ var formatDate = (e) => {
 					className: "text-xs capitalize",
 					children: a.level
 				}),
-				a?.hidden && /* @__PURE__ */ jsx(Badge, {
-					variant: "outline",
-					className: "text-xs",
-					children: "Hidden"
-				}),
 				m.invalidate && /* @__PURE__ */ jsx(Badge, {
 					variant: "outline",
 					className: "text-xs",

package/dist/features/documents/renderers/DocumentFormRenderer.js

@@ -1,13 +1,14 @@
+import { useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
 import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import "../../../hooks/useProcessor.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
 import { Loader2 } from "lucide-react";
 import { useForm } from "react-hook-form";
-import "zod";
 function resolveFormConfig(e) {
 	let d = e, f = (d?.widgets)?.find((e) => e.widget === "form");
 	if (f?.options) {
@@ -55,7 +56,7 @@ var DocumentFormRenderer_default = (m) => {
 		}
 		x.mutate({
 			workflowId: g.id,
-			runWorkflowPayloadDto: { transition: {
+			payload: { transition: {
 				id: e,
 				workflowId: _.id,
 				payload: d
@@ -65,9 +66,9 @@ var DocumentFormRenderer_default = (m) => {
 		C?.type === "object" ? A(e, d) : A(e, d.raw);
 	}, M = (e) => {
 		e.transition && E.handleSubmit((d) => j(e.transition)(d), _temp2)();
-	}, { formUi: N, actions: P } = resolveFormConfig(S?.ui), F = !!N?.form?.disabled, I = !y || F || !1, L = Form_default, R = C ?? {}, z = N ?? void 0, B = S?.meta?.mimeType, V = !b && P.length > 0 ? /* @__PURE__ */ jsx("div", {
+	}, { formUi: N, actions: P } = resolveFormConfig(S?.ui), F = !!N?.form?.disabled, I = !y || F || !1, L = Form_default, R = C ?? {}, B = N ?? void 0, V = S?.meta?.mimeType, H = !b && P.length > 0 ? /* @__PURE__ */ jsx("div", {
 		className: "flex w-full flex-col items-end gap-4",
-		children: P.map((e, f) => {
+		children: P.map((e, d) => {
 			let p = I || e.transition !== void 0 && !k.includes(e.transition);
 			return /* @__PURE__ */ jsxs(Button, {
 				type: "button",
@@ -77,21 +78,21 @@ var DocumentFormRenderer_default = (m) => {
 				className: e.type === "button-full-w" ? "w-full" : "w-48",
 				...e.props ?? {},
 				children: [x.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), e.label ?? "Submit"]
-			}, f);
+			}, d);
 		})
-	}) : void 0, H;
-	return h[6] !== L || h[7] !== I || h[8] !== E || h[9] !== R || h[10] !== z || h[11] !== B || h[12] !== V || h[13] !== b ? (H = /* @__PURE__ */ jsx("div", {
+	}) : void 0, U;
+	return h[6] !== L || h[7] !== I || h[8] !== E || h[9] !== R || h[10] !== B || h[11] !== V || h[12] !== H || h[13] !== b ? (U = /* @__PURE__ */ jsx("div", {
 		className: "flex",
 		children: /* @__PURE__ */ jsx(L, {
 			form: E,
 			schema: R,
-			ui: z,
-			mimeType: B,
+			ui: B,
+			mimeType: V,
 			disabled: I,
 			viewOnly: b,
-			actions: V
+			actions: H
 		})
-	}), h[6] = L, h[7] = I, h[8] = E, h[9] = R, h[10] = z, h[11] = B, h[12] = V, h[13] = b, h[14] = H) : H = h[14], H;
+	}), h[6] = L, h[7] = I, h[8] = E, h[9] = R, h[10] = B, h[11] = V, h[12] = H, h[13] = b, h[14] = U) : U = h[14], U;
 };
 function _temp(e) {
 	return e.id;

package/dist/features/documents/renderers/LinkMessageRenderer.js

@@ -1,6 +1,7 @@
-import { useWorkflowStatus } from "../../../hooks/useWorkflows.js";
+import { useWorkflowStatus } 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 link_default from "../../../components/loopstack-elements/link.js";
 import { c } from "react/compiler-runtime";
 import React from "react";

package/dist/features/documents/renderers/useDocumentTransition.js

@@ -1,4 +1,5 @@
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
+import "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import { useCallback } from "react";
 function resolveTransition(e) {
@@ -15,7 +16,7 @@ function useDocumentTransition(i, a, o) {
 	s[4] !== f || s[5] !== i.id || s[6] !== l || s[7] !== d || s[8] !== a.id ? (p = (e) => {
 		!d || !f || l.mutate({
 			workflowId: i.id,
-			runWorkflowPayloadDto: { transition: {
+			payload: { transition: {
 				id: d,
 				workflowId: a.id,
 				payload: e

package/dist/features/feature-registry/FeatureRegistryProvider.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 { AVAILABLE_FEATURES } from "./available-features.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useMemo } from "react";

package/dist/features/file-explorer/components/FileTabsBar.js

@@ -1,5 +1,5 @@
-import { FileTabsBarBase } from "../../code-explorer/components/FileTabsBarBase.js";
 import { useFileExplorer } from "../providers/FileExplorerProvider.js";
+import { FileTabsBarBase } from "../../code-explorer/components/FileTabsBarBase.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 function FileTabsBar() {

package/dist/features/file-explorer/components/FileTree.js

@@ -1,7 +1,7 @@
 import { Button } from "../../../components/ui/button.js";
 import { ScrollArea } from "../../../components/ui/scroll-area.js";
-import { CodeExplorerTreeNode } from "../../code-explorer/components/CodeExplorerTreeNode.js";
 import { useFileExplorer } from "../providers/FileExplorerProvider.js";
+import { CodeExplorerTreeNode } from "../../code-explorer/components/CodeExplorerTreeNode.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Loader2, RefreshCw } from "lucide-react";

package/dist/features/file-explorer/hooks/useFileExplorer.js

@@ -1,46 +1,51 @@
-import { useApiClient } from "../../../hooks/useApi.js";
+import { useLoopstackClient } from "../../../packages/react/dist/provider.js";
+import "../../../packages/react/dist/index.js";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
-function useFileTree(r, i, a) {
-	let o = c(12), s = a === void 0 ? !0 : a, { envKey: l, api: u } = useApiClient(), d;
-	o[0] !== l || o[1] !== r || o[2] !== i ? (d = [
+var VARIANT_BASE_PATH = {
+	local: "local-files",
+	remote: "remote-files"
+}, explorerPath = (e, n) => `/api/v1/workspaces/${n}/${VARIANT_BASE_PATH[e]}`;
+function fileTreeKey(e, n, r) {
+	return [
 		"file-explorer-tree",
-		r,
-		l,
-		i
-	], o[0] = l, o[1] = r, o[2] = i, o[3] = d) : d = o[3];
-	let f;
-	o[4] !== u || o[5] !== r || o[6] !== i ? (f = () => u.files[r].getTree({ workspaceId: i }), o[4] = u, o[5] = r, o[6] = i, o[7] = f) : f = o[7];
-	let p = !!i && s, m;
-	return o[8] !== d || o[9] !== f || o[10] !== p ? (m = {
-		queryKey: d,
-		queryFn: f,
-		enabled: p,
+		e,
+		...n ? [n] : [],
+		...r ? [r] : []
+	];
+}
+function useFileTree(i, o, s) {
+	let l = c(12), u = s === void 0 ? !0 : s, d = useLoopstackClient(), f;
+	l[0] !== d.envKey || l[1] !== i || l[2] !== o ? (f = fileTreeKey(d.envKey, i, o), l[0] = d.envKey, l[1] = i, l[2] = o, l[3] = f) : f = l[3];
+	let p;
+	l[4] !== d.http || l[5] !== i || l[6] !== o ? (p = () => d.http.get(`${explorerPath(i, o)}/tree`), l[4] = d.http, l[5] = i, l[6] = o, l[7] = p) : p = l[7];
+	let m = !!o && u, h;
+	return l[8] !== f || l[9] !== p || l[10] !== m ? (h = {
+		queryKey: f,
+		queryFn: p,
+		enabled: m,
 		staleTime: 3e4,
 		retry: !1
-	}, o[8] = d, o[9] = f, o[10] = p, o[11] = m) : m = o[11], useQuery(m);
+	}, l[8] = f, l[9] = p, l[10] = m, l[11] = h) : h = l[11], useQuery(h);
 }
-function useFileContent(r, i, a, o) {
-	let s = c(14), l = o === void 0 ? !0 : o, { envKey: u, api: d } = useApiClient(), f;
-	s[0] !== u || s[1] !== a || s[2] !== r || s[3] !== i ? (f = [
+function useFileContent(i, a, o, s) {
+	let l = c(14), u = s === void 0 ? !0 : s, d = useLoopstackClient(), f;
+	l[0] !== d.envKey || l[1] !== o || l[2] !== i || l[3] !== a ? (f = [
 		"file-explorer-content",
-		r,
-		u,
+		d.envKey,
 		i,
-		a
-	], s[0] = u, s[1] = a, s[2] = r, s[3] = i, s[4] = f) : f = s[4];
+		a,
+		o
+	], l[0] = d.envKey, l[1] = o, l[2] = i, l[3] = a, l[4] = f) : f = l[4];
 	let p;
-	s[5] !== d || s[6] !== a || s[7] !== r || s[8] !== i ? (p = () => d.files[r].readFile({
-		workspaceId: i,
-		path: a
-	}), s[5] = d, s[6] = a, s[7] = r, s[8] = i, s[9] = p) : p = s[9];
-	let m = !!i && !!a && l, h;
-	return s[10] !== f || s[11] !== p || s[12] !== m ? (h = {
+	l[5] !== d.http || l[6] !== o || l[7] !== i || l[8] !== a ? (p = () => d.http.get(`${explorerPath(i, a)}/read`, { path: o }), l[5] = d.http, l[6] = o, l[7] = i, l[8] = a, l[9] = p) : p = l[9];
+	let m = !!a && !!o && u, h;
+	return l[10] !== f || l[11] !== p || l[12] !== m ? (h = {
 		queryKey: f,
 		queryFn: p,
 		enabled: m,
 		staleTime: 15e3,
 		retry: !1
-	}, s[10] = f, s[11] = p, s[12] = m, s[13] = h) : h = s[13], useQuery(h);
+	}, l[10] = f, l[11] = p, l[12] = m, l[13] = h) : h = l[13], useQuery(h);
 }
-export { useFileContent, useFileTree };
+export { fileTreeKey, useFileContent, useFileTree };