@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/features/debug/lib/flow-utils.js

@@ -1,5 +1,5 @@
 import { MarkerType, Position } from "../../../node_modules/@xyflow/system/dist/esm/index.js";
-import dagre_esm_default from "../../../node_modules/@dagrejs/dagre/dist/dagre.esm.js";
+import dagre_esm_default from "../../../frontend/studio/node_modules/@dagrejs/dagre/dist/dagre.esm.js";
 var NODE_WIDTH = 130, NODE_HEIGHT = 70, CONDITION_OPERATORS = {
 	gt: ">",
 	lt: "<",

package/dist/features/documents/DocumentRenderer.js

@@ -1,4 +1,6 @@
 import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
+import { useFeatureRegistry } from "../feature-registry/FeatureRegistryProvider.js";
+import "../feature-registry/index.js";
 import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
 import "../oauth/index.js";
 import AiMessage_default from "./renderers/AiMessage.js";
@@ -12,83 +14,82 @@ import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
 import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
 import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
 import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
-import SecretInputRenderer_default from "./renderers/SecretInputRenderer.js";
 import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
 import { c } from "react/compiler-runtime";
-import React from "react";
+import React, { useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-var rendererRegistry = new Map([
-	["ai-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(AiMessage_default, {
-		document: t,
-		isLastItem: v
+var coreRendererRegistry = new Map([
+	["ai-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: e,
+		isLastItem: _
 	})],
-	["claude-message", ({ document: t, isLastItem: v }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
-		document: t,
-		isLastItem: v
+	["claude-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(ClaudeMessage_default, {
+		document: e,
+		isLastItem: _
 	})],
-	["debug", ({ document: t }) => /* @__PURE__ */ jsx("div", {
+	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
-		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: t })
+		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
 	})],
-	["form", ({ parentWorkflow: v, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["form", ({ parentWorkflow: _, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(b.createdAt),
+		timestamp: new Date(y.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
-			parentWorkflow: v,
-			workflow: y,
-			document: b,
-			enabled: x,
-			viewOnly: !x
+			parentWorkflow: _,
+			workflow: v,
+			document: y,
+			enabled: b,
+			viewOnly: !b
 		})
 	})],
-	["message", ({ document: t }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: t })],
-	["error", ({ document: t }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: t })],
-	["plain", ({ document: t }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: t })],
-	["markdown", ({ document: t }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: t })],
-	["link", ({ document: t }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: t })],
-	["oauth-prompt", ({ parentWorkflow: t, workflow: y, document: b, isActive: x }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
-		parentWorkflow: t,
-		workflow: y,
-		document: b,
-		isActive: x
-	})],
-	["text-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
-		parentWorkflow: t,
-		workflow: v,
+	["message", ({ document: e }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: e })],
+	["error", ({ document: e }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: e })],
+	["plain", ({ document: e }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: e })],
+	["markdown", ({ document: e }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: e })],
+	["link", ({ document: e }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: e })],
+	["oauth-prompt", ({ parentWorkflow: e, workflow: _, document: y, isActive: b }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+		parentWorkflow: e,
+		workflow: _,
 		document: y,
 		isActive: b
 	})],
-	["choices", ({ parentWorkflow: t, workflow: v, document: y, isActive: x }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
-		parentWorkflow: t,
-		workflow: v,
-		document: y,
-		isActive: x
+	["text-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
+		parentWorkflow: e,
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["confirm-prompt", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
-		parentWorkflow: t,
-		workflow: v,
-		document: y,
-		isActive: b
+	["choices", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
+		parentWorkflow: e,
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["secret-input", ({ parentWorkflow: t, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(SecretInputRenderer_default, {
-		parentWorkflow: t,
-		workflow: v,
-		document: y,
-		isActive: b
+	["confirm-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
+		parentWorkflow: e,
+		workflow: _,
+		document: v,
+		isActive: y
 	})]
 ]);
-function resolveDocumentWidget(t) {
-	let v = t;
-	return v?.widgets?.[0]?.widget ? v.widgets[0].widget : v?.form?.widget ? v.form.widget : "form";
+function resolveDocumentWidget(e) {
+	let _ = e;
+	return _?.widgets?.[0]?.widget ? _.widgets[0].widget : _?.form?.widget ? _.form.widget : "form";
 }
-var DocumentRenderer_default = (t) => {
-	let v = c(5), y = t.document, b;
-	if (v[0] !== y.ui) {
-		let t = resolveDocumentWidget(y.ui);
-		b = rendererRegistry.get(t), v[0] = y.ui, v[1] = b;
-	} else b = v[1];
-	let x = b, S;
-	return v[2] !== x || v[3] !== t ? (S = /* @__PURE__ */ jsx("div", { children: x ? /* @__PURE__ */ jsx(x, { ...t }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[2] = x, v[3] = t, v[4] = S) : S = v[4], S;
+var DocumentRenderer_default = (e) => {
+	let v = c(8), y = useFeatureRegistry(), b = e.document, x;
+	if (v[0] !== b.ui || v[1] !== y) {
+		let e = resolveDocumentWidget(b.ui), _;
+		if (v[3] !== y) {
+			_ = /* @__PURE__ */ new Map();
+			for (let e of y) if (e.documentRenderers) for (let [v, y] of Object.entries(e.documentRenderers)) _.set(v, y);
+			v[3] = y, v[4] = _;
+		} else _ = v[4];
+		let S = _;
+		x = coreRendererRegistry.get(e) ?? S.get(e), v[0] = b.ui, v[1] = y, v[2] = x;
+	} else x = v[2];
+	let S = x, C;
+	return v[5] !== S || v[6] !== e ? (C = /* @__PURE__ */ jsx("div", { children: S ? /* @__PURE__ */ jsx(S, { ...e }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[5] = S, v[6] = e, v[7] = C) : C = v[7], C;
 };
 export { DocumentRenderer_default as default };

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

@@ -1,30 +1,35 @@
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { c } from "react/compiler-runtime";
 import { useCallback } from "react";
 function resolveTransition(e) {
-	let t = e, n = t?.widgets;
-	return n?.[0]?.options?.transition ? n[0].options.transition : (t?.actions)?.map((e) => e.options?.transition).find((e) => !!e);
+	let r = e, i = r?.widgets;
+	return i?.[0]?.options?.transition ? i[0].options.transition : (r?.actions)?.map((e) => e.options?.transition).find((e) => !!e);
 }
-function useDocumentTransition(r, i, a) {
-	let o = useRunWorkflow(), s = i.availableTransitions?.map((e) => e.id) ?? [], c = resolveTransition(a), l = !!c && s.includes(c);
-	return {
-		submit: useCallback((e) => {
-			!c || !l || o.mutate({
-				workflowId: r.id,
-				runWorkflowPayloadDto: { transition: {
-					id: c,
-					workflowId: i.id,
-					payload: e
-				} }
-			});
-		}, [
-			c,
-			l,
-			o,
-			r.id,
-			i.id
-		]),
-		canSubmit: l,
-		isLoading: o.isPending
-	};
+function useDocumentTransition(i, a, o) {
+	let s = c(14), l = useRunWorkflow(), u, d;
+	if (s[0] !== o || s[1] !== a.availableTransitions) {
+		let e = a.availableTransitions?.map(_temp) ?? [];
+		d = resolveTransition(o), u = !!d && e.includes(d), s[0] = o, s[1] = a.availableTransitions, s[2] = u, s[3] = d;
+	} else u = s[2], d = s[3];
+	let f = u, p;
+	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: {
+				id: d,
+				workflowId: a.id,
+				payload: e
+			} }
+		});
+	}, s[4] = f, s[5] = i.id, s[6] = l, s[7] = d, s[8] = a.id, s[9] = p) : p = s[9];
+	let m = p, h;
+	return s[10] !== f || s[11] !== l.isPending || s[12] !== m ? (h = {
+		submit: m,
+		canSubmit: f,
+		isLoading: l.isPending
+	}, s[10] = f, s[11] = l.isPending, s[12] = m, s[13] = h) : h = s[13], h;
+}
+function _temp(e) {
+	return e.id;
 }
 export { useDocumentTransition };

package/dist/features/feature-registry/FeatureRegistryProvider.js

@@ -0,0 +1,17 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var FeatureRegistryContext = createContext([]);
+function FeatureRegistryProvider(r) {
+	let i = c(5), { features: a, children: o } = r, s;
+	i[0] === a ? s = i[1] : (s = a === void 0 ? [] : a, i[0] = a, i[1] = s);
+	let l = s, u;
+	return i[2] !== o || i[3] !== l ? (u = /* @__PURE__ */ jsx(FeatureRegistryContext.Provider, {
+		value: l,
+		children: o
+	}), i[2] = o, i[3] = l, i[4] = u) : u = i[4], u;
+}
+function useFeatureRegistry() {
+	return useContext(FeatureRegistryContext);
+}
+export { FeatureRegistryProvider, useFeatureRegistry };

package/dist/features/feature-registry/index.js

@@ -0,0 +1 @@
+import { FeatureRegistryProvider, useFeatureRegistry } from "./FeatureRegistryProvider.js";

package/dist/features/file-explorer/api/files.js

@@ -0,0 +1,7 @@
+function createFilesApi(e) {
+	return {
+		getTree: (t) => e.get(`/api/v1/workspaces/${t.workspaceId}/files/tree`, { params: t.path ? { path: t.path } : void 0 }).then((e) => e.data),
+		readFile: (t) => e.get(`/api/v1/workspaces/${t.workspaceId}/files/read`, { params: { path: t.path } }).then((e) => e.data)
+	};
+}
+export { createFilesApi };

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

@@ -0,0 +1,95 @@
+import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
+import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
+import "../../workbench/index.js";
+import { FileContentViewer } from "../../code-explorer/components/FileContentViewer.js";
+import "../../code-explorer/index.js";
+import { FileExplorerProvider, useOptionalFileExplorer } from "../providers/FileExplorerProvider.js";
+import { FileTabsBar } from "./FileTabsBar.js";
+import { FileTree } from "./FileTree.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Files } from "lucide-react";
+function FileExplorerContent() {
+	let e = c(7), r = useOptionalFileExplorer();
+	if (!r) {
+		let r;
+		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center p-4",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "File explorer is not available for this workspace."
+			})
+		}), e[0] = r) : r = e[0], r;
+	}
+	let a;
+	e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsx("div", {
+		className: "w-52 shrink-0 overflow-auto border-r bg-muted/40",
+		children: /* @__PURE__ */ jsx(FileTree, {})
+	}), e[1] = a) : a = e[1];
+	let d;
+	e[2] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(FileTabsBar, {}), e[2] = d) : d = e[2];
+	let f;
+	return e[3] !== r.fileContent || e[4] !== r.isContentLoading || e[5] !== r.selectedFile ? (f = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full",
+		children: [a, /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col",
+			children: [d, /* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-hidden p-3 pt-2",
+				children: /* @__PURE__ */ jsx(FileContentViewer, {
+					selectedFile: r.selectedFile,
+					content: r.fileContent,
+					isLoading: r.isContentLoading,
+					className: "h-full"
+				})
+			})]
+		})]
+	}), e[3] = r.fileContent, e[4] = r.isContentLoading, e[5] = r.selectedFile, e[6] = f) : f = e[6], f;
+}
+function FileExplorerPanel(i) {
+	let o = c(20), { workspaceId: s } = i, { closePanel: l, panelSize: u, setPanelSize: p, workspaceConfig: m, environments: h } = useWorkbenchLayout(), g;
+	o[0] !== h?.[0]?.slotId || o[1] !== m?.features?.fileExplorer?.enabled || o[2] !== m?.features?.fileExplorer?.environments ? (g = (m?.features?.fileExplorer?.enabled && m?.features?.fileExplorer?.environments?.includes(h?.[0]?.slotId ?? "")) ?? !1, o[0] = h?.[0]?.slotId, o[1] = m?.features?.fileExplorer?.enabled, o[2] = m?.features?.fileExplorer?.environments, o[3] = g) : g = o[3];
+	let _ = g;
+	if (!_) {
+		let e;
+		o[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), o[4] = e) : e = o[4];
+		let i;
+		o[5] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center p-4",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "File explorer is not available for this environment."
+			})
+		}), o[5] = i) : i = o[5];
+		let a;
+		return o[6] !== l || o[7] !== u || o[8] !== p ? (a = /* @__PURE__ */ jsx(SidebarPanel, {
+			icon: e,
+			title: "Files",
+			description: "Browse remote files.",
+			size: u,
+			onSizeChange: p,
+			onClose: l,
+			children: i
+		}), o[6] = l, o[7] = u, o[8] = p, o[9] = a) : a = o[9], a;
+	}
+	let v;
+	o[10] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(Files, { className: "h-4 w-4" }), o[10] = v) : v = o[10];
+	let y;
+	o[11] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(FileExplorerContent, {}), o[11] = y) : y = o[11];
+	let b;
+	o[12] !== _ || o[13] !== s ? (b = /* @__PURE__ */ jsx(FileExplorerProvider, {
+		workspaceId: s,
+		enabled: _,
+		children: y
+	}), o[12] = _, o[13] = s, o[14] = b) : b = o[14];
+	let x;
+	return o[15] !== l || o[16] !== u || o[17] !== p || o[18] !== b ? (x = /* @__PURE__ */ jsx(SidebarPanel, {
+		icon: v,
+		title: "Files",
+		description: "Browse and view files.",
+		size: u,
+		onSizeChange: p,
+		onClose: l,
+		children: b
+	}), o[15] = l, o[16] = u, o[17] = p, o[18] = b, o[19] = x) : x = o[19], x;
+}
+export { FileExplorerPanel };

package/dist/features/{workbench/components/RemoteFileTabsBar.js → file-explorer/components/FileTabsBar.js}

@@ -1,9 +1,9 @@
 import { FileTabsBarBase } from "../../code-explorer/components/FileTabsBarBase.js";
-import { useRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
+import { useFileExplorer } from "../providers/FileExplorerProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-function RemoteFileTabsBar() {
-	let i = c(9), { openFiles: a, selectedFile: o, selectFile: s, closeFile: l, closeAll: u, closeOthers: d, closeToLeft: f, closeToRight: p } = useRemoteFileExplorer(), m;
+function FileTabsBar() {
+	let i = c(9), { openFiles: a, selectedFile: o, selectFile: s, closeFile: l, closeAll: u, closeOthers: d, closeToLeft: f, closeToRight: p } = useFileExplorer(), m;
 	return i[0] !== u || i[1] !== l || i[2] !== d || i[3] !== f || i[4] !== p || i[5] !== a || i[6] !== s || i[7] !== o ? (m = /* @__PURE__ */ jsx(FileTabsBarBase, {
 		openFiles: a,
 		selectedFile: o,
@@ -15,4 +15,4 @@ function RemoteFileTabsBar() {
 		closeToRight: p
 	}), i[0] = u, i[1] = l, i[2] = d, i[3] = f, i[4] = p, i[5] = a, i[6] = s, i[7] = o, i[8] = m) : m = i[8], m;
 }
-export { RemoteFileTabsBar };
+export { FileTabsBar };

package/dist/features/{workbench/components/RemoteFileTree.js → file-explorer/components/FileTree.js}

@@ -1,12 +1,12 @@
 import { Button } from "../../../components/ui/button.js";
 import { ScrollArea } from "../../../components/ui/scroll-area.js";
 import { CodeExplorerTreeNode } from "../../code-explorer/components/CodeExplorerTreeNode.js";
-import { useRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
+import { useFileExplorer } from "../providers/FileExplorerProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Loader2, RefreshCw } from "lucide-react";
-var RemoteFileTree_default = () => {
-	let d = c(35), { nodes: f, isTreeLoading: p, treeError: m, isFetchingTree: h, expandedFolders: g, toggleFolder: _, selectFile: v, closeFile: y, selectedFile: b, refreshTree: x } = useRemoteFileExplorer();
+function FileTree() {
+	let d = c(35), { nodes: f, isTreeLoading: p, treeError: m, isFetchingTree: h, expandedFolders: g, toggleFolder: _, selectFile: v, closeFile: y, selectedFile: b, refreshTree: x } = useFileExplorer();
 	if (p) {
 		let e;
 		return d[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
@@ -77,7 +77,7 @@ var RemoteFileTree_default = () => {
 		children: /* @__PURE__ */ jsx("div", {
 			className: "w-full py-1",
 			role: "tree",
-			"aria-label": "Remote file tree",
+			"aria-label": "File tree",
 			children: T
 		})
 	}), d[30] = T, d[31] = E);
@@ -86,5 +86,5 @@ var RemoteFileTree_default = () => {
 		className: "flex h-full flex-col gap-1.5",
 		children: [w, E]
 	}), d[32] = w, d[33] = E, d[34] = D) : D = d[34], D;
-};
-export { RemoteFileTree_default as default };
+}
+export { FileTree };

package/dist/features/file-explorer/file-explorer-feature.js

@@ -0,0 +1,12 @@
+import { FileExplorerPanel } from "./components/FileExplorerPanel.js";
+import { Files } from "lucide-react";
+const fileExplorerFeature = {
+	id: "file-explorer",
+	sidebarPanel: {
+		id: "files",
+		label: "Files",
+		icon: Files,
+		component: FileExplorerPanel
+	}
+};
+export { fileExplorerFeature };

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

@@ -0,0 +1,44 @@
+import { useApiClient } from "../../../hooks/useApi.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+function useFileTree(r, i) {
+	let a = c(10), o = i === void 0 ? !0 : i, { envKey: s, api: l } = useApiClient(), u;
+	a[0] !== s || a[1] !== r ? (u = [
+		"file-explorer-tree",
+		s,
+		r
+	], a[0] = s, a[1] = r, a[2] = u) : u = a[2];
+	let d;
+	a[3] !== l || a[4] !== r ? (d = () => l.files.getTree({ workspaceId: r }), a[3] = l, a[4] = r, a[5] = d) : d = a[5];
+	let f = !!r && o, p;
+	return a[6] !== u || a[7] !== d || a[8] !== f ? (p = {
+		queryKey: u,
+		queryFn: d,
+		enabled: f,
+		staleTime: 3e4,
+		retry: !1
+	}, a[6] = u, a[7] = d, a[8] = f, a[9] = p) : p = a[9], useQuery(p);
+}
+function useFileContent(r, i, a) {
+	let o = c(12), s = a === void 0 ? !0 : a, { envKey: l, api: u } = useApiClient(), d;
+	o[0] !== l || o[1] !== i || o[2] !== r ? (d = [
+		"file-explorer-content",
+		l,
+		r,
+		i
+	], o[0] = l, o[1] = i, o[2] = r, o[3] = d) : d = o[3];
+	let f;
+	o[4] !== u || o[5] !== i || o[6] !== r ? (f = () => u.files.readFile({
+		workspaceId: r,
+		path: i
+	}), o[4] = u, o[5] = i, o[6] = r, o[7] = f) : f = o[7];
+	let p = !!r && !!i && s, m;
+	return o[8] !== d || o[9] !== f || o[10] !== p ? (m = {
+		queryKey: d,
+		queryFn: f,
+		enabled: p,
+		staleTime: 15e3,
+		retry: !1
+	}, o[8] = d, o[9] = f, o[10] = p, o[11] = m) : m = o[11], useQuery(m);
+}
+export { useFileContent, useFileTree };

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

@@ -0,0 +1,2 @@
+import { FileExplorerProvider, useFileExplorer, useOptionalFileExplorer } from "./providers/FileExplorerProvider.js";
+import { fileExplorerFeature } from "./file-explorer-feature.js";

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

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