@loopstack/loopstack-studio 0.37.0 → 0.38.0

package/dist/features/documents/DocumentRenderer.js

@@ -15,85 +15,87 @@ import "../oauth/index.js";
 import ChoicesRenderer_default from "./renderers/ChoicesRenderer.js";
 import ConfirmPromptRenderer_default from "./renderers/ConfirmPromptRenderer.js";
 import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
+import TerminalMessageRenderer_default from "./renderers/TerminalMessageRenderer.js";
 import TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 var coreRendererRegistry = new Map([
-	["ai-message", ({ document: e, isLastItem: g }) => /* @__PURE__ */ jsx(AiMessage_default, {
+	["ai-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(AiMessage_default, {
 		document: e,
-		isLastItem: g
+		isLastItem: _
 	})],
-	["llm-message", ({ document: e, isLastItem: g }) => /* @__PURE__ */ jsx(LlmMessage_default, {
+	["llm-message", ({ document: e, isLastItem: _ }) => /* @__PURE__ */ jsx(LlmMessage_default, {
 		document: e,
-		isLastItem: g
+		isLastItem: _
 	})],
 	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
 		className: "mb-4 flex",
 		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
 	})],
-	["form", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+	["form", ({ parentWorkflow: e, workflow: v, document: y, isActive: b }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: new Date(v.createdAt),
+		timestamp: new Date(y.createdAt),
 		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
 			parentWorkflow: e,
-			workflow: _,
-			document: v,
-			enabled: y,
-			viewOnly: !y
+			workflow: v,
+			document: y,
+			enabled: b,
+			viewOnly: !b
 		})
 	})],
 	["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", ({ workflow: e, document: g }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
+	["terminal", ({ document: e }) => /* @__PURE__ */ jsx(TerminalMessageRenderer_default, { document: e })],
+	["link", ({ workflow: e, document: _ }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, {
 		workflow: e,
-		document: g
+		document: _
 	})],
-	["oauth-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+	["oauth-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["text-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
+	["text-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["choices", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
+	["choices", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ChoicesRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})],
-	["confirm-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
+	["confirm-prompt", ({ parentWorkflow: e, workflow: _, document: v, isActive: y }) => /* @__PURE__ */ jsx(ConfirmPromptRenderer_default, {
 		parentWorkflow: e,
-		workflow: g,
-		document: _,
-		isActive: v
+		workflow: _,
+		document: v,
+		isActive: y
 	})]
 ]);
 function resolveWidgetName(e) {
-	let g = e;
-	return g?.widgets?.[0]?.widget ? g.widgets[0].widget : g?.form?.widget ? g.form.widget : "form";
+	let _ = e;
+	return _?.widgets?.[0]?.widget ? _.widgets[0].widget : _?.form?.widget ? _.form.widget : "form";
 }
-var DocumentRenderer_default = (g) => {
-	let v = c(9), y = useFeatureRegistry(), b = useDocumentConfigs(), x = g.document, S;
-	if (v[0] !== x.documentName || v[1] !== b || v[2] !== y) {
-		let e = resolveWidgetName(b.get(x.documentName)?.ui), g;
-		if (v[4] !== y) {
-			g = /* @__PURE__ */ new Map();
-			for (let e of y) if (e.documentRenderers) for (let [_, v] of Object.entries(e.documentRenderers)) g.set(_, v);
-			v[4] = y, v[5] = g;
-		} else g = v[5];
-		let _ = g;
-		S = coreRendererRegistry.get(e) ?? _.get(e), v[0] = x.documentName, v[1] = b, v[2] = y, v[3] = S;
-	} else S = v[3];
-	let C = S, w;
-	return v[6] !== C || v[7] !== g ? (w = /* @__PURE__ */ jsx("div", { children: C ? /* @__PURE__ */ jsx(C, { ...g }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), v[6] = C, v[7] = g, v[8] = w) : w = v[8], w;
+var DocumentRenderer_default = (_) => {
+	let y = c(9), b = useFeatureRegistry(), x = useDocumentConfigs(), S = _.document, C;
+	if (y[0] !== S.documentName || y[1] !== x || y[2] !== b) {
+		let e = resolveWidgetName(x.get(S.documentName)?.ui), _;
+		if (y[4] !== b) {
+			_ = /* @__PURE__ */ new Map();
+			for (let e of b) if (e.documentRenderers) for (let [v, y] of Object.entries(e.documentRenderers)) _.set(v, y);
+			y[4] = b, y[5] = _;
+		} else _ = y[5];
+		let v = _;
+		C = coreRendererRegistry.get(e) ?? v.get(e), y[0] = S.documentName, y[1] = x, y[2] = b, y[3] = C;
+	} else C = y[3];
+	let w = C, T;
+	return y[6] !== w || y[7] !== _ ? (T = /* @__PURE__ */ jsx("div", { children: w ? /* @__PURE__ */ jsx(w, { ..._ }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), y[6] = w, y[7] = _, y[8] = T) : T = y[8], T;
 };
 export { DocumentRenderer_default as default };

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

@@ -0,0 +1,51 @@
+import { parseAnsi } from "./ansi.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TerminalMessageRenderer_default = (s) => {
+	let l = c(14), { document: u } = s, { text: d, title: f } = u.content, p = d ?? "", m;
+	l[0] === p ? m = l[1] : (m = parseAnsi(p), l[0] = p, l[1] = m);
+	let h = m, g = useRef(null), _;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+		let e = g.current;
+		e && (e.scrollTop = e.scrollHeight);
+	}, l[2] = _) : _ = l[2];
+	let v;
+	l[3] === d ? v = l[4] : (v = [d], l[3] = d, l[4] = v), useEffect(_, v);
+	let y;
+	l[5] === f ? y = l[6] : (y = f && /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 border-b border-white/10 px-3 py-1.5",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "flex gap-1.5",
+			"aria-hidden": !0,
+			children: [
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#ff5f56]" }),
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#ffbd2e]" }),
+				/* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-[#27c93f]" })
+			]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-xs text-white/60",
+			children: f
+		})]
+	}), l[5] = f, l[6] = y);
+	let b;
+	l[7] === h ? b = l[8] : (b = h.map(_temp), l[7] = h, l[8] = b);
+	let x;
+	l[9] === b ? x = l[10] : (x = /* @__PURE__ */ jsx("pre", {
+		ref: g,
+		className: "max-h-96 overflow-auto px-3 py-2 font-mono text-xs leading-relaxed whitespace-pre-wrap text-[#d4d4d4]",
+		children: b
+	}), l[9] = b, l[10] = x);
+	let S;
+	return l[11] !== y || l[12] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 overflow-hidden rounded-lg border border-black/30 bg-[#1e1e1e] shadow-sm",
+		children: [y, x]
+	}), l[11] = y, l[12] = x, l[13] = S) : S = l[13], S;
+};
+function _temp(e, o) {
+	return /* @__PURE__ */ jsx("span", {
+		style: e.style,
+		children: e.text
+	}, o);
+}
+export { TerminalMessageRenderer_default as default };

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

@@ -0,0 +1,77 @@
+var PALETTE_16 = [
+	"#000000",
+	"#cd3131",
+	"#0dbc79",
+	"#e5e510",
+	"#2472c8",
+	"#bc3fbc",
+	"#11a8cd",
+	"#e5e5e5",
+	"#666666",
+	"#f14c4c",
+	"#23d18b",
+	"#f5f543",
+	"#3b8eea",
+	"#d670d6",
+	"#29b8db",
+	"#ffffff"
+], CUBE_STEPS = [
+	0,
+	95,
+	135,
+	175,
+	215,
+	255
+];
+function xterm256ToHex(n) {
+	if (n < 16) return PALETTE_16[n];
+	if (n <= 231) {
+		let e = n - 16;
+		return `rgb(${CUBE_STEPS[Math.floor(e / 36) % 6]}, ${CUBE_STEPS[Math.floor(e / 6) % 6]}, ${CUBE_STEPS[e % 6]})`;
+	}
+	let r = 8 + (n - 232) * 10;
+	return `rgb(${r}, ${r}, ${r})`;
+}
+function apply(t, r) {
+	for (let i = 0; i < r.length; i++) {
+		let a = r[i];
+		if (a === 0) t.fg = t.bg = void 0, t.bold = t.dim = t.italic = t.underline = !1;
+		else if (a === 1) t.bold = !0;
+		else if (a === 2) t.dim = !0;
+		else if (a === 3) t.italic = !0;
+		else if (a === 4) t.underline = !0;
+		else if (a === 22) t.bold = t.dim = !1;
+		else if (a === 23) t.italic = !1;
+		else if (a === 24) t.underline = !1;
+		else if (a >= 30 && a <= 37) t.fg = PALETTE_16[a - 30];
+		else if (a >= 90 && a <= 97) t.fg = PALETTE_16[a - 90 + 8];
+		else if (a === 39) t.fg = void 0;
+		else if (a >= 40 && a <= 47) t.bg = PALETTE_16[a - 40];
+		else if (a >= 100 && a <= 107) t.bg = PALETTE_16[a - 100 + 8];
+		else if (a === 49) t.bg = void 0;
+		else if (a === 38 || a === 48) {
+			let e = a === 38 ? "fg" : "bg";
+			r[i + 1] === 5 ? (t[e] = xterm256ToHex(r[i + 2]), i += 2) : r[i + 1] === 2 && (t[e] = `rgb(${r[i + 2]}, ${r[i + 3]}, ${r[i + 4]})`, i += 4);
+		}
+	}
+}
+function toStyle(t) {
+	let n = {}, r = t.fg;
+	if (t.bold && r) {
+		let t = PALETTE_16.indexOf(r);
+		t >= 0 && t < 8 && (r = PALETTE_16[t + 8]);
+	}
+	return r && (n.color = r), t.bg && (n.backgroundColor = t.bg), t.bold && (n.fontWeight = 700), t.dim && (n.opacity = .6), t.italic && (n.fontStyle = "italic"), t.underline && (n.textDecoration = "underline"), n;
+}
+var SGR = /\x1b\[([0-9;]*)m/g;
+function parseAnsi(e) {
+	let t = [], n = {}, o = 0, s, c = (e) => {
+		e && t.push({
+			text: e,
+			style: toStyle(n)
+		});
+	};
+	for (SGR.lastIndex = 0; (s = SGR.exec(e)) !== null;) c(e.slice(o, s.index)), apply(n, s[1] === "" ? [0] : s[1].split(";").map((e) => Number(e) || 0)), o = SGR.lastIndex;
+	return c(e.slice(o)), t;
+}
+export { parseAnsi };

package/dist/features/run-view/RunView.js

@@ -5,7 +5,7 @@ import { BareWaitCard, FailedRunCard, NotSupportedCard } from "./prompts/cards.j
 import { Transcript } from "./Transcript.js";
 import { SandboxRunButton } from "./prompts/SandboxRunButton.js";
 import { promptRegistry } from "./prompts/registry.js";
-import { composeTranscript } from "./transcript.js";
+import { composeTranscript } from "./transcript-model.js";
 import { useRunPrompts } from "./useRunPrompts.js";
 import { useRunTree } from "./useRunTree.js";
 import { useStreamingNodes } from "./useTreeLlmStreams.js";

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

@@ -136,6 +136,6 @@ function _temp2(e) {
 	}, e.slotId);
 }
 function _temp(e) {
-	return !!e.connectionUrl && (!!e.workerId || e.local);
+	return !!e.connectionUrl && (!!e.workerId || e.local) && e.status === "running";
 }
 export { WorkbenchPreviewPanel };

package/dist/features/workbench/providers/WorkbenchLayoutProvider.js

@@ -73,7 +73,7 @@ function WorkbenchLayoutProvider(u) {
 	}), d[36] = f, d[37] = J, d[38] = Y) : Y = d[38], Y;
 }
 function _temp2(e) {
-	return !!e.connectionUrl && (!!e.workerId || e.local);
+	return !!e.connectionUrl && (!!e.workerId || e.local) && e.status === "running";
 }
 function _temp(e) {
 	return e.status === "running";

package/dist/hooks/useEnvironments.js

@@ -1,43 +1,37 @@
 import { useLoopstackClient } from "../packages/react/dist/provider.js";
+import { queryKeys } from "../packages/client/dist/queries/query-keys.js";
+import "../packages/client/dist/index.js";
 import "../packages/react/dist/index.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 var environmentsPath = (e) => `/api/v1/workspaces/${e}/environments`;
-function useWorkspaceEnvironments(r) {
-	let a = c(10), o = useLoopstackClient(), s;
-	a[0] !== o.envKey || a[1] !== r ? (s = [
-		"workspace-environments",
-		o.envKey,
-		r
-	], a[0] = o.envKey, a[1] = r, a[2] = s) : s = a[2];
-	let l;
-	a[3] !== o.http || a[4] !== r ? (l = () => o.http.get(environmentsPath(r)), a[3] = o.http, a[4] = r, a[5] = l) : l = a[5];
-	let u = !!r, d;
-	return a[6] !== s || a[7] !== l || a[8] !== u ? (d = {
-		queryKey: s,
-		queryFn: l,
-		enabled: u
-	}, a[6] = s, a[7] = l, a[8] = u, a[9] = d) : d = a[9], useQuery(d);
+function useWorkspaceEnvironments(i) {
+	let o = c(10), s = useLoopstackClient(), l;
+	o[0] !== s.envKey || o[1] !== i ? (l = queryKeys.environments(s.envKey, i), o[0] = s.envKey, o[1] = i, o[2] = l) : l = o[2];
+	let u;
+	o[3] !== s.http || o[4] !== i ? (u = () => s.http.get(environmentsPath(i)), o[3] = s.http, o[4] = i, o[5] = u) : u = o[5];
+	let d = !!i, f;
+	return o[6] !== l || o[7] !== u || o[8] !== d ? (f = {
+		queryKey: l,
+		queryFn: u,
+		enabled: d
+	}, o[6] = l, o[7] = u, o[8] = d, o[9] = f) : f = o[9], useQuery(f);
 }
 function useReplaceEnvironments() {
-	let i = c(8), o = useLoopstackClient(), s = useQueryClient(), l;
-	i[0] === o ? l = i[1] : (l = (e) => o.http.put(environmentsPath(e.workspaceId), e.environments), i[0] = o, i[1] = l);
-	let u;
-	i[2] !== o || i[3] !== s ? (u = (e, n) => {
-		s.invalidateQueries({ queryKey: [
-			"workspace-environments",
-			o.envKey,
-			n.workspaceId
-		] });
-	}, i[2] = o, i[3] = s, i[4] = u) : u = i[4];
+	let a = c(8), s = useLoopstackClient(), l = useQueryClient(), u;
+	a[0] === s ? u = a[1] : (u = (e) => s.http.put(environmentsPath(e.workspaceId), e.environments), a[0] = s, a[1] = u);
 	let d;
-	return i[5] !== l || i[6] !== u ? (d = {
-		mutationFn: l,
-		onSuccess: u
-	}, i[5] = l, i[6] = u, i[7] = d) : d = i[7], useMutation(d);
+	a[2] !== s || a[3] !== l ? (d = (e, r) => {
+		l.invalidateQueries({ queryKey: queryKeys.environments(s.envKey, r.workspaceId) });
+	}, a[2] = s, a[3] = l, a[4] = d) : d = a[4];
+	let f;
+	return a[5] !== u || a[6] !== d ? (f = {
+		mutationFn: u,
+		onSuccess: d
+	}, a[5] = u, a[6] = d, a[7] = f) : f = a[7], useMutation(f);
 }
 function useResetEnvironment() {
-	let i = c(2), a = useLoopstackClient(), o;
-	return i[0] === a ? o = i[1] : (o = { mutationFn: (e) => a.http.post(`${environmentsPath(e.workspaceId)}/${e.slotId}/reset`) }, i[0] = a, i[1] = o), useMutation(o);
+	let n = c(2), a = useLoopstackClient(), o;
+	return n[0] === a ? o = n[1] : (o = { mutationFn: (e) => a.http.post(`${environmentsPath(e.workspaceId)}/${e.slotId}/reset`) }, n[0] = a, n[1] = o), useMutation(o);
 }
 export { useReplaceEnvironments, useResetEnvironment, useWorkspaceEnvironments };

package/dist/node_modules/es-toolkit/dist/_internal/globalThis.js

@@ -1,4 +1,4 @@
 var globalThis_ = typeof globalThis == "object" && globalThis || typeof window == "object" && window || typeof self == "object" && self || typeof global == "object" && global || (function() {
 	return this;
-})() || Function("return this")();
+})();
 export { globalThis_ };

package/dist/node_modules/es-toolkit/dist/compat/object/clone.js

@@ -1,7 +1,7 @@
-import { isPrimitive } from "../../predicate/isPrimitive.js";
+import { isArray } from "../predicate/isArray.js";
 import { getTag } from "../_internal/getTag.js";
 import { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag } from "../_internal/tags.js";
-import { isArray } from "../predicate/isArray.js";
+import { isPrimitive } from "../../predicate/isPrimitive.js";
 import { isTypedArray } from "../predicate/isTypedArray.js";
 function clone(D) {
 	if (isPrimitive(D)) return D;

package/dist/node_modules/es-toolkit/dist/compat/object/cloneDeepWith.js

@@ -1,25 +1,25 @@
 import { getTag } from "../_internal/getTag.js";
-import { argumentsTag, booleanTag, numberTag, objectTag, stringTag } from "../_internal/tags.js";
+import { argumentsTag, booleanTag, numberTag, stringTag } from "../_internal/tags.js";
 import { cloneDeepWith, copyProperties } from "../../object/cloneDeepWith.js";
-function cloneDeepWith$1(o, c) {
-	return cloneDeepWith(o, (s, l, u, d) => {
-		let f = c?.(s, l, u, d);
+function cloneDeepWith$1(s, c) {
+	return cloneDeepWith(s, (o, l, u, d) => {
+		let f = c?.(o, l, u, d);
 		if (f !== void 0) return f;
-		if (typeof o == "object") {
-			if (getTag(o) === "[object Object]" && typeof o.constructor != "function") {
+		if (typeof s == "object") {
+			if (getTag(s) === "[object Object]" && typeof s.constructor != "function") {
 				let e = {};
-				return d.set(o, e), copyProperties(e, o, u, d), e;
+				return d.set(s, e), copyProperties(e, s, u, d), e;
 			}
-			switch (Object.prototype.toString.call(o)) {
+			switch (Object.prototype.toString.call(s)) {
 				case numberTag:
 				case stringTag:
 				case booleanTag: {
-					let e = new o.constructor(o?.valueOf());
-					return copyProperties(e, o), e;
+					let e = new s.constructor(s?.valueOf());
+					return copyProperties(e, s), e;
 				}
 				case argumentsTag: {
 					let e = {};
-					return copyProperties(e, o), e.length = o.length, e[Symbol.iterator] = o[Symbol.iterator], e;
+					return copyProperties(e, s), e.length = s.length, e[Symbol.iterator] = s[Symbol.iterator], e;
 				}
 				default: return;
 			}

package/dist/node_modules/es-toolkit/dist/compat/object/mergeWith.js

@@ -1,13 +1,13 @@
-import { isUnsafeProperty } from "../../_internal/isUnsafeProperty.js";
-import { isPrimitive } from "../../predicate/isPrimitive.js";
+import { isPlainObject } from "../predicate/isPlainObject.js";
 import { getSymbols } from "../_internal/getSymbols.js";
 import { isBuffer } from "../../predicate/isBuffer.js";
+import { isUnsafeProperty } from "../../_internal/isUnsafeProperty.js";
+import { isPrimitive } from "../../predicate/isPrimitive.js";
 import { cloneDeep } from "./cloneDeep.js";
 import { isArguments } from "../predicate/isArguments.js";
 import { isObjectLike } from "../predicate/isObjectLike.js";
 import { isArrayLikeObject } from "../predicate/isArrayLikeObject.js";
 import { isTypedArray } from "../predicate/isTypedArray.js";
-import { isPlainObject } from "../predicate/isPlainObject.js";
 import { clone } from "../../object/clone.js";
 function mergeWith(e, ...s) {
 	let c = s.slice(0, -1), l = s[s.length - 1], u = e;
@@ -26,9 +26,9 @@ function mergeWithDeep(f, p, m, h) {
 	}
 	let g = [...Object.keys(p), ...getSymbols(p)];
 	for (let s = 0; s < g.length; s++) {
-		let c = g[s];
-		if (isUnsafeProperty(c)) continue;
-		let d = p[c], _ = f[c];
+		let u = g[s];
+		if (isUnsafeProperty(u)) continue;
+		let d = p[u], _ = f[u];
 		if (isArguments(d) && (d = { ...d }), isArguments(_) && (_ = { ..._ }), isBuffer(d) && (d = cloneDeep(d)), Array.isArray(d)) if (Array.isArray(_)) {
 			let e = [], s = Reflect.ownKeys(_);
 			for (let c = 0; c < s.length; c++) {
@@ -41,8 +41,8 @@ function mergeWithDeep(f, p, m, h) {
 			for (let s = 0; s < _.length; s++) e[s] = _[s];
 			_ = e;
 		} else _ = [];
-		let v = m(_, d, c, f, p, h);
-		v === void 0 ? Array.isArray(d) || isObjectLike(_) && isObjectLike(d) && (isPlainObject(_) || isPlainObject(d) || isTypedArray(_) || isTypedArray(d)) ? f[c] = mergeWithDeep(_, d, m, h) : _ == null && isPlainObject(d) ? f[c] = mergeWithDeep({}, d, m, h) : _ == null && isTypedArray(d) ? f[c] = cloneDeep(d) : (_ === void 0 || d !== void 0) && (f[c] = d) : f[c] = v;
+		let v = m(_, d, u, f, p, h);
+		v === void 0 ? Array.isArray(d) || isObjectLike(_) && isObjectLike(d) && (isPlainObject(_) || isPlainObject(d) || isTypedArray(_) || isTypedArray(d)) ? f[u] = mergeWithDeep(_, d, m, h) : _ == null && isPlainObject(d) ? f[u] = mergeWithDeep({}, d, m, h) : _ == null && isTypedArray(d) ? f[u] = cloneDeep(d) : (_ === void 0 || d !== void 0) && (f[u] = d) : f[u] = v;
 	}
 	return f;
 }

package/dist/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js

@@ -1,12 +1,12 @@
-import { isArrayLike } from "./isArrayLike.js";
 import { isBuffer } from "../../predicate/isBuffer.js";
+import { isArrayLike } from "./isArrayLike.js";
 import { isArguments } from "./isArguments.js";
-import { isPrototype } from "../_internal/isPrototype.js";
 import { isTypedArray } from "./isTypedArray.js";
+import { isPrototype } from "../_internal/isPrototype.js";
 function isEmpty(a) {
 	if (a == null) return !0;
 	if (isArrayLike(a)) return typeof a.splice != "function" && typeof a != "string" && !isBuffer(a) && !isTypedArray(a) && !isArguments(a) ? !1 : a.length === 0;
-	if (typeof a == "object") {
+	if (typeof a == "object" || typeof a == "function") {
 		if (a instanceof Map || a instanceof Set) return a.size === 0;
 		let e = Object.keys(a);
 		return isPrototype(a) ? e.filter((e) => e !== "constructor").length === 0 : e.length === 0;

package/dist/node_modules/es-toolkit/dist/object/clone.js

@@ -16,14 +16,9 @@ function clone(n) {
 		let e;
 		return e = n instanceof AggregateError ? new i(n.errors, n.message, { cause: n.cause }) : new i(n.message, { cause: n.cause }), e.stack = n.stack, Object.assign(e, n), e;
 	}
-	if (typeof File < "u" && n instanceof File) return new i([n], n.name, {
+	return typeof File < "u" && n instanceof File ? new i([n], n.name, {
 		type: n.type,
 		lastModified: n.lastModified
-	});
-	if (typeof n == "object") {
-		let e = Object.create(r);
-		return Object.assign(e, n);
-	}
-	return n;
+	}) : typeof n == "object" ? Object.assign(Object.create(r), n) : n;
 }
 export { clone };

package/dist/node_modules/es-toolkit/dist/object/cloneDeepWith.js

@@ -1,91 +1,91 @@
-import { isPrimitive } from "../predicate/isPrimitive.js";
 import { getSymbols } from "../compat/_internal/getSymbols.js";
 import { getTag } from "../compat/_internal/getTag.js";
 import { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag } from "../compat/_internal/tags.js";
 import { isBuffer } from "../predicate/isBuffer.js";
+import { isPrimitive } from "../predicate/isPrimitive.js";
 import { isTypedArray } from "../predicate/isTypedArray.js";
-function cloneDeepWith(t, C) {
-	return cloneDeepWithImpl(t, void 0, t, /* @__PURE__ */ new Map(), C);
+function cloneDeepWith(e, C) {
+	return cloneDeepWithImpl(e, void 0, e, /* @__PURE__ */ new Map(), C);
 }
-function cloneDeepWithImpl(C, w, T, E = /* @__PURE__ */ new Map(), D = void 0) {
-	let O = D?.(C, w, T, E);
-	if (O !== void 0) return O;
-	if (isPrimitive(C)) return C;
-	if (E.has(C)) return E.get(C);
-	if (Array.isArray(C)) {
-		let t = Array(C.length);
-		E.set(C, t);
-		for (let w = 0; w < C.length; w++) t[w] = cloneDeepWithImpl(C[w], w, T, E, D);
-		return Object.hasOwn(C, "index") && (t.index = C.index), Object.hasOwn(C, "input") && (t.input = C.input), t;
+function cloneDeepWithImpl(e, C, w, T = /* @__PURE__ */ new Map(), E = void 0) {
+	let D = E?.(e, C, w, T);
+	if (D !== void 0) return D;
+	if (isPrimitive(e)) return e;
+	if (T.has(e)) return T.get(e);
+	if (Array.isArray(e)) {
+		let C = Array(e.length);
+		T.set(e, C);
+		for (let D = 0; D < e.length; D++) C[D] = cloneDeepWithImpl(e[D], D, w, T, E);
+		return Object.hasOwn(e, "index") && (C.index = e.index), Object.hasOwn(e, "input") && (C.input = e.input), C;
 	}
-	if (C instanceof Date) return new Date(C.getTime());
-	if (C instanceof RegExp) {
-		let t = new RegExp(C.source, C.flags);
-		return t.lastIndex = C.lastIndex, t;
+	if (e instanceof Date) return new Date(e.getTime());
+	if (e instanceof RegExp) {
+		let C = new RegExp(e.source, e.flags);
+		return C.lastIndex = e.lastIndex, C;
 	}
-	if (C instanceof Map) {
-		let t = /* @__PURE__ */ new Map();
-		E.set(C, t);
-		for (let [w, O] of C) t.set(w, cloneDeepWithImpl(O, w, T, E, D));
-		return t;
+	if (e instanceof Map) {
+		let C = /* @__PURE__ */ new Map();
+		T.set(e, C);
+		for (let [D, O] of e) C.set(D, cloneDeepWithImpl(O, D, w, T, E));
+		return C;
 	}
-	if (C instanceof Set) {
-		let t = /* @__PURE__ */ new Set();
-		E.set(C, t);
-		for (let w of C) t.add(cloneDeepWithImpl(w, void 0, T, E, D));
-		return t;
+	if (e instanceof Set) {
+		let C = /* @__PURE__ */ new Set();
+		T.set(e, C);
+		for (let D of e) C.add(cloneDeepWithImpl(D, void 0, w, T, E));
+		return C;
 	}
-	if (isBuffer(C)) return C.subarray();
-	if (isTypedArray(C)) {
-		let t = new (Object.getPrototypeOf(C)).constructor(C.length);
-		E.set(C, t);
-		for (let w = 0; w < C.length; w++) t[w] = cloneDeepWithImpl(C[w], w, T, E, D);
-		return t;
+	if (isBuffer(e)) return e.subarray();
+	if (isTypedArray(e)) {
+		let C = new (Object.getPrototypeOf(e)).constructor(e.length);
+		T.set(e, C);
+		for (let D = 0; D < e.length; D++) C[D] = cloneDeepWithImpl(e[D], D, w, T, E);
+		return C;
 	}
-	if (C instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && C instanceof SharedArrayBuffer) return C.slice(0);
-	if (C instanceof DataView) {
-		let t = new DataView(C.buffer.slice(0), C.byteOffset, C.byteLength);
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (e instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && e instanceof SharedArrayBuffer) return e.slice(0);
+	if (e instanceof DataView) {
+		let C = new DataView(e.buffer.slice(0), e.byteOffset, e.byteLength);
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (typeof File < "u" && C instanceof File) {
-		let t = new File([C], C.name, { type: C.type });
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (typeof File < "u" && e instanceof File) {
+		let C = new File([e], e.name, { type: e.type });
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (typeof Blob < "u" && C instanceof Blob) {
-		let t = new Blob([C], { type: C.type });
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (typeof Blob < "u" && e instanceof Blob) {
+		let C = new Blob([e], { type: e.type });
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (C instanceof Error) {
-		let t = structuredClone(C);
-		return E.set(C, t), t.message = C.message, t.name = C.name, t.stack = C.stack, t.cause = C.cause, t.constructor = C.constructor, copyProperties(t, C, T, E, D), t;
+	if (e instanceof Error) {
+		let C = structuredClone(e);
+		return T.set(e, C), C.message = e.message, C.name = e.name, C.stack = e.stack, C.cause = e.cause, C.constructor = e.constructor, copyProperties(C, e, w, T, E), C;
 	}
-	if (C instanceof Boolean) {
-		let t = new Boolean(C.valueOf());
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (e instanceof Boolean) {
+		let C = new Boolean(e.valueOf());
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (C instanceof Number) {
-		let t = new Number(C.valueOf());
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (e instanceof Number) {
+		let C = new Number(e.valueOf());
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (C instanceof String) {
-		let t = new String(C.valueOf());
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (e instanceof String) {
+		let C = new String(e.valueOf());
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	if (typeof C == "object" && isCloneableObject(C)) {
-		let t = Object.create(Object.getPrototypeOf(C));
-		return E.set(C, t), copyProperties(t, C, T, E, D), t;
+	if (typeof e == "object" && isCloneableObject(e)) {
+		let C = Object.create(Object.getPrototypeOf(e));
+		return T.set(e, C), copyProperties(C, e, w, T, E), C;
 	}
-	return C;
+	return e;
 }
-function copyProperties(t, w, T = t, E, D) {
+function copyProperties(C, w, T = C, E, D) {
 	let O = [...Object.keys(w), ...getSymbols(w)];
-	for (let C = 0; C < O.length; C++) {
-		let k = O[C], A = Object.getOwnPropertyDescriptor(t, k);
-		(A == null || A.writable) && (t[k] = cloneDeepWithImpl(w[k], k, T, E, D));
+	for (let e = 0; e < O.length; e++) {
+		let k = O[e], A = Object.getOwnPropertyDescriptor(C, k);
+		(A == null || A.writable) && (C[k] = cloneDeepWithImpl(w[k], k, T, E, D));
 	}
 }
-function isCloneableObject(t) {
-	switch (getTag(t)) {
+function isCloneableObject(e) {
+	switch (getTag(e)) {
 		case argumentsTag:
 		case arrayTag:
 		case arrayBufferTag:

package/dist/packages/client/dist/queries/query-keys.js

@@ -75,6 +75,11 @@ const queryKeys = {
 		e,
 		t
 	],
+	environments: (e, t) => [
+		"workspace-environments",
+		e,
+		t
+	],
 	gitStatus: (e, t) => [
 		"gitStatus",
 		e,

package/dist/packages/client/dist/stream/invalidations.js

@@ -16,6 +16,7 @@ function resolveInvalidations(t, n) {
 		case "document.created": return [queryKeys.documents(n, t.workflowId)];
 		case "secret.upserted":
 		case "secret.deleted": return [queryKeys.secrets(n, t.workspaceId)];
+		case "environment.updated": return [queryKeys.environments(n, t.workspaceId)];
 		case "git.updated": return [
 			queryKeys.gitStatus(n, t.workspaceId),
 			queryKeys.gitLog(n, t.workspaceId),

package/dist/packages/contracts/dist/events/client-message.schema.js

@@ -1,5 +1,5 @@
 import { DocumentCreatedEventSchema, WorkflowCreatedEventSchema, WorkflowUpdatedEventSchema } from "./workflow-events.schema.js";
-import { GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema } from "./workspace-events.schema.js";
+import { EnvironmentUpdatedEventSchema, GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema } from "./workspace-events.schema.js";
 import { LlmResponseDoneEventSchema, LlmResponseErrorEventSchema, LlmResponseStartEventSchema, LlmResponseTextDeltaEventSchema, LlmResponseThinkingDeltaEventSchema, LlmResponseToolCallEventSchema } from "./llm-events.schema.js";
 import { StreamResetEventSchema } from "./stream-events.schema.js";
 import { z } from "zod";
@@ -10,6 +10,7 @@ const ClientMessageSchema = z.discriminatedUnion("type", [
 	SecretUpsertedEventSchema,
 	SecretDeletedEventSchema,
 	GitUpdatedEventSchema,
+	EnvironmentUpdatedEventSchema,
 	LlmResponseStartEventSchema,
 	LlmResponseTextDeltaEventSchema,
 	LlmResponseThinkingDeltaEventSchema,

package/dist/packages/contracts/dist/events/index.js

@@ -1,6 +1,6 @@
 import { ClientMessageBaseSchema } from "./client-message-base.schema.js";
 import { DocumentCreatedEventSchema, WorkflowCreatedEventSchema, WorkflowUpdatedEventSchema } from "./workflow-events.schema.js";
-import { GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema } from "./workspace-events.schema.js";
+import { EnvironmentUpdatedEventSchema, GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema } from "./workspace-events.schema.js";
 import { LlmNormalizedMessageSchema, LlmResponseDoneEventSchema, LlmResponseErrorEventSchema, LlmResponseStartEventSchema, LlmResponseTextDeltaEventSchema, LlmResponseThinkingDeltaEventSchema, LlmResponseToolCallEventSchema } from "./llm-events.schema.js";
 import { StreamResetEventSchema } from "./stream-events.schema.js";
 import { ClientMessageSchema, isLlmResponseEvent } from "./client-message.schema.js";

package/dist/packages/contracts/dist/events/workspace-events.schema.js

@@ -1,5 +1,5 @@
 import { ClientMessageBaseSchema } from "./client-message-base.schema.js";
 import { z } from "zod";
 var WorkspaceEventBaseSchema = ClientMessageBaseSchema.extend({ workspaceId: z.string() });
-const SecretUpsertedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("secret.upserted") }), SecretDeletedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("secret.deleted") }), GitUpdatedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("git.updated") });
-export { GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema };
+const SecretUpsertedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("secret.upserted") }), SecretDeletedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("secret.deleted") }), GitUpdatedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("git.updated") }), EnvironmentUpdatedEventSchema = WorkspaceEventBaseSchema.extend({ type: z.literal("environment.updated") });
+export { EnvironmentUpdatedEventSchema, GitUpdatedEventSchema, SecretDeletedEventSchema, SecretUpsertedEventSchema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopstack/loopstack-studio",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "repository": "loopstack-ai/loopstack-studio",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,9 +26,9 @@
   "dependencies": {
     "@fontsource/roboto": "^5.2.10",
     "@hookform/resolvers": "^5.2.2",
-    "@loopstack/client": "^0.39.0",
-    "@loopstack/contracts": "^0.39.0",
-    "@loopstack/react": "^3.0.0",
+    "@loopstack/client": "^0.41.0",
+    "@loopstack/contracts": "^0.41.0",
+    "@loopstack/react": "^4.0.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.11",