@loopstack/loopstack-studio 0.35.1 → 0.36.0

package/dist/features/documents/DocumentRenderer.js

@@ -2,19 +2,19 @@ import { useDocumentConfigs } from "../../hooks/useConfig.js";
 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";
-import ChoicesRenderer_default from "./renderers/ChoicesRenderer.js";
-import ConfirmPromptRenderer_default from "./renderers/ConfirmPromptRenderer.js";
 import DocumentDebugRenderer_default from "./renderers/DocumentDebugRenderer.js";
 import DocumentFormRenderer_default from "./renderers/DocumentFormRenderer.js";
 import DocumentMessageRenderer_default from "./renderers/DocumentMessageRenderer.js";
 import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
-import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
 import LlmMessage_default from "./renderers/LlmMessage.js";
 import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
 import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
+import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
+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 TextPromptRenderer_default from "./renderers/TextPromptRenderer.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
@@ -52,11 +52,11 @@ var coreRendererRegistry = new Map([
 		workflow: e,
 		document: g
 	})],
-	["oauth-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: y }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+	["oauth-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
 		parentWorkflow: e,
 		workflow: g,
 		document: _,
-		isActive: y
+		isActive: v
 	})],
 	["text-prompt", ({ parentWorkflow: e, workflow: g, document: _, isActive: v }) => /* @__PURE__ */ jsx(TextPromptRenderer_default, {
 		parentWorkflow: e,

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

@@ -1,8 +1,8 @@
 import { useRunWorkflow } from "../../../packages/react/dist/hooks/mutations.js";
 import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
-import "../../../hooks/useProcessor.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
+import "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/oauth/OAuthCallbackPage.js

@@ -1,2 +1,4 @@
+import "../../packages/client/dist/index.js";
+import "../../config.js";
 import React, { useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,153 @@
+import { useRunWorkflow } from "../../packages/react/dist/hooks/mutations.js";
+import "../../packages/react/dist/index.js";
+import { useDocumentConfigs } from "../../hooks/useConfig.js";
+import { BareWaitCard, FailedRunCard, NotSupportedCard } from "./prompts/cards.js";
+import { Transcript } from "./Transcript.js";
+import { SandboxRunButton } from "./prompts/SandboxRunButton.js";
+import { promptRegistry } from "./prompts/registry.js";
+import { composeTranscript } from "./transcript.js";
+import { useRunPrompts } from "./useRunPrompts.js";
+import { useRunTree } from "./useRunTree.js";
+import { useStreamingNodes } from "./useTreeLlmStreams.js";
+import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveWidgetName(t) {
+	let m = t;
+	return m?.widgets?.[0]?.widget ?? m?.form?.widget;
+}
+function RunView(g) {
+	let _ = c(68), { workflowId: v, settings: y } = g, { nodes: b, isLoading: x } = useRunTree(v), S = useRunPrompts(b), C = useDocumentConfigs(), w = useRunWorkflow(), T = useStreamingNodes(b);
+	y?.showFullMessageHistory;
+	let E;
+	if (_[0] !== C || _[1] !== y?.showFullMessageHistory || _[2] !== T) {
+		let t;
+		_[4] === y?.showFullMessageHistory ? t = _[5] : (t = (t) => ({
+			workflowId: t.workflowId,
+			depth: t.depth,
+			documents: y?.showFullMessageHistory ? t.documents : t.documents.filter(_temp)
+		}), _[4] = y?.showFullMessageHistory, _[5] = t);
+		let m = T.map(t), h;
+		_[6] === C ? h = _[7] : (h = (t) => resolveWidgetName(C.get(t)?.ui), _[6] = C, _[7] = h), E = composeTranscript(m, h), _[0] = C, _[1] = y?.showFullMessageHistory, _[2] = T, _[3] = E;
+	} else E = _[3];
+	let D = E, O;
+	_[8] === b ? O = _[9] : (O = new Map(b.map(_temp2)), _[8] = b, _[9] = O);
+	let k = O, A;
+	bb0: {
+		let t = S.picked?.candidate.document?.content;
+		if (!t) {
+			A = D;
+			break bb0;
+		}
+		let m;
+		if (_[10] !== D || _[11] !== t) {
+			let h;
+			_[13] === t ? h = _[14] : (h = (m) => m.document.content !== t, _[13] = t, _[14] = h), m = D.filter(h), _[10] = D, _[11] = t, _[12] = m;
+		} else m = _[12];
+		A = m;
+	}
+	let j = A, M = S.picked, N;
+	_[15] === M ? N = _[16] : (N = M?.view.widget ? promptRegistry.get(M.view.widget) : void 0, _[15] = M, _[16] = N);
+	let P = N, F = S.idlePrompt, I;
+	_[17] === F ? I = _[18] : (I = F?.view.widget ? promptRegistry.get(F.view.widget) : void 0, _[17] = F, _[18] = I);
+	let L = I, R;
+	_[19] !== b || _[20] !== M || _[21] !== S.blocked ? (R = !M && !S.blocked ? b.find(_temp3) : void 0, _[19] = b, _[20] = M, _[21] = S.blocked, _[22] = R) : R = _[22];
+	let z = R, B;
+	_[23] !== M || _[24] !== w ? (B = (t, m) => {
+		if (!M) return;
+		let h = m ?? M.view.defaultTransition;
+		h && w.mutate({
+			workflowId: M.view.workflowId,
+			payload: { transition: {
+				id: h,
+				workflowId: M.view.workflowId,
+				payload: t
+			} }
+		});
+	}, _[23] = M, _[24] = w, _[25] = B) : B = _[25];
+	let V = B, H;
+	_[26] === x ? H = _[27] : (H = x && /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground text-sm",
+		children: "Loading run…"
+	}), _[26] = x, _[27] = H);
+	let U = b[0]?.workflow, W = y?.enableDebugMode, G;
+	_[28] !== W || _[29] !== U || _[30] !== j || _[31] !== k ? (G = /* @__PURE__ */ jsx(Transcript, {
+		entries: j,
+		workflows: k,
+		rootWorkflow: U,
+		debug: W
+	}), _[28] = W, _[29] = U, _[30] = j, _[31] = k, _[32] = G) : G = _[32];
+	let K;
+	_[33] === S.sandboxSlots ? K = _[34] : (K = S.sandboxSlots.length > 0 && /* @__PURE__ */ jsx("div", {
+		className: "flex justify-end gap-2",
+		children: S.sandboxSlots.map(_temp4)
+	}), _[33] = S.sandboxSlots, _[34] = K);
+	let q;
+	_[35] !== P || _[36] !== b[0]?.workflow || _[37] !== M || _[38] !== w || _[39] !== V ? (q = M && P && /* @__PURE__ */ jsx("div", {
+		className: "bg-background rounded-lg border p-4 shadow-sm",
+		children: /* @__PURE__ */ jsx(P, {
+			view: M.view,
+			submit: V,
+			isSubmitting: w.isPending,
+			workspaceId: b[0]?.workflow.workspaceId
+		})
+	}), _[35] = P, _[36] = b[0]?.workflow, _[37] = M, _[38] = w, _[39] = V, _[40] = q) : q = _[40];
+	let J;
+	_[41] !== L || _[42] !== F || _[43] !== M ? (J = !M && F && L && /* @__PURE__ */ jsx("div", {
+		className: "bg-background rounded-lg border p-4 opacity-70 shadow-sm",
+		children: /* @__PURE__ */ jsx(L, {
+			view: F.view,
+			submit: _temp5,
+			isSubmitting: !0
+		})
+	}), _[41] = L, _[42] = F, _[43] = M, _[44] = J) : J = _[44];
+	let Y;
+	_[45] !== M || _[46] !== S.blocked ? (Y = !M && S.blocked && /* @__PURE__ */ jsx(NotSupportedCard, { view: S.blocked.view }), _[45] = M, _[46] = S.blocked, _[47] = Y) : Y = _[47];
+	let X;
+	_[48] !== z || _[49] !== w ? (X = z && /* @__PURE__ */ jsx(FailedRunCard, {
+		workflowName: z.workflow.title ?? z.workflow.workflowName,
+		errorMessage: z.workflow.errorMessage,
+		onRetry: () => w.mutate({ workflowId: z.workflowId }),
+		isRetrying: w.isPending
+	}), _[48] = z, _[49] = w, _[50] = X) : X = _[50];
+	let Z;
+	_[51] !== z || _[52] !== F || _[53] !== M || _[54] !== S.blocked || _[55] !== S.fallback ? (Z = !M && !F && !S.blocked && !z && S.fallback && /* @__PURE__ */ jsx(BareWaitCard, { view: S.fallback.view }), _[51] = z, _[52] = F, _[53] = M, _[54] = S.blocked, _[55] = S.fallback, _[56] = Z) : Z = _[56];
+	let Q;
+	_[57] !== K || _[58] !== q || _[59] !== J || _[60] !== Y || _[61] !== X || _[62] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
+		className: "mt-6 space-y-2",
+		children: [
+			K,
+			q,
+			J,
+			Y,
+			X,
+			Z
+		]
+	}), _[57] = K, _[58] = q, _[59] = J, _[60] = Y, _[61] = X, _[62] = Z, _[63] = Q) : Q = _[63];
+	let $;
+	return _[64] !== G || _[65] !== Q || _[66] !== H ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "w-full max-w-3xl",
+		children: [
+			H,
+			G,
+			Q
+		]
+	}), _[64] = G, _[65] = Q, _[66] = H, _[67] = $) : $ = _[67], $;
+}
+function _temp5() {}
+function _temp4(t) {
+	return /* @__PURE__ */ jsx(SandboxRunButton, {
+		slotId: t.slotId,
+		label: t.label
+	}, t.slotId ?? "default");
+}
+function _temp3(t) {
+	return t.workflow.hasError && t.workflow.status === "failed";
+}
+function _temp2(t) {
+	return [t.workflowId, t.workflow];
+}
+function _temp(t) {
+	return !t.tags?.includes("internal");
+}
+export { RunView };

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

@@ -0,0 +1,127 @@
+import { useFeatureRegistry } from "../feature-registry/FeatureRegistryProvider.js";
+import "../feature-registry/index.js";
+import AiMessage_default from "../documents/renderers/AiMessage.js";
+import DocumentDebugRenderer_default from "../documents/renderers/DocumentDebugRenderer.js";
+import DocumentFormRenderer_default from "../documents/renderers/DocumentFormRenderer.js";
+import DocumentMessageRenderer_default from "../documents/renderers/DocumentMessageRenderer.js";
+import ErrorMessageRenderer_default from "../documents/renderers/ErrorMessageRenderer.js";
+import LlmMessage_default from "../documents/renderers/LlmMessage.js";
+import MarkdownMessageRenderer_default from "../documents/renderers/MarkdownMessageRenderer.js";
+import PlainMessageRenderer_default from "../documents/renderers/PlainMessageRenderer.js";
+import { InertPromptEntry } from "./prompts/cards.js";
+import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+var displayRenderers = new Map([
+	["ai-message", (e, a) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: e,
+		isLastItem: a
+	})],
+	["llm-message", (e, i) => /* @__PURE__ */ jsx(LlmMessage_default, {
+		document: e,
+		isLastItem: i
+	})],
+	["message", (e) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: e })],
+	["error", (e) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: e })],
+	["plain", (e) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: e })],
+	["markdown", (e) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: e })],
+	["debug", (e) => /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })]
+]);
+function TranscriptDocument(e) {
+	let i = c(26), { entry: a, isLastItem: s, featureRenderers: l, workflows: u, rootWorkflow: d } = e, f;
+	if (i[0] !== a.document || i[1] !== a.widget || i[2] !== s) {
+		f = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let e = a.widget ? displayRenderers.get(a.widget) : void 0;
+			if (e) {
+				f = /* @__PURE__ */ jsx(Fragment$1, { children: e(a.document, s) });
+				break bb0;
+			}
+		}
+		i[0] = a.document, i[1] = a.widget, i[2] = s, i[3] = f;
+	} else f = i[3];
+	if (f !== Symbol.for("react.early_return_sentinel")) return f;
+	let m;
+	i[4] !== a.document.workflowId || i[5] !== u ? (m = u.get(a.document.workflowId), i[4] = a.document.workflowId, i[5] = u, i[6] = m) : m = i[6];
+	let g = m;
+	if (a.widget === "form" && g) {
+		let e = d ?? g, s = a.document, l;
+		return i[7] !== e || i[8] !== s || i[9] !== g ? (l = /* @__PURE__ */ jsx("div", {
+			className: "rounded-md border p-3",
+			children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
+				parentWorkflow: e,
+				workflow: g,
+				document: s,
+				enabled: !1,
+				viewOnly: !0
+			})
+		}), i[7] = e, i[8] = s, i[9] = g, i[10] = l) : l = i[10], l;
+	}
+	let _;
+	i[11] !== a.widget || i[12] !== l ? (_ = a.widget ? l.get(a.widget) : void 0, i[11] = a.widget, i[12] = l, i[13] = _) : _ = i[13];
+	let v = _;
+	if (v && g) {
+		let e = d ?? g, o = a.document, l;
+		return i[14] !== v || i[15] !== s || i[16] !== e || i[17] !== o || i[18] !== g ? (l = /* @__PURE__ */ jsx(v, {
+			parentWorkflow: e,
+			workflow: g,
+			document: o,
+			isActive: !1,
+			isLastItem: s
+		}), i[14] = v, i[15] = s, i[16] = e, i[17] = o, i[18] = g, i[19] = l) : l = i[19], l;
+	}
+	if (a.widget) {
+		let e;
+		return i[20] === a.document ? e = i[21] : (e = /* @__PURE__ */ jsx(InertPromptEntry, { document: a.document }), i[20] = a.document, i[21] = e), e;
+	}
+	let y;
+	i[22] === a.document.content ? y = i[23] : (y = JSON.stringify(a.document.content, null, 2), i[22] = a.document.content, i[23] = y);
+	let b;
+	return i[24] === y ? b = i[25] : (b = /* @__PURE__ */ jsx("pre", {
+		className: "bg-muted/50 overflow-x-auto rounded-md p-3 font-mono text-xs",
+		children: y
+	}), i[24] = y, i[25] = b), b;
+}
+function DebugMeta(e) {
+	let i = c(8), { entry: a } = e, o = a.widget ?? "no widget", s = `place: ${a.document.place ?? "—"}`, l = `index: ${a.document.index}`, u;
+	i[0] !== a.document.documentName || i[1] !== a.document.isInvalidated || i[2] !== o || i[3] !== s || i[4] !== l ? (u = [
+		a.document.documentName,
+		o,
+		s,
+		l
+	], a.document.isInvalidated && u.push("invalidated"), i[0] = a.document.documentName, i[1] = a.document.isInvalidated, i[2] = o, i[3] = s, i[4] = l, i[5] = u) : u = i[5];
+	let d = u.join(" · "), f;
+	return i[6] === d ? f = i[7] : (f = /* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground font-mono text-[10px]",
+		children: d
+	}), i[6] = d, i[7] = f), f;
+}
+function Transcript(i) {
+	let a = c(16), { entries: o, workflows: s, rootWorkflow: l, debug: u } = i, d = useFeatureRegistry(), f;
+	if (a[0] !== d) {
+		f = /* @__PURE__ */ new Map();
+		for (let e of d) for (let [i, a] of Object.entries(e.documentRenderers ?? {})) f.set(i, a);
+		a[0] = d, a[1] = f;
+	} else f = a[1];
+	let p = f, m;
+	if (a[2] !== u || a[3] !== o || a[4] !== p || a[5] !== l || a[6] !== s) {
+		let e;
+		a[8] !== u || a[9] !== o.length || a[10] !== p || a[11] !== l || a[12] !== s ? (e = (e, i) => /* @__PURE__ */ jsxs("div", {
+			style: e.depth > 0 ? { marginLeft: e.depth * 20 } : void 0,
+			className: e.depth > 0 ? "border-muted border-l-2 pl-3" : void 0,
+			children: [u && /* @__PURE__ */ jsx(DebugMeta, { entry: e }), /* @__PURE__ */ jsx(TranscriptDocument, {
+				entry: e,
+				isLastItem: i === o.length - 1,
+				featureRenderers: p,
+				workflows: s,
+				rootWorkflow: l
+			})]
+		}, e.document.id), a[8] = u, a[9] = o.length, a[10] = p, a[11] = l, a[12] = s, a[13] = e) : e = a[13], m = o.map(e), a[2] = u, a[3] = o, a[4] = p, a[5] = l, a[6] = s, a[7] = m;
+	} else m = a[7];
+	let h;
+	return a[14] === m ? h = a[15] : (h = /* @__PURE__ */ jsx("div", {
+		className: "space-y-3",
+		children: m
+	}), a[14] = m, a[15] = h), h;
+}
+export { Transcript };

package/dist/features/run-view/prompts/FormPrompt.js

@@ -0,0 +1,129 @@
+import { Button } from "../../../components/ui/button.js";
+import { Checkbox } from "../../../components/ui/checkbox.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import { c } from "react/compiler-runtime";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormPrompt(l) {
+	let d = c(47), { view: f, submit: p, isSubmitting: m } = l, h = f.schema, g;
+	d[0] === h?.properties ? g = d[1] : (g = h?.properties ?? {}, d[0] = h?.properties, d[1] = g);
+	let _ = g, v;
+	d[2] === f.options?.properties ? v = d[3] : (v = f.options?.properties ?? {}, d[2] = f.options?.properties, d[3] = v);
+	let y = v, b;
+	d[4] === f.content ? b = d[5] : (b = f.content ?? {}, d[4] = f.content, d[5] = b);
+	let x = b, S;
+	d[6] !== x || d[7] !== _ ? (S = () => {
+		let e = { ...x };
+		for (let [a, o] of Object.entries(_)) e[a] === void 0 && o.default !== void 0 && (e[a] = o.default);
+		return e;
+	}, d[6] = x, d[7] = _, d[8] = S) : S = d[8];
+	let [C, w] = useState(S), T, E, D, O, k, A;
+	if (d[9] !== x || d[10] !== m || d[11] !== _ || d[12] !== p || d[13] !== y || d[14] !== C || d[15] !== f.options?.actions || d[16] !== f.transitions) {
+		T = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let s;
+			d[23] === f.transitions ? s = d[24] : (s = (e) => e.transition && f.transitions.includes(e.transition), d[23] = f.transitions, d[24] = s);
+			let l = (f.options?.actions ?? []).filter(s);
+			if (l.length === 0) {
+				T = null;
+				break bb0;
+			}
+			let u;
+			d[25] !== _ || d[26] !== y ? (u = (e) => (y[e]?.readonly ?? _[e]?.readonly) === !0, d[25] = _, d[26] = y, d[27] = u) : u = d[27];
+			let h = u, g;
+			d[28] === Symbol.for("react.memo_cache_sentinel") ? (g = (e, a) => w((o) => ({
+				...o,
+				[e]: a
+			})), d[28] = g) : g = d[28];
+			let v = g, b = typeof x.markdown == "string" ? x.markdown : void 0;
+			if (d[29] !== h || d[30] !== m || d[31] !== b || d[32] !== _ || d[33] !== C) {
+				let e = Object.keys(_).filter(_temp);
+				O = "space-y-3", d[37] === b ? k = d[38] : (k = b && /* @__PURE__ */ jsx("p", {
+					className: "text-sm whitespace-pre-wrap",
+					children: b
+				}), d[37] = b, d[38] = k), A = e.map((e) => {
+					let s = _[e], l = C[e], u = m || h(e), d = s.title ?? e;
+					return s.type === "boolean" ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Checkbox, {
+							id: `form-${e}`,
+							checked: l === !0,
+							onCheckedChange: (a) => v(e, a === !0),
+							disabled: u
+						}), /* @__PURE__ */ jsx(Label, {
+							htmlFor: `form-${e}`,
+							children: d
+						})]
+					}, e) : s.type === "number" || s.type === "integer" ? /* @__PURE__ */ jsxs("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: `form-${e}`,
+							children: d
+						}), /* @__PURE__ */ jsx(Input, {
+							id: `form-${e}`,
+							type: "number",
+							value: typeof l == "number" ? l : "",
+							onChange: (a) => v(e, a.target.value === "" ? void 0 : Number(a.target.value)),
+							disabled: u
+						})]
+					}, e) : s.type === "string" || l === void 0 || typeof l == "string" ? /* @__PURE__ */ jsxs("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: `form-${e}`,
+							children: d
+						}), /* @__PURE__ */ jsx(Input, {
+							id: `form-${e}`,
+							value: typeof l == "string" ? l : "",
+							onChange: (a) => v(e, a.target.value),
+							disabled: u
+						})]
+					}, e) : /* @__PURE__ */ jsxs("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ jsxs(Label, {
+							htmlFor: `form-${e}`,
+							children: [d, " (JSON)"]
+						}), /* @__PURE__ */ jsx("textarea", {
+							id: `form-${e}`,
+							className: "border-input w-full rounded-md border bg-transparent p-2 font-mono text-sm",
+							rows: 4,
+							defaultValue: JSON.stringify(l, null, 2),
+							onChange: (a) => {
+								try {
+									v(e, JSON.parse(a.target.value));
+								} catch {}
+							},
+							disabled: u
+						})]
+					}, e);
+				}), d[29] = h, d[30] = m, d[31] = b, d[32] = _, d[33] = C, d[34] = O, d[35] = k, d[36] = A;
+			} else O = d[34], k = d[35], A = d[36];
+			E = "flex gap-2", D = l.map((a) => /* @__PURE__ */ jsx(Button, {
+				onClick: () => p(C, a.transition),
+				disabled: m,
+				variant: a === l[0] ? "default" : "outline",
+				children: a.label ?? a.transition
+			}, a.transition));
+		}
+		d[9] = x, d[10] = m, d[11] = _, d[12] = p, d[13] = y, d[14] = C, d[15] = f.options?.actions, d[16] = f.transitions, d[17] = T, d[18] = E, d[19] = D, d[20] = O, d[21] = k, d[22] = A;
+	} else T = d[17], E = d[18], D = d[19], O = d[20], k = d[21], A = d[22];
+	if (T !== Symbol.for("react.early_return_sentinel")) return T;
+	let j;
+	d[39] !== E || d[40] !== D ? (j = /* @__PURE__ */ jsx("div", {
+		className: E,
+		children: D
+	}), d[39] = E, d[40] = D, d[41] = j) : j = d[41];
+	let M;
+	return d[42] !== j || d[43] !== O || d[44] !== k || d[45] !== A ? (M = /* @__PURE__ */ jsxs("div", {
+		className: O,
+		children: [
+			k,
+			A,
+			j
+		]
+	}), d[42] = j, d[43] = O, d[44] = k, d[45] = A, d[46] = M) : M = d[46], M;
+}
+function _temp(e) {
+	return e !== "markdown";
+}
+export { FormPrompt };

package/dist/features/run-view/prompts/OAuthPrompt.js

@@ -0,0 +1,94 @@
+import { Button } from "../../../components/ui/button.js";
+import { useOAuthPopup } from "../../oauth/useOAuthPopup.js";
+import "../../oauth/index.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle2, ExternalLink, Loader2 } from "lucide-react";
+function providerLabel(r) {
+	return r ? r.charAt(0).toUpperCase() + r.slice(1) : "Provider";
+}
+function OAuthPrompt(f) {
+	let m = c(41), { view: h, submit: g, isSubmitting: _ } = f, v;
+	m[0] === h.content ? v = m[1] : (v = h.content ?? {}, m[0] = h.content, m[1] = v);
+	let y = v, { result: b, open: x, reset: S } = useOAuthPopup(), C = useRef(!1), w;
+	m[2] === y.provider ? w = m[3] : (w = providerLabel(y.provider), m[2] = y.provider, m[3] = w);
+	let T = w, E;
+	m[4] !== y.authUrl || m[5] !== y.state || m[6] !== x || m[7] !== S ? (E = () => {
+		!y.authUrl || !y.state || (C.current = !1, S(), x({
+			authUrl: y.authUrl,
+			state: y.state
+		}));
+	}, m[4] = y.authUrl, m[5] = y.state, m[6] = x, m[7] = S, m[8] = E) : E = m[8];
+	let D = E, O;
+	m[9] !== b.code || m[10] !== b.state || m[11] !== b.status || m[12] !== g ? (O = () => {
+		b.status === "success" && !C.current && (C.current = !0, g({
+			code: b.code,
+			state: b.state
+		}));
+	}, m[9] = b.code, m[10] = b.state, m[11] = b.status, m[12] = g, m[13] = O) : O = m[13];
+	let k;
+	if (m[14] !== b || m[15] !== g ? (k = [b, g], m[14] = b, m[15] = g, m[16] = k) : k = m[16], useEffect(O, k), y.status === "success") {
+		let r;
+		m[17] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), m[17] = r) : r = m[17];
+		let u;
+		return m[18] === T ? u = m[19] : (u = /* @__PURE__ */ jsxs("p", {
+			className: "flex items-center gap-2 text-sm",
+			children: [
+				r,
+				" Connected to ",
+				T,
+				"."
+			]
+		}), m[18] = T, m[19] = u), u;
+	}
+	let A = y.status === "error" ? y.message ?? `Signing in to ${T} failed.` : b.status === "error" ? b.error : b.status === "timeout" ? "The sign-in timed out." : b.status === "blocked" ? "The popup was blocked — allow popups and retry." : void 0;
+	if (A) {
+		let u;
+		m[20] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4" }), m[20] = u) : u = m[20];
+		let d;
+		m[21] === A ? d = m[22] : (d = /* @__PURE__ */ jsxs("p", {
+			className: "flex items-center gap-2 text-sm",
+			children: [u, A]
+		}), m[21] = A, m[22] = d);
+		let f;
+		m[23] !== _ || m[24] !== D ? (f = /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			onClick: D,
+			disabled: _,
+			children: "Retry"
+		}), m[23] = _, m[24] = D, m[25] = f) : f = m[25];
+		let p;
+		return m[26] !== d || m[27] !== f ? (p = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [d, f]
+		}), m[26] = d, m[27] = f, m[28] = p) : p = m[28], p;
+	}
+	let j = _ || b.status === "pending" || b.status === "success", M;
+	m[29] === T ? M = m[30] : (M = /* @__PURE__ */ jsxs("p", {
+		className: "text-sm font-medium",
+		children: [
+			"Sign in with ",
+			T,
+			" to continue."
+		]
+	}), m[29] = T, m[30] = M);
+	let N = j || !y.authUrl, P;
+	m[31] === j ? P = m[32] : (P = j ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), m[31] = j, m[32] = P);
+	let F;
+	m[33] !== T || m[34] !== D || m[35] !== N || m[36] !== P ? (F = /* @__PURE__ */ jsxs(Button, {
+		onClick: D,
+		disabled: N,
+		children: [
+			P,
+			"Sign in with ",
+			T
+		]
+	}), m[33] = T, m[34] = D, m[35] = N, m[36] = P, m[37] = F) : F = m[37];
+	let I;
+	return m[38] !== M || m[39] !== F ? (I = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [M, F]
+	}), m[38] = M, m[39] = F, m[40] = I) : I = m[40], I;
+}
+export { OAuthPrompt };

package/dist/features/run-view/prompts/SandboxRunButton.js

@@ -0,0 +1,35 @@
+import { Button } from "../../../components/ui/button.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
+import { useOptionalWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
+import "../../workbench/index.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MonitorPlay } from "lucide-react";
+function SandboxRunButton(u) {
+	let d = c(14), { slotId: f, label: p } = u, m = useOptionalWorkbenchLayout();
+	if (!m || !f) return null;
+	let h;
+	d[0] !== m.environments || d[1] !== f ? (h = m.environments?.find((e) => e.slotId === f), d[0] = m.environments, d[1] = f, d[2] = h) : h = d[2];
+	let g = h;
+	if (!g) return null;
+	let _;
+	d[3] !== m || d[4] !== f ? (_ = () => m.openPreviewWithEnvironment(f), d[3] = m, d[4] = f, d[5] = _) : _ = d[5];
+	let v;
+	d[6] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), d[6] = v) : v = d[6];
+	let y;
+	d[7] === _ ? y = d[8] : (y = /* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			size: "icon",
+			onClick: _,
+			children: v
+		})
+	}), d[7] = _, d[8] = y);
+	let b = p ?? (g.envName ? `Open ${g.envName}` : "Open Sandbox"), x;
+	d[9] === b ? x = d[10] : (x = /* @__PURE__ */ jsx(TooltipContent, { children: b }), d[9] = b, d[10] = x);
+	let S;
+	return d[11] !== y || d[12] !== x ? (S = /* @__PURE__ */ jsxs(Tooltip, { children: [y, x] }), d[11] = y, d[12] = x, d[13] = S) : S = d[13], S;
+}
+export { SandboxRunButton };

package/dist/features/run-view/prompts/SecretPrompt.js

@@ -0,0 +1,69 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import { useUpsertSecret } from "../../../hooks/useSecrets.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info, KeyRound, Loader2 } from "lucide-react";
+function SecretPrompt({ view: u, submit: d, isSubmitting: f, workspaceId: p }) {
+	let m = (u.content?.variables ?? []).filter((e) => e.key?.trim()), h = useUpsertSecret(), [g, _] = useState(() => Object.fromEntries(m.map((e) => [e.key, e.value ?? ""]))), [v, y] = useState(!1), b = typeof u.options?.label == "string" ? u.options.label : "Save & Continue";
+	if (m.length === 0 || !p) return null;
+	let x = async () => {
+		y(!0);
+		try {
+			let e = [];
+			for (let c of m) {
+				let l = g[c.key]?.trim();
+				l && (await h.mutateAsync({
+					workspaceId: p,
+					key: c.key,
+					value: l
+				}), e.push(c.key));
+			}
+			d({ keys: e });
+		} finally {
+			y(!1);
+		}
+	}, S = v || f;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: "Secrets"
+			}),
+			m.map((e) => /* @__PURE__ */ jsxs("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ jsx(Label, {
+					className: "text-muted-foreground text-xs",
+					htmlFor: `secret-${e.key}`,
+					children: e.key
+				}), /* @__PURE__ */ jsx(Input, {
+					id: `secret-${e.key}`,
+					type: "password",
+					placeholder: "Enter value...",
+					value: g[e.key] ?? "",
+					onChange: (c) => _((l) => ({
+						...l,
+						[e.key]: c.target.value
+					})),
+					disabled: S
+				})]
+			}, e.key)),
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex items-center gap-2 text-xs",
+				children: [/* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: "Values are stored as workspace secrets — only the saved keys reach the workflow." })]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ jsxs(Button, {
+					onClick: () => void x(),
+					disabled: S,
+					className: "w-48",
+					children: [S ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), b]
+				})
+			})
+		]
+	});
+}
+export { SecretPrompt };