@loopstack/loopstack-studio 0.29.4 → 0.30.0

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

@@ -1,6 +1,7 @@
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
-import Form_default from "../../../components/dynamic-form/Form.js";
 import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import Form_default from "../../../components/dynamic-form/Form.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,9 +9,9 @@ import { Loader2 } from "lucide-react";
 import { useForm } from "react-hook-form";
 import "zod";
 function resolveFormConfig(e) {
-	let s = e, l = (s?.widgets)?.find((e) => e.widget === "form");
-	if (l?.options) {
-		let e = l.options;
+	let d = e, f = (d?.widgets)?.find((e) => e.widget === "form");
+	if (f?.options) {
+		let e = f.options;
 		return {
 			formUi: { form: {
 				properties: e.properties,
@@ -24,82 +25,73 @@ function resolveFormConfig(e) {
 	}
 	return {
 		formUi: e,
-		actions: (s?.actions ?? []).map((e) => ({
+		actions: (d?.actions ?? []).map((e) => ({
 			type: "button",
 			transition: e.options?.transition,
 			label: e.options?.label
 		}))
 	};
 }
-var DocumentFormRenderer_default = (d) => {
-	let m = c(40), { parentWorkflow: h, workflow: g, document: _, enabled: v, viewOnly: y } = d, b = useRunWorkflow(), x;
-	m[0] !== _.content || m[1] !== _.schema.type ? (x = _.schema.type === "object" ? _.content : { raw: _.content }, m[0] = _.content, m[1] = _.schema.type, m[2] = x) : x = m[2];
-	let S;
-	m[3] === x ? S = m[4] : (S = {
-		defaultValues: x,
+var DocumentFormRenderer_default = (m) => {
+	let h = c(15), { parentWorkflow: g, workflow: _, document: v, enabled: y, viewOnly: b } = m, x = useRunWorkflow(), S = useDocumentConfigs().get(v.documentName), C = S?.schema, w = C?.type === "object" ? v.content : { raw: v.content }, T;
+	h[0] === w ? T = h[1] : (T = {
+		defaultValues: w,
 		mode: "onChange"
-	}, m[3] = x, m[4] = S);
-	let C = useForm(S), w, T;
-	m[5] !== _.validationError || m[6] !== C ? (w = () => {
-		_.validationError ? _.validationError.issues.forEach((e) => {
-			let s = e.path.join(".");
-			C.setError(s, {
+	}, h[0] = w, h[1] = T);
+	let E = useForm(T), D, O;
+	h[2] !== v.validationError || h[3] !== E ? (D = () => {
+		v.validationError ? v.validationError.issues.forEach((e) => {
+			let d = e.path.join(".");
+			E.setError(d, {
 				type: e.code,
 				message: e.message
 			});
-		}) : C.clearErrors();
-	}, T = [_.validationError, C], m[5] = _.validationError, m[6] = C, m[7] = w, m[8] = T) : (w = m[7], T = m[8]), useEffect(w, T);
-	let E, D, O, k, A, j, M, N, P;
-	if (m[9] !== _.meta || m[10] !== _.schema || m[11] !== _.ui || m[12] !== v || m[13] !== C || m[14] !== h || m[15] !== b || m[16] !== y || m[17] !== g.availableTransitions || m[18] !== g.id) {
-		let l = g.availableTransitions?.map(_temp) ?? [], u = (e, s) => {
-			if (!l.includes(e)) {
-				console.error(`Transition ${e} not available.`);
-				return;
-			}
-			b.mutate({
-				workflowId: h.id,
-				runWorkflowPayloadDto: { transition: {
-					id: e,
-					workflowId: g.id,
-					payload: s
-				} }
-			});
-		}, d = (e) => (s) => {
-			_.schema.type === "object" ? u(e, s) : u(e, s.raw);
-		}, f = (e) => {
-			e.transition && C.handleSubmit((s) => d(e.transition)(s), _temp2)();
-		}, { formUi: p, actions: x } = resolveFormConfig(_.ui), S = _.schema, w = !!p?.form?.disabled, T = !v || w || !1;
-		k = "flex", E = Form_default, A = C, j = S, M = p ?? void 0, N = _.meta?.mimeType, P = T, D = y, O = !y && x.length > 0 ? /* @__PURE__ */ jsx("div", {
-			className: "flex w-full flex-col items-end gap-4",
-			children: x.map((s, u) => {
-				let d = T || s.transition !== void 0 && !l.includes(s.transition);
-				return /* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					variant: s.variant ?? "default",
-					disabled: d || b.isPending,
-					onClick: () => f(s),
-					className: s.type === "button-full-w" ? "w-full" : "w-48",
-					...s.props ?? {},
-					children: [b.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), s.label ?? "Submit"]
-				}, u);
-			})
-		}) : void 0, m[9] = _.meta, m[10] = _.schema, m[11] = _.ui, m[12] = v, m[13] = C, m[14] = h, m[15] = b, m[16] = y, m[17] = g.availableTransitions, m[18] = g.id, m[19] = E, m[20] = D, m[21] = O, m[22] = k, m[23] = A, m[24] = j, m[25] = M, m[26] = N, m[27] = P;
-	} else E = m[19], D = m[20], O = m[21], k = m[22], A = m[23], j = m[24], M = m[25], N = m[26], P = m[27];
-	let F;
-	m[28] !== E || m[29] !== D || m[30] !== O || m[31] !== A || m[32] !== j || m[33] !== M || m[34] !== N || m[35] !== P ? (F = /* @__PURE__ */ jsx(E, {
-		form: A,
-		schema: j,
-		ui: M,
-		mimeType: N,
-		disabled: P,
-		viewOnly: D,
-		actions: O
-	}), m[28] = E, m[29] = D, m[30] = O, m[31] = A, m[32] = j, m[33] = M, m[34] = N, m[35] = P, m[36] = F) : F = m[36];
-	let I;
-	return m[37] !== k || m[38] !== F ? (I = /* @__PURE__ */ jsx("div", {
-		className: k,
-		children: F
-	}), m[37] = k, m[38] = F, m[39] = I) : I = m[39], I;
+		}) : E.clearErrors();
+	}, O = [v.validationError, E], h[2] = v.validationError, h[3] = E, h[4] = D, h[5] = O) : (D = h[4], O = h[5]), useEffect(D, O);
+	let k = _.availableTransitions?.map(_temp) ?? [], A = (e, d) => {
+		if (!k.includes(e)) {
+			console.error(`Transition ${e} not available.`);
+			return;
+		}
+		x.mutate({
+			workflowId: g.id,
+			runWorkflowPayloadDto: { transition: {
+				id: e,
+				workflowId: _.id,
+				payload: d
+			} }
+		});
+	}, j = (e) => (d) => {
+		C?.type === "object" ? A(e, d) : A(e, d.raw);
+	}, M = (e) => {
+		e.transition && E.handleSubmit((d) => j(e.transition)(d), _temp2)();
+	}, { formUi: N, actions: P } = resolveFormConfig(S?.ui), F = !!N?.form?.disabled, I = !y || F || !1, L = Form_default, R = C ?? {}, z = N ?? void 0, B = S?.meta?.mimeType, V = !b && P.length > 0 ? /* @__PURE__ */ jsx("div", {
+		className: "flex w-full flex-col items-end gap-4",
+		children: P.map((e, f) => {
+			let p = I || e.transition !== void 0 && !k.includes(e.transition);
+			return /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: e.variant ?? "default",
+				disabled: p || x.isPending,
+				onClick: () => M(e),
+				className: e.type === "button-full-w" ? "w-full" : "w-48",
+				...e.props ?? {},
+				children: [x.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), e.label ?? "Submit"]
+			}, f);
+		})
+	}) : void 0, H;
+	return h[6] !== L || h[7] !== I || h[8] !== E || h[9] !== R || h[10] !== z || h[11] !== B || h[12] !== V || h[13] !== b ? (H = /* @__PURE__ */ jsx("div", {
+		className: "flex",
+		children: /* @__PURE__ */ jsx(L, {
+			form: E,
+			schema: R,
+			ui: z,
+			mimeType: B,
+			disabled: I,
+			viewOnly: b,
+			actions: V
+		})
+	}), h[6] = L, h[7] = I, h[8] = E, h[9] = R, h[10] = z, h[11] = B, h[12] = V, h[13] = b, h[14] = H) : H = h[14], H;
 };
 function _temp(e) {
 	return e.id;

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

@@ -1,89 +1,94 @@
 import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
 import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/loopstack-elements/tool.js";
+import { FadeInBlock } from "../../../components/motion/FadeIn.js";
+import { StreamingText } from "../../../components/motion/StreamingText.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
-var LlmMessage_default = (y) => {
-	let b = c(15), { document: x } = y, S = x.content, C = S.id ?? x.id;
+var CopyActions = (e) => {
+	let g = c(5), { text: _ } = e, v;
+	g[0] === _ ? v = g[1] : (v = () => void navigator.clipboard.writeText(_), g[0] = _, g[1] = v);
+	let y;
+	g[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" }), g[2] = y) : y = g[2];
+	let b;
+	return g[3] === v ? b = g[4] : (b = /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
+		onClick: v,
+		label: "Copy",
+		children: y
+	}) }) }), g[3] = v, g[4] = b), b;
+}, LlmMessage_default = (m) => {
+	let h = c(18), { document: x } = m, S = x.content, C = S.id ?? x.id, w = !!x.meta?.streaming;
 	if (typeof S.content == "string") {
 		let m;
-		b[0] === S.content ? m = b[1] : (m = /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), b[0] = S.content, b[1] = m);
-		let h;
-		b[2] !== S.content || b[3] !== S.role ? (h = S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-			onClick: () => void navigator.clipboard.writeText(S.content),
-			label: "Copy",
-			children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
-		}) }), b[2] = S.content, b[3] = S.role, b[4] = h) : h = b[4];
-		let g;
-		return b[5] !== S.role || b[6] !== m || b[7] !== h ? (g = /* @__PURE__ */ jsxs(Message, {
+		h[0] !== w || h[1] !== S.content ? (m = /* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: S.content }) : /* @__PURE__ */ jsx(MessageResponse, { children: S.content }) }), h[0] = w, h[1] = S.content, h[2] = m) : m = h[2];
+		let v;
+		h[3] !== w || h[4] !== S.content || h[5] !== S.role ? (v = S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: S.content }), h[3] = w, h[4] = S.content, h[5] = S.role, h[6] = v) : v = h[6];
+		let y;
+		return h[7] !== S.role || h[8] !== m || h[9] !== v ? (y = /* @__PURE__ */ jsxs(Message, {
 			from: S.role,
-			children: [m, h]
-		}), b[5] = S.role, b[6] = m, b[7] = h, b[8] = g) : g = b[8], g;
+			children: [m, v]
+		}), h[7] = S.role, h[8] = m, h[9] = v, h[10] = y) : y = h[10], y;
 	}
-	let w = S.content, T;
-	b[9] !== w || b[10] !== S.role || b[11] !== C ? (T = w.map((_, v) => {
-		switch (_.type) {
+	let T = S.content, E;
+	h[11] !== T || h[12] !== w || h[13] !== S.role || h[14] !== C ? (E = T.map((m, h) => {
+		switch (m.type) {
 			case "text": return /* @__PURE__ */ jsxs(Message, {
 				from: S.role,
-				children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: _.text }) }), S.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
-					onClick: () => void navigator.clipboard.writeText(_.text),
-					label: "Copy",
-					children: /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
-				}) })]
-			}, `${C}-${v}`);
+				children: [/* @__PURE__ */ jsx(MessageContent, { children: w ? /* @__PURE__ */ jsx(StreamingText, { text: m.text }) : /* @__PURE__ */ jsx(MessageResponse, { children: m.text }) }), S.role === "assistant" && !w && /* @__PURE__ */ jsx(CopyActions, { text: m.text })]
+			}, `${C}-${h}`);
 			case "thinking": return /* @__PURE__ */ jsxs(Reasoning, {
 				className: "w-full",
-				isStreaming: !1,
-				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: _.text })]
-			}, `${C}-${v}`);
-			case "tool_call": return /* @__PURE__ */ jsx(Message, {
+				isStreaming: w,
+				children: [/* @__PURE__ */ jsx(ReasoningTrigger, {}), /* @__PURE__ */ jsx(ReasoningContent, { children: m.text })]
+			}, `${C}-${h}`);
+			case "tool_call": return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 				from: "assistant",
 				children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
 					state: "input-available",
-					title: _.name,
+					title: m.name,
 					type: "tool-call"
-				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: _.args }) })] })
-			}, `${C}-${v}`);
+				}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolInput, { input: m.args }) })] })
+			}) }, `${C}-${h}`);
 			case "tool_result": {
-				let p;
+				let g;
 				try {
-					p = JSON.parse(_.content);
+					g = JSON.parse(m.content);
 				} catch {
-					p = _.content;
+					g = m.content;
 				}
-				return /* @__PURE__ */ jsx(Message, {
+				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: _.isError ? "output-error" : "output-available",
+						state: m.isError ? "output-error" : "output-available",
 						title: "Tool Result",
 						type: "tool-call"
 					}), /* @__PURE__ */ jsx(ToolContent, { children: /* @__PURE__ */ jsx(ToolOutput, {
-						output: p,
-						errorText: _.isError ? _.content : ""
+						output: g,
+						errorText: m.isError ? m.content : ""
 					}) })] })
-				}, `${C}-${v}`);
+				}) }, `${C}-${h}`);
 			}
 			case "server_tool_use": {
-				let p = w.find((e) => e.type === "server_tool_result" && e.toolUseId === _.id);
-				return /* @__PURE__ */ jsx(Message, {
+				let g = T.find((e) => e.type === "server_tool_result" && e.toolUseId === m.id);
+				return /* @__PURE__ */ jsx(FadeInBlock, { children: /* @__PURE__ */ jsx(Message, {
 					from: "assistant",
 					children: /* @__PURE__ */ jsxs(Tool, { children: [/* @__PURE__ */ jsx(ToolHeader, {
-						state: p ? "output-available" : "input-available",
-						title: _.name,
+						state: g ? "output-available" : "input-available",
+						title: m.name,
 						type: "tool-call"
-					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: _.input }), p && /* @__PURE__ */ jsx(ToolOutput, {
-						output: p.content,
+					}), /* @__PURE__ */ jsxs(ToolContent, { children: [/* @__PURE__ */ jsx(ToolInput, { input: m.input }), g && /* @__PURE__ */ jsx(ToolOutput, {
+						output: g.content,
 						errorText: ""
 					})] })] })
-				}, `${C}-${v}`);
+				}) }, `${C}-${h}`);
 			}
 			case "server_tool_result": return null;
 			default: return null;
 		}
-	}), b[9] = w, b[10] = S.role, b[11] = C, b[12] = T) : T = b[12];
-	let E;
-	return b[13] === T ? E = b[14] : (E = /* @__PURE__ */ jsx(Fragment, { children: T }), b[13] = T, b[14] = E), E;
+	}), h[11] = T, h[12] = w, h[13] = S.role, h[14] = C, h[15] = E) : E = h[15];
+	let D;
+	return h[16] === E ? D = h[17] : (D = /* @__PURE__ */ jsx(Fragment, { children: E }), h[16] = E, h[17] = D), D;
 };
 export { LlmMessage_default as default };

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

@@ -1,3 +1,4 @@
+import { useDocumentConfigs } from "../../../hooks/useConfig.js";
 import { Button } from "../../../components/ui/button.js";
 import { Textarea } from "../../../components/ui/textarea.js";
 import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
@@ -7,51 +8,53 @@ import { c } from "react/compiler-runtime";
 import React, { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
-var TextPromptRenderer_default = (f) => {
-	let p = c(20), { parentWorkflow: m, workflow: h, document: g, isActive: _ } = f, v = g.content, { submit: y, canSubmit: b, isLoading: x } = useDocumentTransition(m, h, g.ui), [S, C] = useState(""), w = !!v.answer, T = !_ || !b || w, E;
-	p[0] !== y || p[1] !== S ? (E = () => {
-		let e = S.trim();
-		e && y({ answer: e });
-	}, p[0] = y, p[1] = S, p[2] = E) : E = p[2];
-	let D = E, O;
-	p[3] === g.createdAt ? O = p[4] : (O = new Date(g.createdAt), p[3] = g.createdAt, p[4] = O);
-	let k;
-	p[5] === v.question ? k = p[6] : (k = /* @__PURE__ */ jsx(MarkdownContent_default, { content: v.question }), p[5] = v.question, p[6] = k);
-	let A;
-	p[7] !== v.answer || p[8] !== T || p[9] !== D || p[10] !== w || p[11] !== x || p[12] !== S ? (A = w ? /* @__PURE__ */ jsxs("div", {
+var TextPromptRenderer_default = (p) => {
+	let m = c(23), { parentWorkflow: h, workflow: g, document: _, isActive: v } = p, y = _.content, b = useDocumentConfigs(), x;
+	m[0] !== _.documentName || m[1] !== b ? (x = b.get(_.documentName), m[0] = _.documentName, m[1] = b, m[2] = x) : x = m[2];
+	let { submit: S, canSubmit: C, isLoading: w } = useDocumentTransition(h, g, x), [T, E] = useState(""), D = !!y.answer, O = !v || !C || D, k;
+	m[3] !== S || m[4] !== T ? (k = () => {
+		let e = T.trim();
+		e && S({ answer: e });
+	}, m[3] = S, m[4] = T, m[5] = k) : k = m[5];
+	let A = k, j;
+	m[6] === _.createdAt ? j = m[7] : (j = new Date(_.createdAt), m[6] = _.createdAt, m[7] = j);
+	let M;
+	m[8] === y.question ? M = m[9] : (M = /* @__PURE__ */ jsx(MarkdownContent_default, { content: y.question }), m[8] = y.question, m[9] = M);
+	let N;
+	m[10] !== y.answer || m[11] !== O || m[12] !== A || m[13] !== D || m[14] !== w || m[15] !== T ? (N = D ? /* @__PURE__ */ jsxs("div", {
 		className: "text-muted-foreground text-sm",
 		children: ["Answered: ", /* @__PURE__ */ jsx("span", {
 			className: "text-foreground font-medium",
-			children: v.answer
+			children: y.answer
 		})]
 	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Textarea, {
 		placeholder: "Type your answer...",
-		value: S,
-		onChange: (e) => C(e.target.value),
-		disabled: T,
+		value: T,
+		onChange: (e) => E(e.target.value),
+		disabled: O,
 		rows: 3
 	}), /* @__PURE__ */ jsx("div", {
 		className: "flex justify-end",
 		children: /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "default",
-			disabled: T || x || !S.trim(),
-			onClick: D,
+			disabled: O || w || !T.trim(),
+			onClick: A,
 			className: "w-48",
-			children: [x && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submit"]
+			children: [w && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submit"]
 		})
-	})] }), p[7] = v.answer, p[8] = T, p[9] = D, p[10] = w, p[11] = x, p[12] = S, p[13] = A) : A = p[13];
-	let j;
-	p[14] !== k || p[15] !== A ? (j = /* @__PURE__ */ jsxs("div", {
+	})] }), m[10] = y.answer, m[11] = O, m[12] = A, m[13] = D, m[14] = w, m[15] = T, m[16] = N) : N = m[16];
+	let P;
+	m[17] !== M || m[18] !== N ? (P = /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4 p-1",
-		children: [k, A]
-	}), p[14] = k, p[15] = A, p[16] = j) : j = p[16];
-	let M;
-	return p[17] !== O || p[18] !== j ? (M = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		children: [M, N]
+	}), m[17] = M, m[18] = N, m[19] = P) : P = m[19];
+	let F;
+	return m[20] !== j || m[21] !== P ? (F = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
 		role: "document",
 		fullWidth: !0,
-		timestamp: O,
-		children: j
-	}), p[17] = O, p[18] = j, p[19] = M) : M = p[19], M;
+		timestamp: j,
+		children: P
+	}), m[20] = j, m[21] = P, m[22] = F) : F = m[22], F;
 };
 export { TextPromptRenderer_default as default };

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

@@ -2,14 +2,14 @@ import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import { c } from "react/compiler-runtime";
 import { useCallback } from "react";
 function resolveTransition(e) {
-	let r = e, i = r?.widgets;
-	return i?.[0]?.options?.transition ? i[0].options.transition : (r?.actions)?.map((e) => e.options?.transition).find((e) => !!e);
+	let r = e?.widgets;
+	if (r?.[0]?.options?.transition) return r[0].options.transition;
 }
 function useDocumentTransition(i, a, o) {
 	let s = c(14), l = useRunWorkflow(), u, d;
-	if (s[0] !== o || s[1] !== a.availableTransitions) {
+	if (s[0] !== o?.ui || s[1] !== a.availableTransitions) {
 		let e = a.availableTransitions?.map(_temp) ?? [];
-		d = resolveTransition(o), u = !!d && e.includes(d), s[0] = o, s[1] = a.availableTransitions, s[2] = u, s[3] = d;
+		d = resolveTransition(o?.ui), u = !!d && e.includes(d), s[0] = o?.ui, s[1] = a.availableTransitions, s[2] = u, s[3] = d;
 	} else u = s[2], d = s[3];
 	let f = u, p;
 	s[4] !== f || s[5] !== i.id || s[6] !== l || s[7] !== d || s[8] !== a.id ? (p = (e) => {

package/dist/features/feature-registry/FeatureRegistryProvider.js

@@ -1,17 +1,39 @@
+import { useAppsConfig } from "../../hooks/useConfig.js";
+import { AVAILABLE_FEATURES } from "./available-features.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-var FeatureRegistryContext = createContext([]);
-function FeatureRegistryProvider(r) {
-	let i = c(5), { features: a, children: o } = r, s;
-	i[0] === a ? s = i[1] : (s = a === void 0 ? [] : a, i[0] = a, i[1] = s);
-	let l = s, u;
-	return i[2] !== o || i[3] !== l ? (u = /* @__PURE__ */ jsx(FeatureRegistryContext.Provider, {
-		value: l,
-		children: o
-	}), i[2] = o, i[3] = l, i[4] = u) : u = i[4], u;
+var FeatureRegistryContext = createContext([]), BackendFeaturesContext = createContext([]);
+function resolveFeatures(e, o) {
+	return e?.length ? e.filter((e) => e.enabled !== !1).map((e) => AVAILABLE_FEATURES[e.id]).filter(Boolean) : o;
+}
+function FeatureRegistryProvider(a) {
+	let s = c(13), { features: l, children: u } = a, d;
+	s[0] === l ? d = s[1] : (d = l === void 0 ? [] : l, s[0] = l, s[1] = d);
+	let f = d, { data: p } = useAppsConfig(), m = p?.[0]?.features, h;
+	s[2] !== m || s[3] !== f ? (h = resolveFeatures(m, f), s[2] = m, s[3] = f, s[4] = h) : h = s[4];
+	let g = h, _;
+	s[5] === m ? _ = s[6] : (_ = m ?? [], s[5] = m, s[6] = _);
+	let v = _, y;
+	s[7] !== g || s[8] !== u ? (y = /* @__PURE__ */ jsx(FeatureRegistryContext.Provider, {
+		value: g,
+		children: u
+	}), s[7] = g, s[8] = u, s[9] = y) : y = s[9];
+	let b;
+	return s[10] !== v || s[11] !== y ? (b = /* @__PURE__ */ jsx(BackendFeaturesContext.Provider, {
+		value: v,
+		children: y
+	}), s[10] = v, s[11] = y, s[12] = b) : b = s[12], b;
 }
 function useFeatureRegistry() {
 	return useContext(FeatureRegistryContext);
 }
-export { FeatureRegistryProvider, useFeatureRegistry };
+function useFeatureConfig(e) {
+	let a = c(5), s = useContext(BackendFeaturesContext), u;
+	if (a[0] !== e || a[1] !== s) {
+		let o;
+		a[3] === e ? o = a[4] : (o = (a) => a.id === e, a[3] = e, a[4] = o), u = s.find(o), a[0] = e, a[1] = s, a[2] = u;
+	} else u = a[2];
+	return u;
+}
+export { FeatureRegistryProvider, useFeatureConfig, useFeatureRegistry };

package/dist/features/feature-registry/available-features.js

@@ -0,0 +1,12 @@
+import { fileExplorerFeature } from "../file-explorer/file-explorer-feature.js";
+import "../file-explorer/index.js";
+import { gitFeature } from "../git/git-feature.js";
+import "../git/index.js";
+import { secretsFeature } from "../secrets/secrets-feature.js";
+import "../secrets/index.js";
+const AVAILABLE_FEATURES = {
+	git: gitFeature,
+	fileExplorer: fileExplorerFeature,
+	secrets: secretsFeature
+};
+export { AVAILABLE_FEATURES };

package/dist/features/feature-registry/index.js

@@ -1 +1,2 @@
-import { FeatureRegistryProvider, useFeatureRegistry } from "./FeatureRegistryProvider.js";
+import { AVAILABLE_FEATURES } from "./available-features.js";
+import { FeatureRegistryProvider, useFeatureConfig, useFeatureRegistry } from "./FeatureRegistryProvider.js";