@loopstack/loopstack-studio 0.35.1 → 0.37.0

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 };

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

@@ -0,0 +1,196 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function question(t) {
+	let r = t.content;
+	return typeof r?.question == "string" ? r.question : "Input required";
+}
+function TextPrompt(s) {
+	let l = c(26), { view: u, submit: d, isSubmitting: f } = s, [p, m] = useState(""), h;
+	l[0] !== p || l[1] !== d ? (h = () => {
+		p.trim() && d({ answer: p.trim() });
+	}, l[0] = p, l[1] = d, l[2] = h) : h = l[2];
+	let g = h, _;
+	l[3] === u ? _ = l[4] : (_ = question(u), l[3] = u, l[4] = _);
+	let v;
+	l[5] === _ ? v = l[6] : (v = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: _
+	}), l[5] = _, l[6] = v);
+	let y;
+	l[7] === Symbol.for("react.memo_cache_sentinel") ? (y = (t) => m(t.target.value), l[7] = y) : y = l[7];
+	let b;
+	l[8] === g ? b = l[9] : (b = (t) => t.key === "Enter" && g(), l[8] = g, l[9] = b);
+	let x;
+	l[10] !== p || l[11] !== f || l[12] !== b ? (x = /* @__PURE__ */ jsx(Input, {
+		value: p,
+		onChange: y,
+		onKeyDown: b,
+		placeholder: "Your answer…",
+		disabled: f,
+		autoFocus: !0
+	}), l[10] = p, l[11] = f, l[12] = b, l[13] = x) : x = l[13];
+	let S;
+	l[14] !== p || l[15] !== f ? (S = f || !p.trim(), l[14] = p, l[15] = f, l[16] = S) : S = l[16];
+	let C;
+	l[17] !== g || l[18] !== S ? (C = /* @__PURE__ */ jsx(Button, {
+		onClick: g,
+		disabled: S,
+		children: "Send"
+	}), l[17] = g, l[18] = S, l[19] = C) : C = l[19];
+	let w;
+	l[20] !== x || l[21] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [x, C]
+	}), l[20] = x, l[21] = C, l[22] = w) : w = l[22];
+	let T;
+	return l[23] !== v || l[24] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [v, w]
+	}), l[23] = v, l[24] = w, l[25] = T) : T = l[25], T;
+}
+function ConfirmPrompt(r) {
+	let i = c(20), { view: s, submit: l, isSubmitting: u } = r, d;
+	i[0] === s ? d = i[1] : (d = question(s), i[0] = s, i[1] = d);
+	let f;
+	i[2] === d ? f = i[3] : (f = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: d
+	}), i[2] = d, i[3] = f);
+	let p;
+	i[4] === l ? p = i[5] : (p = () => l({ answer: "yes" }), i[4] = l, i[5] = p);
+	let m;
+	i[6] !== u || i[7] !== p ? (m = /* @__PURE__ */ jsx(Button, {
+		className: "flex-1",
+		onClick: p,
+		disabled: u,
+		children: "Yes"
+	}), i[6] = u, i[7] = p, i[8] = m) : m = i[8];
+	let h;
+	i[9] === l ? h = i[10] : (h = () => l({ answer: "no" }), i[9] = l, i[10] = h);
+	let g;
+	i[11] !== u || i[12] !== h ? (g = /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		className: "flex-1",
+		onClick: h,
+		disabled: u,
+		children: "No"
+	}), i[11] = u, i[12] = h, i[13] = g) : g = i[13];
+	let _;
+	i[14] !== m || i[15] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [m, g]
+	}), i[14] = m, i[15] = g, i[16] = _) : _ = i[16];
+	let v;
+	return i[17] !== f || i[18] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [f, _]
+	}), i[17] = f, i[18] = _, i[19] = v) : v = i[19], v;
+}
+function ChoicesPrompt(s) {
+	let l = c(24), { view: u, submit: d, isSubmitting: f } = s, p = u.content, m;
+	l[0] === p ? m = l[1] : (m = Array.isArray(p?.options) ? p.options : [], l[0] = p, l[1] = m);
+	let h = m, [g, _] = useState(""), v;
+	l[2] === u ? v = l[3] : (v = question(u), l[2] = u, l[3] = v);
+	let y;
+	l[4] === v ? y = l[5] : (y = /* @__PURE__ */ jsx("p", {
+		className: "text-sm font-medium",
+		children: v
+	}), l[4] = v, l[5] = y);
+	let b;
+	if (l[6] !== f || l[7] !== h || l[8] !== d) {
+		let r;
+		l[10] !== f || l[11] !== d ? (r = (r) => /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			className: "w-full",
+			onClick: () => d({ answer: r }),
+			disabled: f,
+			children: r
+		}, r), l[10] = f, l[11] = d, l[12] = r) : r = l[12], b = h.map(r), l[6] = f, l[7] = h, l[8] = d, l[9] = b;
+	} else b = l[9];
+	let x;
+	l[13] === b ? x = l[14] : (x = /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-2",
+		children: b
+	}), l[13] = b, l[14] = x);
+	let S;
+	l[15] !== p?.allowCustomAnswer || l[16] !== g || l[17] !== f || l[18] !== d ? (S = p?.allowCustomAnswer === !0 && /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			value: g,
+			onChange: (t) => _(t.target.value),
+			onKeyDown: (t) => t.key === "Enter" && g.trim() && d({ answer: g.trim() }),
+			placeholder: "Custom answer…",
+			disabled: f
+		}), /* @__PURE__ */ jsx(Button, {
+			onClick: () => d({ answer: g.trim() }),
+			disabled: f || !g.trim(),
+			children: "Send"
+		})]
+	}), l[15] = p?.allowCustomAnswer, l[16] = g, l[17] = f, l[18] = d, l[19] = S) : S = l[19];
+	let C;
+	return l[20] !== y || l[21] !== x || l[22] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			y,
+			x,
+			S
+		]
+	}), l[20] = y, l[21] = x, l[22] = S, l[23] = C) : C = l[23], C;
+}
+function PromptInput(o) {
+	let s = c(20), { view: l, submit: u, isSubmitting: d } = o, [f, p] = useState(""), m = typeof l.options?.label == "string" ? l.options.label : "Message", h;
+	s[0] !== f || s[1] !== u ? (h = () => {
+		f.trim() && (u(f.trim()), p(""));
+	}, s[0] = f, s[1] = u, s[2] = h) : h = s[2];
+	let g = h, _;
+	s[3] === Symbol.for("react.memo_cache_sentinel") ? (_ = (t) => p(t.target.value), s[3] = _) : _ = s[3];
+	let v;
+	s[4] === g ? v = s[5] : (v = (t) => t.key === "Enter" && g(), s[4] = g, s[5] = v);
+	let y = `${m}…`, b;
+	s[6] !== d || s[7] !== f || s[8] !== v || s[9] !== y ? (b = /* @__PURE__ */ jsx(Input, {
+		value: f,
+		onChange: _,
+		onKeyDown: v,
+		placeholder: y,
+		disabled: d,
+		autoFocus: !0
+	}), s[6] = d, s[7] = f, s[8] = v, s[9] = y, s[10] = b) : b = s[10];
+	let x;
+	s[11] !== d || s[12] !== f ? (x = d || !f.trim(), s[11] = d, s[12] = f, s[13] = x) : x = s[13];
+	let S;
+	s[14] !== g || s[15] !== x ? (S = /* @__PURE__ */ jsx(Button, {
+		onClick: g,
+		disabled: x,
+		children: "Send"
+	}), s[14] = g, s[15] = x, s[16] = S) : S = s[16];
+	let C;
+	return s[17] !== b || s[18] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2",
+		children: [b, S]
+	}), s[17] = b, s[18] = S, s[19] = C) : C = s[19], C;
+}
+function ActionButton(r) {
+	let i = c(6), { view: a, submit: o, isSubmitting: s } = r, l = typeof a.options?.label == "string" ? a.options.label : a.defaultTransition ?? "Continue", u;
+	i[0] === o ? u = i[1] : (u = () => o({}), i[0] = o, i[1] = u);
+	let d;
+	return i[2] !== s || i[3] !== l || i[4] !== u ? (d = /* @__PURE__ */ jsx(Button, {
+		onClick: u,
+		disabled: s,
+		children: l
+	}), i[2] = s, i[3] = l, i[4] = u, i[5] = d) : d = i[5], d;
+}
+function FullWidthActionButton(r) {
+	let i = c(6), { view: a, submit: o, isSubmitting: s } = r, l = typeof a.options?.label == "string" ? a.options.label : a.defaultTransition ?? "Continue", u;
+	i[0] === o ? u = i[1] : (u = () => o({}), i[0] = o, i[1] = u);
+	let d;
+	return i[2] !== s || i[3] !== l || i[4] !== u ? (d = /* @__PURE__ */ jsx(Button, {
+		className: "w-full",
+		onClick: u,
+		disabled: s,
+		children: l
+	}), i[2] = s, i[3] = l, i[4] = u, i[5] = d) : d = i[5], d;
+}
+export { ActionButton, ChoicesPrompt, ConfirmPrompt, FullWidthActionButton, PromptInput, TextPrompt };

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

@@ -0,0 +1,90 @@
+import { Button } from "../../../components/ui/button.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, RefreshCw } from "lucide-react";
+function NotSupportedCard(e) {
+	let i = c(2), { view: a } = e, o;
+	return i[0] === a.widget ? o = i[1] : (o = /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground rounded-md border border-dashed p-3 text-sm",
+		children: [
+			"Input of type ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: a.widget
+			}),
+			" is not yet supported in the run view."
+		]
+	}), i[0] = a.widget, i[1] = o), o;
+}
+function BareWaitCard(e) {
+	let i = c(4), { view: a } = e, o;
+	i[0] === a.transitions ? o = i[1] : (o = a.transitions.join(", ") || "—", i[0] = a.transitions, i[1] = o);
+	let s;
+	return i[2] === o ? s = i[3] : (s = /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground rounded-md border border-dashed p-3 text-sm",
+		children: [
+			"Waiting on ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: o
+			}),
+			" — nothing to show."
+		]
+	}), i[2] = o, i[3] = s), s;
+}
+function FailedRunCard(o) {
+	let s = c(13), { workflowName: l, errorMessage: u, onRetry: d, isRetrying: f } = o, p;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive h-4 w-4 shrink-0" }), s[0] = p) : p = s[0];
+	let m;
+	s[1] === l ? m = s[2] : (m = /* @__PURE__ */ jsx("span", {
+		className: "font-medium",
+		children: l
+	}), s[1] = l, s[2] = m);
+	let h = u ? `: ${u}` : ".", g;
+	s[3] !== m || s[4] !== h ? (g = /* @__PURE__ */ jsxs("p", {
+		className: "flex items-center gap-2 text-sm",
+		children: [p, /* @__PURE__ */ jsxs("span", { children: [
+			m,
+			" failed",
+			h
+		] })]
+	}), s[3] = m, s[4] = h, s[5] = g) : g = s[5];
+	let _;
+	s[6] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-3.5 w-3.5" }), s[6] = _) : _ = s[6];
+	let v;
+	s[7] !== f || s[8] !== d ? (v = /* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: d,
+		disabled: f,
+		children: [_, "Retry"]
+	}), s[7] = f, s[8] = d, s[9] = v) : v = s[9];
+	let y;
+	return s[10] !== g || s[11] !== v ? (y = /* @__PURE__ */ jsxs("div", {
+		className: "border-destructive/40 space-y-2 rounded-md border p-3",
+		children: [g, v]
+	}), s[10] = g, s[11] = v, s[12] = y) : y = s[12], y;
+}
+function InertPromptEntry(e) {
+	let i = c(10), { document: a } = e, o;
+	i[0] === a.content ? o = i[1] : (o = a.content ?? {}, i[0] = a.content, i[1] = o);
+	let s = o, l = typeof s.question == "string" ? s.question : typeof s.markdown == "string" ? s.markdown : void 0, u = s.answer !== void 0, f;
+	i[2] === l ? f = i[3] : (f = l && /* @__PURE__ */ jsx("p", {
+		className: "font-medium",
+		children: l
+	}), i[2] = l, i[3] = f);
+	let p;
+	i[4] !== u || i[5] !== s.answer ? (p = u && /* @__PURE__ */ jsxs("p", {
+		className: "text-muted-foreground mt-1",
+		children: ["Answered: ", formatAnswer(s.answer)]
+	}), i[4] = u, i[5] = s.answer, i[6] = p) : p = i[6];
+	let m;
+	return i[7] !== f || i[8] !== p ? (m = /* @__PURE__ */ jsxs("div", {
+		className: "rounded-md border p-3 text-sm",
+		children: [f, p]
+	}), i[7] = f, i[8] = p, i[9] = m) : m = i[9], m;
+}
+function formatAnswer(e) {
+	return typeof e == "string" ? e : typeof e == "boolean" ? e ? "yes" : "no" : JSON.stringify(e);
+}
+export { BareWaitCard, FailedRunCard, InertPromptEntry, NotSupportedCard };

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

@@ -0,0 +1,16 @@
+import { FormPrompt } from "./FormPrompt.js";
+import { OAuthPrompt } from "./OAuthPrompt.js";
+import { SecretPrompt } from "./SecretPrompt.js";
+import { ActionButton, ChoicesPrompt, ConfirmPrompt, FullWidthActionButton, PromptInput, TextPrompt } from "./SimplePrompts.js";
+const promptRegistry = new Map([
+	["text-prompt", TextPrompt],
+	["confirm-prompt", ConfirmPrompt],
+	["choices", ChoicesPrompt],
+	["form", FormPrompt],
+	["secret-input", SecretPrompt],
+	["oauth-prompt", OAuthPrompt],
+	["prompt-input", PromptInput],
+	["button", ActionButton],
+	["button-full-w", FullWidthActionButton]
+]);
+export { promptRegistry };

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

@@ -0,0 +1,24 @@
+function composeTranscript(e, t) {
+	let n = e.flatMap((e) => e.documents.map((t) => ({
+		document: t,
+		depth: e.depth
+	})));
+	n.sort((e, t) => new Date(e.document.createdAt).getTime() - new Date(t.document.createdAt).getTime() || e.document.index - t.document.index);
+	let r = new Set(e.filter((e) => e.depth === 0).map((e) => e.workflowId)), i = [];
+	for (let { document: e, depth: a } of n) {
+		if (a > 0 && !r.has(e.workflowId)) continue;
+		let n = t(e.documentName);
+		if (n === "link") {
+			let t = e.content?.workflowId;
+			typeof t == "string" && r.add(t);
+			continue;
+		}
+		i.push({
+			document: e,
+			depth: a,
+			widget: n
+		});
+	}
+	return i;
+}
+export { composeTranscript };