@loopstack/loopstack-studio 0.35.1 → 0.37.0

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

@@ -6,78 +6,78 @@ import { createContext, useCallback, useContext, useMemo, useState } from "react
 import { jsx } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 var FileExplorerContext = createContext(null);
-function FileExplorerProvider(u) {
-	let d = c(37), { variant: f, workspaceId: p, enabled: m, children: h } = u, g = m === void 0 ? !0 : m, _ = useLoopstackClient(), v = useQueryClient(), y;
-	d[0] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ new Set(), d[0] = y) : y = d[0];
+function FileExplorerProvider(l) {
+	let u = c(37), { variant: d, workspaceId: f, slotId: p, enabled: m, children: h } = l, g = m === void 0 ? !0 : m, _ = useLoopstackClient(), v = useQueryClient(), y;
+	u[0] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ new Set(), u[0] = y) : y = u[0];
 	let [b, x] = useState(y), S;
-	d[1] === Symbol.for("react.memo_cache_sentinel") ? (S = [], d[1] = S) : S = d[1];
-	let [C, w] = useState(S), [T, E] = useState(null), D = useFileTree(f, p, g), O = useFileContent(f, p, T?.type === "file" ? T.path : void 0, g), k;
-	d[2] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
-		x((o) => {
-			let s = new Set(o);
-			return s.has(e) ? s.delete(e) : s.add(e), s;
+	u[1] === Symbol.for("react.memo_cache_sentinel") ? (S = [], u[1] = S) : S = u[1];
+	let [C, w] = useState(S), [T, E] = useState(null), D = useFileTree(d, f, p, g), O = useFileContent(d, f, T?.type === "file" ? T.path : void 0, p, g), k;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
+		x((a) => {
+			let o = new Set(a);
+			return o.has(e) ? o.delete(e) : o.add(e), o;
 		});
-	}, d[2] = k) : k = d[2];
+	}, u[2] = k) : k = u[2];
 	let A = k, j;
-	d[3] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
-		e.type === "file" && (E(e), w((o) => o.some((o) => o.path === e.path) ? o : [...o, e]));
-	}, d[3] = j) : j = d[3];
+	u[3] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
+		e.type === "file" && (E(e), w((a) => a.some((a) => a.path === e.path) ? a : [...a, e]));
+	}, u[3] = j) : j = u[3];
 	let M = j, N;
-	d[4] === T?.path ? N = d[5] : (N = (e) => {
-		w((o) => {
-			let s = o.filter((o) => o.path !== e.path);
-			if (T?.path === e.path) if (s.length > 0) {
-				let l = o.findIndex((o) => o.path === e.path);
-				E(s[Math.max(0, l - 1)]);
+	u[4] === T?.path ? N = u[5] : (N = (e) => {
+		w((a) => {
+			let o = a.filter((a) => a.path !== e.path);
+			if (T?.path === e.path) if (o.length > 0) {
+				let s = a.findIndex((a) => a.path === e.path);
+				E(o[Math.max(0, s - 1)]);
 			} else E(null);
-			return s;
+			return o;
 		});
-	}, d[4] = T?.path, d[5] = N);
+	}, u[4] = T?.path, u[5] = N);
 	let P = N, F;
-	d[6] === T ? F = d[7] : (F = () => {
+	u[6] === T ? F = u[7] : (F = () => {
 		T && w((e) => {
-			let o = e.filter((e) => e.path !== T.path);
-			if (o.length > 0) {
-				let s = e.findIndex((e) => e.path === T.path);
-				E(o[Math.max(0, s - 1)]);
+			let a = e.filter((e) => e.path !== T.path);
+			if (a.length > 0) {
+				let o = e.findIndex((e) => e.path === T.path);
+				E(a[Math.max(0, o - 1)]);
 			} else E(null);
-			return o;
+			return a;
 		});
-	}, d[6] = T, d[7] = F);
+	}, u[6] = T, u[7] = F);
 	let I = F, L;
-	d[8] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+	u[8] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
 		w([]), E(null);
-	}, d[8] = L) : L = d[8];
+	}, u[8] = L) : L = u[8];
 	let R = L, z;
-	d[9] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => {
+	u[9] === Symbol.for("react.memo_cache_sentinel") ? (z = (e) => {
 		w([e]), E(e);
-	}, d[9] = z) : z = d[9];
+	}, u[9] = z) : z = u[9];
 	let B = z, V;
-	d[10] === T ? V = d[11] : (V = (e) => {
-		w((o) => {
-			let s = o.findIndex((o) => o.path === e.path);
-			if (s <= 0) return o;
-			let l = o.slice(s);
-			return T && o.findIndex((e) => e.path === T.path) < s && E(e), l;
+	u[10] === T ? V = u[11] : (V = (e) => {
+		w((a) => {
+			let o = a.findIndex((a) => a.path === e.path);
+			if (o <= 0) return a;
+			let s = a.slice(o);
+			return T && a.findIndex((e) => e.path === T.path) < o && E(e), s;
 		});
-	}, d[10] = T, d[11] = V);
+	}, u[10] = T, u[11] = V);
 	let H = V, U;
-	d[12] === T ? U = d[13] : (U = (e) => {
-		w((o) => {
-			let s = o.findIndex((o) => o.path === e.path);
-			if (s < 0 || s >= o.length - 1) return o;
-			let l = o.slice(0, s + 1);
-			return T && o.findIndex((e) => e.path === T.path) > s && E(e), l;
+	u[12] === T ? U = u[13] : (U = (e) => {
+		w((a) => {
+			let o = a.findIndex((a) => a.path === e.path);
+			if (o < 0 || o >= a.length - 1) return a;
+			let s = a.slice(0, o + 1);
+			return T && a.findIndex((e) => e.path === T.path) > o && E(e), s;
 		});
-	}, d[12] = T, d[13] = U);
+	}, u[12] = T, u[13] = U);
 	let W = U, G;
-	d[14] !== _.envKey || d[15] !== v ? (G = () => {
+	u[14] !== _.envKey || u[15] !== v ? (G = () => {
 		v.invalidateQueries({ queryKey: fileTreeKey(_.envKey) });
-	}, d[14] = _.envKey, d[15] = v, d[16] = G) : G = d[16];
+	}, u[14] = _.envKey, u[15] = v, u[16] = G) : G = u[16];
 	let K = G, q;
-	d[17] === D.data ? q = d[18] : (q = D.data ?? [], d[17] = D.data, d[18] = q);
+	u[17] === D.data ? q = u[18] : (q = D.data ?? [], u[17] = D.data, u[18] = q);
 	let J = D.isLoading && !D.data, Y = O.data?.content ?? null, X = O.isLoading && !!T, Z;
-	d[19] !== I || d[20] !== P || d[21] !== H || d[22] !== W || d[23] !== b || d[24] !== C || d[25] !== K || d[26] !== T || d[27] !== q || d[28] !== J || d[29] !== Y || d[30] !== X || d[31] !== D.error || d[32] !== D.isFetching ? (Z = {
+	u[19] !== I || u[20] !== P || u[21] !== H || u[22] !== W || u[23] !== b || u[24] !== C || u[25] !== K || u[26] !== T || u[27] !== q || u[28] !== J || u[29] !== Y || u[30] !== X || u[31] !== D.error || u[32] !== D.isFetching ? (Z = {
 		nodes: q,
 		isTreeLoading: J,
 		treeError: D.error,
@@ -96,12 +96,12 @@ function FileExplorerProvider(u) {
 		closeToRight: W,
 		clearSelection: I,
 		refreshTree: K
-	}, d[19] = I, d[20] = P, d[21] = H, d[22] = W, d[23] = b, d[24] = C, d[25] = K, d[26] = T, d[27] = q, d[28] = J, d[29] = Y, d[30] = X, d[31] = D.error, d[32] = D.isFetching, d[33] = Z) : Z = d[33];
+	}, u[19] = I, u[20] = P, u[21] = H, u[22] = W, u[23] = b, u[24] = C, u[25] = K, u[26] = T, u[27] = q, u[28] = J, u[29] = Y, u[30] = X, u[31] = D.error, u[32] = D.isFetching, u[33] = Z) : Z = u[33];
 	let Q = Z, $;
-	return d[34] !== h || d[35] !== Q ? ($ = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
+	return u[34] !== h || u[35] !== Q ? ($ = /* @__PURE__ */ jsx(FileExplorerContext.Provider, {
 		value: Q,
 		children: h
-	}), d[34] = h, d[35] = Q, d[36] = $) : $ = d[36], $;
+	}), u[34] = h, u[35] = Q, u[36] = $) : $ = u[36], $;
 }
 function useFileExplorer() {
 	let e = useContext(FileExplorerContext);

package/dist/features/git/components/WorkbenchGitPanel.js

@@ -5,6 +5,7 @@ import "../../../hooks/useProcessor.js";
 import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
 import { SidebarPanel } from "../../workbench/components/SidebarPanel.js";
 import "../../workbench/index.js";
+import { EnvironmentSelector } from "../../workbench/components/EnvironmentSelector.js";
 import { useGitInvalidation, useGitLog, useGitRemote, useGitStatus, useRemoveGitRemote } from "../hooks/useGit.js";
 import { GitBranchBadge } from "./GitBranchBadge.js";
 import { GitCommitList } from "./GitCommitList.js";
@@ -12,31 +13,33 @@ import { GitRemoteStatus } from "./GitRemoteStatus.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GitBranch, Loader2 } from "lucide-react";
-function WorkbenchGitPanel(y) {
-	let b = c(20), { workspaceId: x } = y, { panelSize: S, setPanelSize: C, closePanel: w } = useWorkbenchLayout(), { router: T } = useStudio(), { data: E, isLoading: D } = useGitStatus(x), { data: O, isLoading: k } = useGitLog(x), { data: A } = useGitRemote(x);
-	useGitInvalidation(x);
-	let j = useCreateWorkflow(), M = useRunWorkflow(), N = useRemoveGitRemote(), P = j.isPending || M.isPending, F;
-	b[0] !== j || b[1] !== T || b[2] !== M || b[3] !== x ? (F = () => {
-		x && j.mutate({
+function WorkbenchGitPanel(b) {
+	let x = c(21), { workspaceId: S } = b, { panelSize: C, setPanelSize: w, closePanel: T, selectedSlotId: E } = useWorkbenchLayout(), { router: D } = useStudio(), { data: O, isLoading: k } = useGitStatus(S, E), { data: A, isLoading: j } = useGitLog(S, 50, E), { data: M } = useGitRemote(S, E);
+	useGitInvalidation(S);
+	let N = useCreateWorkflow(), P = useRunWorkflow(), F = useRemoveGitRemote(), I = N.isPending || P.isPending, L;
+	x[0] !== N || x[1] !== D || x[2] !== P || x[3] !== S ? (L = () => {
+		S && N.mutate({
 			workflowName: "connectGitHub",
 			title: null,
-			workspaceId: x,
+			workspaceId: S,
 			transition: null,
 			args: {}
 		}, { onSuccess: (t) => {
-			M.mutate({ workflowId: t.id }, { onSuccess: () => {
-				T.navigateToWorkflow(t.id);
+			P.mutate({ workflowId: t.id }, { onSuccess: () => {
+				D.navigateToWorkflow(t.id);
 			} });
 		} });
-	}, b[0] = j, b[1] = T, b[2] = M, b[3] = x, b[4] = F) : F = b[4];
-	let I = F, L = D || k, R;
-	b[5] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }), b[5] = R) : R = b[5];
-	let z;
-	b[6] !== I || b[7] !== P || b[8] !== L || b[9] !== O?.commits || b[10] !== A || b[11] !== N || b[12] !== E || b[13] !== x ? (z = /* @__PURE__ */ jsx("div", {
+	}, x[0] = N, x[1] = D, x[2] = P, x[3] = S, x[4] = L) : L = x[4];
+	let R = L, z = k || j, B;
+	x[5] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(GitBranch, { className: "h-4 w-4" }), x[5] = B) : B = x[5];
+	let V;
+	x[6] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(EnvironmentSelector, {}), x[6] = V) : V = x[6];
+	let H;
+	x[7] !== R || x[8] !== I || x[9] !== z || x[10] !== A?.commits || x[11] !== M || x[12] !== F || x[13] !== O || x[14] !== S ? (H = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full flex-col",
-		children: /* @__PURE__ */ jsx("div", {
+		children: [V, /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto px-4 py-3",
-			children: L ? /* @__PURE__ */ jsxs("div", {
+			children: z ? /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 py-4",
 				children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground text-sm",
@@ -45,34 +48,34 @@ function WorkbenchGitPanel(y) {
 			}) : /* @__PURE__ */ jsxs("div", {
 				className: "space-y-4",
 				children: [
-					E && /* @__PURE__ */ jsx(GitBranchBadge, { status: E }),
+					O && /* @__PURE__ */ jsx(GitBranchBadge, { status: O }),
 					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h4", {
 						className: "mb-2 text-xs font-medium uppercase text-muted-foreground",
 						children: "Remote"
 					}), /* @__PURE__ */ jsx(GitRemoteStatus, {
-						remote: A,
-						onConnect: I,
-						isConnecting: P,
-						onRemove: x ? () => N.mutate({ workspaceId: x }) : void 0,
-						isRemoving: N.isPending
+						remote: M,
+						onConnect: R,
+						isConnecting: I,
+						onRemove: S ? () => F.mutate({ workspaceId: S }) : void 0,
+						isRemoving: F.isPending
 					})] }),
 					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h4", {
 						className: "mb-2 text-xs font-medium uppercase text-muted-foreground",
 						children: "Recent Commits"
-					}), /* @__PURE__ */ jsx(GitCommitList, { commits: O?.commits ?? [] })] })
+					}), /* @__PURE__ */ jsx(GitCommitList, { commits: A?.commits ?? [] })] })
 				]
 			})
-		})
-	}), b[6] = I, b[7] = P, b[8] = L, b[9] = O?.commits, b[10] = A, b[11] = N, b[12] = E, b[13] = x, b[14] = z) : z = b[14];
-	let B;
-	return b[15] !== w || b[16] !== S || b[17] !== C || b[18] !== z ? (B = /* @__PURE__ */ jsx(SidebarPanel, {
-		icon: R,
+		})]
+	}), x[7] = R, x[8] = I, x[9] = z, x[10] = A?.commits, x[11] = M, x[12] = F, x[13] = O, x[14] = S, x[15] = H) : H = x[15];
+	let U;
+	return x[16] !== T || x[17] !== C || x[18] !== w || x[19] !== H ? (U = /* @__PURE__ */ jsx(SidebarPanel, {
+		icon: B,
 		title: "Git",
 		description: "Source control for this workspace.",
-		size: S,
-		onSizeChange: C,
-		onClose: w,
-		children: z
-	}), b[15] = w, b[16] = S, b[17] = C, b[18] = z, b[19] = B) : B = b[19], B;
+		size: C,
+		onSizeChange: w,
+		onClose: T,
+		children: H
+	}), x[16] = T, x[17] = C, x[18] = w, x[19] = H, x[20] = U) : U = x[20], U;
 }
 export { WorkbenchGitPanel };

package/dist/features/git/hooks/useGit.js

@@ -6,47 +6,50 @@ import { c } from "react/compiler-runtime";
 import { useEffect } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 var gitPath = (e) => `/api/v1/workspaces/${e}/git`;
-function useGitStatus(r) {
-	let i = c(10), o = useLoopstackClient(), l;
-	i[0] !== o.envKey || i[1] !== r ? (l = queryKeys.gitStatus(o.envKey, r), i[0] = o.envKey, i[1] = r, i[2] = l) : l = i[2];
-	let u;
-	i[3] !== o.http || i[4] !== r ? (u = () => o.http.get(`${gitPath(r)}/status`), i[3] = o.http, i[4] = r, i[5] = u) : u = i[5];
-	let d = !!r, f;
-	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
-		queryKey: l,
-		queryFn: u,
-		enabled: d,
+function useGitStatus(r, i) {
+	let o = c(12), l = useLoopstackClient(), u;
+	o[0] !== l.envKey || o[1] !== i || o[2] !== r ? (u = [...queryKeys.gitStatus(l.envKey, r), i ?? ""], o[0] = l.envKey, o[1] = i, o[2] = r, o[3] = u) : u = o[3];
+	let d;
+	o[4] !== l.http || o[5] !== i || o[6] !== r ? (d = () => l.http.get(`${gitPath(r)}/status`, i ? { slotId: i } : void 0), o[4] = l.http, o[5] = i, o[6] = r, o[7] = d) : d = o[7];
+	let f = !!r, p;
+	return o[8] !== u || o[9] !== d || o[10] !== f ? (p = {
+		queryKey: u,
+		queryFn: d,
+		enabled: f,
 		staleTime: 3e4,
 		retry: !1
-	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+	}, o[8] = u, o[9] = d, o[10] = f, o[11] = p) : p = o[11], useQuery(p);
 }
-function useGitLog(r, i) {
-	let o = c(11), l = i === void 0 ? 50 : i, u = useLoopstackClient(), d;
-	o[0] !== u.envKey || o[1] !== r ? (d = queryKeys.gitLog(u.envKey, r), o[0] = u.envKey, o[1] = r, o[2] = d) : d = o[2];
-	let f;
-	o[3] !== u.http || o[4] !== l || o[5] !== r ? (f = () => u.http.get(`${gitPath(r)}/log`, { limit: l }), o[3] = u.http, o[4] = l, o[5] = r, o[6] = f) : f = o[6];
-	let p = !!r, m;
-	return o[7] !== d || o[8] !== f || o[9] !== p ? (m = {
-		queryKey: d,
-		queryFn: f,
-		enabled: p,
+function useGitLog(r, i, o) {
+	let l = c(13), u = i === void 0 ? 50 : i, d = useLoopstackClient(), f;
+	l[0] !== d.envKey || l[1] !== o || l[2] !== r ? (f = [...queryKeys.gitLog(d.envKey, r), o ?? ""], l[0] = d.envKey, l[1] = o, l[2] = r, l[3] = f) : f = l[3];
+	let p;
+	l[4] !== d.http || l[5] !== u || l[6] !== o || l[7] !== r ? (p = () => d.http.get(`${gitPath(r)}/log`, {
+		limit: u,
+		...o ? { slotId: o } : {}
+	}), l[4] = d.http, l[5] = u, l[6] = o, l[7] = r, l[8] = p) : p = l[8];
+	let m = !!r, h;
+	return l[9] !== f || l[10] !== p || l[11] !== m ? (h = {
+		queryKey: f,
+		queryFn: p,
+		enabled: m,
 		staleTime: 3e4,
 		retry: !1
-	}, o[7] = d, o[8] = f, o[9] = p, o[10] = m) : m = o[10], useQuery(m);
+	}, l[9] = f, l[10] = p, l[11] = m, l[12] = h) : h = l[12], useQuery(h);
 }
-function useGitRemote(r) {
-	let i = c(10), o = useLoopstackClient(), l;
-	i[0] !== o.envKey || i[1] !== r ? (l = queryKeys.gitRemote(o.envKey, r), i[0] = o.envKey, i[1] = r, i[2] = l) : l = i[2];
-	let u;
-	i[3] !== o.http || i[4] !== r ? (u = () => o.http.get(`${gitPath(r)}/remote`), i[3] = o.http, i[4] = r, i[5] = u) : u = i[5];
-	let d = !!r, f;
-	return i[6] !== l || i[7] !== u || i[8] !== d ? (f = {
-		queryKey: l,
-		queryFn: u,
-		enabled: d,
+function useGitRemote(r, i) {
+	let o = c(12), l = useLoopstackClient(), u;
+	o[0] !== l.envKey || o[1] !== i || o[2] !== r ? (u = [...queryKeys.gitRemote(l.envKey, r), i ?? ""], o[0] = l.envKey, o[1] = i, o[2] = r, o[3] = u) : u = o[3];
+	let d;
+	o[4] !== l.http || o[5] !== i || o[6] !== r ? (d = () => l.http.get(`${gitPath(r)}/remote`, i ? { slotId: i } : void 0), o[4] = l.http, o[5] = i, o[6] = r, o[7] = d) : d = o[7];
+	let f = !!r, p;
+	return o[8] !== u || o[9] !== d || o[10] !== f ? (p = {
+		queryKey: u,
+		queryFn: d,
+		enabled: f,
 		staleTime: 6e4,
 		retry: !1
-	}, i[6] = l, i[7] = u, i[8] = d, i[9] = f) : f = i[9], useQuery(f);
+	}, o[8] = u, o[9] = d, o[10] = f, o[11] = p) : p = o[11], useQuery(p);
 }
 function useGitInvalidation(i) {
 	let a = c(5), s = useLoopstackClient(), l = useQueryClient(), u, d;

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