@loopstack/loopstack-studio 0.25.1 → 0.26.0

package/dist/providers/QueryProvider.js

@@ -1,17 +1,21 @@
-import { useState as e } from "react";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
-import { QueryClient as r, QueryClientProvider as i } from "@tanstack/react-query";
-//#region src/providers/QueryProvider.tsx
-function a({ children: a }) {
-	let [o] = e(() => new r({ defaultOptions: { queries: {
-		staleTime: 60 * 1e3,
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+function QueryProvider(o) {
+	let s = c(5), { children: l } = o, [u] = useState(_temp), d;
+	s[0] === l ? d = s[1] : (d = /* @__PURE__ */ jsx(Fragment$1, { children: l }), s[0] = l, s[1] = d);
+	let f;
+	return s[2] !== u || s[3] !== d ? (f = /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: u,
+		children: d
+	}), s[2] = u, s[3] = d, s[4] = f) : f = s[4], f;
+}
+function _temp() {
+	return new QueryClient({ defaultOptions: { queries: {
+		staleTime: 6e4,
 		refetchOnWindowFocus: !1,
 		retry: 1
-	} } }));
-	return /* @__PURE__ */ n(i, {
-		client: o,
-		children: /* @__PURE__ */ n(t, { children: a })
-	});
+	} } });
 }
-//#endregion
-export { a as QueryProvider };
+export { QueryProvider };

package/dist/providers/SseProvider.js

@@ -1,42 +1,43 @@
-import { eventBus as e } from "../services/eventEmitter.js";
+import { eventBus } from "../services/eventEmitter.js";
 import "../services/index.js";
-import { useStudio as t } from "./StudioProvider.js";
-import { useMe as n } from "../hooks/useAuth.js";
-import { useEffect as r, useRef as i } from "react";
-//#region src/providers/SseProvider.tsx
-function a() {
-	let { environment: a } = t(), { data: o, isSuccess: s } = n(), c = i(null);
-	return r(() => {
-		if (a.url && s && o) {
-			c.current &&= (c.current.close(), null);
-			let t = `${a.url}/api/v1/sse/stream`, n = new EventSource(t, { withCredentials: !0 });
-			return c.current = n, n.onopen = () => {
-				console.log("SSE connection established");
-			}, n.onerror = () => {
-				n.readyState === EventSource.CLOSED && console.warn("SSE connection closed. Refresh the page if it does not recover.");
+import { useStudio } from "./StudioProvider.js";
+import { useMe } from "../hooks/useAuth.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+function SseProvider() {
+	let s = c(5), { environment: l } = useStudio(), { data: u, isSuccess: d } = useMe(), f = useRef(null), p, m;
+	return s[0] !== l.url || s[1] !== d || s[2] !== u ? (p = () => {
+		if (l.url && d && u) {
+			f.current &&= (f.current.close(), null);
+			let a = `${l.url}/api/v1/sse/stream`, o = new EventSource(a, { withCredentials: !0 });
+			return f.current = o, o.onopen = _temp, o.onerror = () => {
+				o.readyState === EventSource.CLOSED && console.warn("SSE connection closed. Refresh the page if it does not recover.");
 			}, [
 				"workflow.created",
 				"workflow.updated",
 				"document.created",
 				"workspace.updated"
-			].forEach((t) => {
-				n.addEventListener(t, (n) => {
+			].forEach((a) => {
+				o.addEventListener(a, (o) => {
 					try {
-						let t = JSON.parse(n.data);
-						e.emit(t.type, t);
+						let a = JSON.parse(o.data);
+						eventBus.emit(a.type, a);
 					} catch (e) {
-						console.error(`Error parsing SSE event [${t}]:`, e);
+						let o = e;
+						console.error(`Error parsing SSE event [${a}]:`, o);
 					}
 				});
 			}), () => {
-				n.close(), c.current = null;
+				o.close(), f.current = null;
 			};
 		}
-	}, [
-		a.url,
-		s,
-		o
-	]), null;
+	}, m = [
+		l.url,
+		d,
+		u
+	], s[0] = l.url, s[1] = d, s[2] = u, s[3] = p, s[4] = m) : (p = s[3], m = s[4]), useEffect(p, m), null;
 }
-//#endregion
-export { a as SseProvider };
+function _temp() {
+	console.log("SSE connection established");
+}
+export { SseProvider };

package/dist/providers/StudioPreferencesProvider.js

@@ -0,0 +1,54 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var STORAGE_KEY = "loopstack:studio-preferences", DEFAULTS = {
+	leftSidebarOpen: !1,
+	activePanel: null,
+	panelSizes: {}
+}, StudioPreferencesContext = createContext(null);
+function readFromStorage() {
+	try {
+		let e = localStorage.getItem(STORAGE_KEY);
+		if (e) return {
+			...DEFAULTS,
+			...JSON.parse(e)
+		};
+	} catch {}
+	return { ...DEFAULTS };
+}
+function writeToStorage(e) {
+	try {
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(e));
+	} catch {}
+}
+function StudioPreferencesProvider(o) {
+	let s = c(6), { children: l } = o, [u, d] = useState(readFromStorage), f;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (f = (e, o) => {
+		d((s) => {
+			let l = {
+				...s,
+				[e]: o
+			};
+			return writeToStorage(l), l;
+		});
+	}, s[0] = f) : f = s[0];
+	let p = f, m;
+	s[1] === u ? m = s[2] : (m = {
+		preferences: u,
+		setPreference: p
+	}, s[1] = u, s[2] = m);
+	let h = m, g;
+	return s[3] !== l || s[4] !== h ? (g = /* @__PURE__ */ jsx(StudioPreferencesContext.Provider, {
+		value: h,
+		children: l
+	}), s[3] = l, s[4] = h, s[5] = g) : g = s[5], g;
+}
+function useStudioPreferences() {
+	let e = useContext(StudioPreferencesContext);
+	if (!e) throw Error("useStudioPreferences must be used within a StudioPreferencesProvider");
+	return e;
+}
+function useOptionalStudioPreferences() {
+	return useContext(StudioPreferencesContext);
+}
+export { StudioPreferencesProvider, useOptionalStudioPreferences, useStudioPreferences };

package/dist/providers/StudioProvider.js

@@ -1,16 +1,21 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/providers/StudioProvider.tsx
-var r = e(null), i = ({ children: e, router: t, environment: i }) => /* @__PURE__ */ n(r.Provider, {
-	value: {
-		router: t,
-		environment: i
-	},
-	children: e
-}), a = () => {
-	let e = t(r);
+import { c } from "react/compiler-runtime";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var StudioContext = createContext(null);
+const StudioProvider = (r) => {
+	let i = c(6), { children: a, router: o, environment: s } = r, l;
+	i[0] !== s || i[1] !== o ? (l = {
+		router: o,
+		environment: s
+	}, i[0] = s, i[1] = o, i[2] = l) : l = i[2];
+	let u;
+	return i[3] !== a || i[4] !== l ? (u = /* @__PURE__ */ jsx(StudioContext.Provider, {
+		value: l,
+		children: a
+	}), i[3] = a, i[4] = l, i[5] = u) : u = i[5], u;
+}, useStudio = () => {
+	let e = useContext(StudioContext);
 	if (!e) throw Error("useStudio must be used within StudioProvider");
 	return e;
-}, o = () => t(r);
-//#endregion
-export { i as StudioProvider, a as useStudio, o as useStudioOptional };
+}, useStudioOptional = () => useContext(StudioContext);
+export { StudioProvider, useStudio, useStudioOptional };

package/dist/routing/LocalRouter.js

@@ -1,6 +1,6 @@
-import { useNavigate as e } from "react-router-dom";
-//#region src/routing/LocalRouter.tsx
-var t = class {
+import { c } from "react/compiler-runtime";
+import { useNavigate } from "react-router-dom";
+var LocalRouter = class {
 	navigate;
 	envId;
 	embedPrefix;
@@ -82,6 +82,9 @@ var t = class {
 	getTheme() {
 		return "local";
 	}
-}, n = (n, r) => new t(e(), n, r);
-//#endregion
-export { t as LocalRouter, n as useRouter };
+};
+const useRouter = (r, i) => {
+	let a = c(4), o = useNavigate(), s;
+	return a[0] !== i || a[1] !== r || a[2] !== o ? (s = new LocalRouter(o, r, i), a[0] = i, a[1] = r, a[2] = o, a[3] = s) : s = a[3], s;
+};
+export { LocalRouter, useRouter };

package/dist/services/createApiClient.js

@@ -1,8 +1,6 @@
-import { createAxiosClient as e } from "../api/client.js";
-import { createApi as t } from "../api/index.js";
-//#region src/services/createApiClient.ts
-function n(n) {
-	return { auth: t(e(n.url, n.id)).auth };
+import { createAxiosClient } from "../api/client.js";
+import { createApi } from "../api/index.js";
+function createApiClient(n) {
+	return { auth: createApi(createAxiosClient(n.url, n.id)).auth };
 }
-//#endregion
-export { n as createApiClient };
+export { createApiClient };

package/dist/services/eventEmitter.js

@@ -1,4 +1,4 @@
-var e = new class {
+const eventBus = new class {
 	events = {};
 	on(e, t) {
 		return this.events[e] || (this.events[e] = []), this.events[e].push(t), () => {
@@ -9,5 +9,4 @@ var e = new class {
 		this.events[e] && this.events[e].forEach((e) => e(...t));
 	}
 }();
-//#endregion
-export { e as eventBus };
+export { eventBus };

package/dist/services/index.js

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

package/dist/types/ai.types.js

@@ -1,15 +1,13 @@
-//#region src/types/ai.types.ts
-function e(e) {
+function isTextUIPart(e) {
 	return e.type === "text";
 }
-function t(e) {
+function isReasoningUIPart(e) {
 	return e.type === "reasoning";
 }
-function n(e) {
+function isToolOrDynamicToolUIPart(e) {
 	return e.type.startsWith("tool-");
 }
-function r(e) {
+function getToolOrDynamicToolName(e) {
 	return e.type.replace(/^tool-/, "");
 }
-//#endregion
-export { r as getToolOrDynamicToolName, t as isReasoningUIPart, e as isTextUIPart, n as isToolOrDynamicToolUIPart };
+export { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.25.1",
+  "version": "0.26.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/contracts": "^0.25.1",
+    "@loopstack/contracts": "^0.25.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -69,7 +69,7 @@
     "react-dom": "^19.2.5",
     "react-hook-form": "^7.72.1",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.14.0",
+    "react-router-dom": "^7.14.1",
     "react-syntax-highlighter": "^16.1.1",
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
@@ -86,7 +86,7 @@
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@dagrejs/dagre": "^3.0.0",
+    "@dagrejs/dagre": "^2.0.4",
     "@eslint/js": "^10.0.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -98,7 +98,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react": "^5.2.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^10.2.0",
     "eslint-config-prettier": "^10.1.8",
@@ -110,9 +110,9 @@
     "prettier": "^3.8.2",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.1",
-    "vite": "^8.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.58.2",
+    "vite": "npm:rolldown-vite@7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.4"
   },

package/dist/_virtual/_rolldown/runtime.js

@@ -1,20 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), c = (e, n) => {
-	let r = {};
-	for (var i in e) t(r, i, {
-		get: e[i],
-		enumerable: !0
-	});
-	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, l = (e, i, o, s) => {
-	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
-		get: ((e) => i[e]).bind(null, d),
-		enumerable: !(s = n(i, d)) || s.enumerable
-	});
-	return e;
-}, u = (e, t, n) => (l(e, t, "default"), n && l(n, t, "default")), d = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n)), f = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
-//#endregion
-export { s as __commonJSMin, o as __esmMin, c as __exportAll, u as __reExport, f as __toCommonJS, d as __toESM };

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

@@ -1,89 +0,0 @@
-import { Button as e } from "../../../components/ui/button.js";
-import { Input as t } from "../../../components/ui/input.js";
-import { Label as n } from "../../../components/ui/label.js";
-import r from "../../../components/messages/CompletionMessagePaper.js";
-import { useRunWorkflow as i } from "../../../hooks/useProcessor.js";
-import { useUpsertSecret as a } from "../../../hooks/useSecrets.js";
-import { useWorkbenchLayout as o } from "../../workbench/providers/WorkbenchLayoutProvider.js";
-import "../../workbench/index.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Info as u, KeyRound as d, Loader2 as f } from "lucide-react";
-//#region src/features/documents/renderers/SecretInputRenderer.tsx
-var p = ({ parentWorkflow: p, workflow: m, document: h, isActive: g }) => {
-	let _ = h.content.variables ?? [], v = (h.ui?.widgets)?.[0]?.options, y = v?.transition, b = v?.label ?? "Save & Continue", { workflow: x } = o(), S = x?.workspaceId, C = i(), w = a(), T = m.availableTransitions?.map((e) => e.id) ?? [], [E, D] = s(() => {
-		let e = {};
-		for (let t of _) e[t.key] = t.value ?? "";
-		return e;
-	}), [O, k] = s(!1), A = !!y && T.includes(y), j = !g || !A, M = async () => {
-		if (!(!S || !y)) {
-			k(!0);
-			try {
-				let e = [];
-				for (let t of _) {
-					let n = E[t.key]?.trim();
-					!t.key.trim() || !n || (await w.mutateAsync({
-						workspaceId: S,
-						key: t.key,
-						value: n
-					}), e.push(t.key));
-				}
-				C.mutate({
-					workflowId: p.id,
-					runWorkflowPayloadDto: { transition: {
-						id: y,
-						workflowId: m.id,
-						payload: { keys: e }
-					} }
-				});
-			} finally {
-				k(!1);
-			}
-		}
-	};
-	return /* @__PURE__ */ c(r, {
-		role: "document",
-		fullWidth: !0,
-		timestamp: new Date(h.createdAt),
-		children: /* @__PURE__ */ l("div", {
-			className: "flex flex-col gap-4 p-1",
-			children: [
-				/* @__PURE__ */ c("div", {
-					className: "text-sm font-medium",
-					children: "Secrets"
-				}),
-				_.map((e) => /* @__PURE__ */ l("div", {
-					className: "flex flex-col gap-1.5",
-					children: [/* @__PURE__ */ c(n, {
-						className: "text-muted-foreground text-xs",
-						children: e.key
-					}), /* @__PURE__ */ c(t, {
-						type: "password",
-						placeholder: "Enter value...",
-						value: E[e.key] ?? "",
-						onChange: (t) => D((n) => ({
-							...n,
-							[e.key]: t.target.value
-						})),
-						disabled: j
-					})]
-				}, e.key)),
-				/* @__PURE__ */ l("div", {
-					className: "text-muted-foreground flex items-center gap-2 text-xs",
-					children: [/* @__PURE__ */ c(u, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ c("span", { children: "To add or remove other secrets, use the Secrets panel in the right sidebar." })]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "flex justify-end",
-					children: /* @__PURE__ */ l(e, {
-						onClick: () => void M(),
-						disabled: j || O,
-						className: "w-48",
-						children: [O ? /* @__PURE__ */ c(f, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ c(d, { className: "mr-2 h-4 w-4" }), b]
-					})
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { p as default };

package/dist/features/workbench/components/RemoteFileTabsBar.js

@@ -1,19 +0,0 @@
-import { FileTabsBarBase as e } from "../../code-explorer/components/FileTabsBarBase.js";
-import { useRemoteFileExplorer as t } from "../providers/RemoteFileExplorerProvider.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/features/workbench/components/RemoteFileTabsBar.tsx
-function r() {
-	let { openFiles: r, selectedFile: i, selectFile: a, closeFile: o, closeAll: s, closeOthers: c, closeToLeft: l, closeToRight: u } = t();
-	return /* @__PURE__ */ n(e, {
-		openFiles: r,
-		selectedFile: i,
-		selectFile: a,
-		closeFile: o,
-		closeAll: s,
-		closeOthers: c,
-		closeToLeft: l,
-		closeToRight: u
-	});
-}
-//#endregion
-export { r as RemoteFileTabsBar };

package/dist/features/workbench/components/RemoteFileTree.js

@@ -1,59 +0,0 @@
-import { Button as e } from "../../../components/ui/button.js";
-import { ScrollArea as t } from "../../../components/ui/scroll-area.js";
-import { CodeExplorerTreeNode as n } from "../../code-explorer/components/CodeExplorerTreeNode.js";
-import { useRemoteFileExplorer as r } from "../providers/RemoteFileExplorerProvider.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { AlertCircle as o, Loader2 as s, RefreshCw as c } from "lucide-react";
-//#region src/features/workbench/components/RemoteFileTree.tsx
-var l = () => {
-	let { nodes: l, isTreeLoading: u, treeError: d, isFetchingTree: f, expandedFolders: p, toggleFolder: m, selectFile: h, closeFile: g, selectedFile: _, refreshTree: v } = r();
-	return u ? /* @__PURE__ */ a("div", {
-		className: "flex items-center gap-2 p-3 text-sm text-muted-foreground",
-		children: [/* @__PURE__ */ i(s, { className: "h-4 w-4 animate-spin" }), "Loading file tree…"]
-	}) : d ? /* @__PURE__ */ a("div", {
-		className: "space-y-2 p-3",
-		children: [/* @__PURE__ */ a("div", {
-			className: "flex items-start gap-2 text-sm text-destructive",
-			children: [/* @__PURE__ */ i(o, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ i("span", { children: d instanceof Error ? d.message : String(d) })]
-		}), /* @__PURE__ */ a(e, {
-			variant: "outline",
-			size: "sm",
-			onClick: v,
-			children: [/* @__PURE__ */ i(c, { className: "mr-1.5 h-3.5 w-3.5" }), "Retry"]
-		})]
-	}) : l.length === 0 ? /* @__PURE__ */ i("p", {
-		className: "px-2 py-4 text-sm text-muted-foreground",
-		children: "No files found"
-	}) : /* @__PURE__ */ a("div", {
-		className: "flex h-full flex-col gap-1.5",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center justify-end px-1",
-			children: /* @__PURE__ */ i(e, {
-				variant: "ghost",
-				size: "icon",
-				className: "h-6 w-6",
-				onClick: v,
-				disabled: f,
-				children: /* @__PURE__ */ i(c, { className: `h-3 w-3 ${f ? "animate-spin" : ""}` })
-			})
-		}), /* @__PURE__ */ i(t, {
-			className: "h-full w-full",
-			children: /* @__PURE__ */ i("div", {
-				className: "w-full py-1",
-				role: "tree",
-				"aria-label": "Remote file tree",
-				children: l.map((e) => /* @__PURE__ */ i(n, {
-					node: e,
-					depth: 0,
-					expandedFolders: p,
-					toggleFolder: m,
-					onSelectFile: h,
-					onCloseFile: g,
-					selectedFileId: _?.id
-				}, e.id))
-			})
-		})]
-	});
-};
-//#endregion
-export { l as default };

package/dist/features/workbench/components/WorkbenchFilesPanel.js

@@ -1,56 +0,0 @@
-import { cn as e } from "../../../lib/utils.js";
-import { Button as t } from "../../../components/ui/button.js";
-import { FileContentViewer as n } from "../../code-explorer/components/FileContentViewer.js";
-import "../../code-explorer/index.js";
-import { useOptionalRemoteFileExplorer as r } from "../providers/RemoteFileExplorerProvider.js";
-import { useWorkbenchLayout as i } from "../providers/WorkbenchLayoutProvider.js";
-import { RemoteFileTabsBar as a } from "./RemoteFileTabsBar.js";
-import o from "./RemoteFileTree.js";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { X as u } from "lucide-react";
-//#region src/features/workbench/components/WorkbenchFilesPanel.tsx
-function d() {
-	let { closeSidePanel: d, fileExplorerEnabled: f } = i(), p = r();
-	return f ? /* @__PURE__ */ l("div", {
-		className: "border-l bg-background flex w-2/3 shrink-0 flex-col",
-		children: [/* @__PURE__ */ l("div", {
-			className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-			children: [/* @__PURE__ */ c("span", {
-				className: "text-sm font-medium",
-				children: "Files"
-			}), /* @__PURE__ */ c(t, {
-				variant: "ghost",
-				size: "icon",
-				className: e("h-5 w-5 shrink-0 rounded transition-opacity", "hover:bg-destructive/10 hover:text-destructive"),
-				onClick: d,
-				"aria-label": "Close Files Panel",
-				children: /* @__PURE__ */ c(u, { className: "h-3.5 w-3.5" })
-			})]
-		}), /* @__PURE__ */ c("div", {
-			className: "flex-1 overflow-hidden flex",
-			children: p ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
-				className: "w-64 shrink-0 border-r bg-muted/40",
-				children: /* @__PURE__ */ c(o, {})
-			}), /* @__PURE__ */ l("div", {
-				className: "flex-1 flex flex-col min-w-0",
-				children: [/* @__PURE__ */ c(a, {}), /* @__PURE__ */ c("div", {
-					className: "flex-1 overflow-hidden p-3 pt-2",
-					children: /* @__PURE__ */ c(n, {
-						selectedFile: p.selectedFile,
-						content: p.fileContent,
-						isLoading: p.isContentLoading,
-						className: "h-full"
-					})
-				})]
-			})] }) : /* @__PURE__ */ c("div", {
-				className: "flex-1 flex items-center justify-center p-4",
-				children: /* @__PURE__ */ c("p", {
-					className: "text-sm text-muted-foreground",
-					children: "Remote file explorer is not available for this workspace."
-				})
-			})
-		})]
-	}) : null;
-}
-//#endregion
-export { d as WorkbenchFilesPanel };

package/dist/features/workbench/components/WorkbenchFloatingPanel.js

@@ -1,40 +0,0 @@
-import { cn as e } from "../../../lib/utils.js";
-import { useWorkbenchLayout as t } from "../providers/WorkbenchLayoutProvider.js";
-import { WorkbenchSecretsPanel as n } from "./WorkbenchSecretsPanel.js";
-import r from "./WorkflowHistoryList.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { X as o } from "lucide-react";
-//#region src/features/workbench/components/WorkbenchFloatingPanel.tsx
-var s = {
-	history: "Run Log",
-	secrets: "Secrets"
-};
-function c() {
-	let { workflow: e } = t();
-	return /* @__PURE__ */ i("div", {
-		className: "overflow-auto p-2",
-		children: /* @__PURE__ */ i(r, { workflow: e })
-	});
-}
-function l() {
-	let { activeFloatingPanel: r, closeFloatingPanel: l } = t();
-	return r ? /* @__PURE__ */ a("div", {
-		className: e("border-l bg-background absolute right-0 top-0 bottom-0 z-20 flex w-80 flex-col shadow-lg", "animate-in slide-in-from-right duration-200"),
-		children: [/* @__PURE__ */ a("div", {
-			className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-			children: [/* @__PURE__ */ i("span", {
-				className: "text-sm font-medium",
-				children: s[r]
-			}), /* @__PURE__ */ i("button", {
-				onClick: l,
-				className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-				children: /* @__PURE__ */ i(o, { className: "h-4 w-4" })
-			})]
-		}), /* @__PURE__ */ a("div", {
-			className: "flex-1 overflow-hidden",
-			children: [r === "history" && /* @__PURE__ */ i(c, {}), r === "secrets" && /* @__PURE__ */ i(n, {})]
-		})]
-	}) : null;
-}
-//#endregion
-export { l as WorkbenchFloatingPanel };