@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/api/config.js

@@ -1,9 +1,9 @@
 function createConfigApi(e) {
 	return {
 		getWorkspaceTypes: () => e.get("/api/v1/config/workspaces").then((e) => e.data),
-		getPipelineTypesByWorkspace: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines`).then((e) => e.data),
-		getPipelineConfigByName: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines/${encodeURIComponent(t.pipelineName)}`).then((e) => e.data),
-		getPipelineSourceByName: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/pipelines/${encodeURIComponent(t.pipelineName)}/source`).then((e) => e.data),
+		getWorkflowTypesByWorkspace: (t) => e.get(`/api/v1/config/workspaces/${encodeURIComponent(t.workspaceBlockName)}/workflows`).then((e) => e.data),
+		getWorkflowConfig: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.alias)}`).then((e) => e.data),
+		getWorkflowSource: (t) => e.get(`/api/v1/config/workflows/${encodeURIComponent(t.alias)}/source`).then((e) => e.data),
 		getAvailableEnvironments: () => e.get("/api/v1/config/environments").then((e) => e.data)
 	};
 }

package/dist/api/index.js

@@ -2,23 +2,21 @@ import { createAuthApi } from "./auth.js";
 import { createConfigApi } from "./config.js";
 import { createDashboardApi } from "./dashboard.js";
 import { createDocumentsApi } from "./documents.js";
-import { createNamespacesApi } from "./namespaces.js";
-import { createPipelinesApi } from "./pipelines.js";
 import { createProcessorApi } from "./processor.js";
+import { createSecretsApi } from "./secrets.js";
 import { createWorkflowsApi } from "./workflows.js";
 import { createWorkspacesApi } from "./workspaces.js";
 import { createAxiosClient } from "./client.js";
-function createApi(u) {
+function createApi(l) {
 	return {
-		auth: createAuthApi(u),
-		config: createConfigApi(u),
-		dashboard: createDashboardApi(u),
-		documents: createDocumentsApi(u),
-		namespaces: createNamespacesApi(u),
-		pipelines: createPipelinesApi(u),
-		processor: createProcessorApi(u),
-		workflows: createWorkflowsApi(u),
-		workspaces: createWorkspacesApi(u)
+		auth: createAuthApi(l),
+		config: createConfigApi(l),
+		dashboard: createDashboardApi(l),
+		documents: createDocumentsApi(l),
+		processor: createProcessorApi(l),
+		secrets: createSecretsApi(l),
+		workflows: createWorkflowsApi(l),
+		workspaces: createWorkspacesApi(l)
 	};
 }
 export { createApi };

package/dist/api/processor.js

@@ -1,4 +1,4 @@
 function createProcessorApi(e) {
-	return { runPipeline: (t) => e.post(`/api/v1/processor/run/${t.pipelineId}`, t.runPipelinePayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data) };
+	return { runWorkflow: (t) => e.post(`/api/v1/processor/run/${t.workflowId}`, t.runWorkflowPayloadDto, t.force === void 0 ? void 0 : { params: { force: t.force } }).then((e) => e.data) };
 }
 export { createProcessorApi };

package/dist/api/secrets.js

@@ -0,0 +1,16 @@
+function createSecretsApi(e) {
+	return {
+		getByWorkspaceId: (t) => e.get(`/api/v1/workspaces/${t.workspaceId}/secrets`).then((e) => e.data),
+		create: (t) => e.post(`/api/v1/workspaces/${t.workspaceId}/secrets`, {
+			key: t.key,
+			value: t.value
+		}).then((e) => e.data),
+		upsert: (t) => e.put(`/api/v1/workspaces/${t.workspaceId}/secrets/upsert`, {
+			key: t.key,
+			value: t.value
+		}).then((e) => e.data),
+		update: (t) => e.put(`/api/v1/workspaces/${t.workspaceId}/secrets/${t.id}`, { value: t.value }).then((e) => e.data),
+		delete: (t) => e.delete(`/api/v1/workspaces/${t.workspaceId}/secrets/${t.id}`).then((e) => e.data)
+	};
+}
+export { createSecretsApi };

package/dist/api/workflows.js

@@ -2,7 +2,13 @@ function createWorkflowsApi(e) {
 	return {
 		getById: (t) => e.get(`/api/v1/workflows/${t.id}`).then((e) => e.data),
 		getAll: (t) => e.get("/api/v1/workflows", { params: t }).then((e) => e.data),
-		delete: (t) => e.delete(`/api/v1/workflows/${t.id}`).then((e) => e.data)
+		create: (t) => e.post("/api/v1/workflows", t.workflowCreateDto).then((e) => e.data),
+		update: (t) => e.put(`/api/v1/workflows/${t.id}`, t.workflowUpdateDto).then((e) => e.data),
+		delete: (t) => e.delete(`/api/v1/workflows/id/${t.id}`).then((e) => e.data),
+		batchDelete: (t) => e.delete("/api/v1/workflows/batch", { data: { ids: t.ids } }).then((e) => e.data),
+		getFileTree: (t) => e.get(`/api/v1/files/workflows/${t.workflowId}`).then((e) => e.data),
+		getFileContent: (t) => e.get(`/api/v1/files/workflows/${t.workflowId}/${t.filePath}`).then((e) => e.data),
+		getCheckpoints: (t) => e.get(`/api/v1/workflows/${t.id}/checkpoints`).then((e) => e.data)
 	};
 }
 export { createWorkflowsApi };

package/dist/components/dynamic-form/ArrayController.js

@@ -1,4 +1,5 @@
 import { Button } from "../ui/button.js";
+import { Card, CardContent } from "../ui/card.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
 import { useArrayDefaultValue } from "./hooks/useArrayDefaultValue.js";
 import { useMergeParentKey } from "./hooks/useMergeParentKey.js";
@@ -8,93 +9,96 @@ import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronRight, Plus, Trash2 } from "lucide-react";
 import { useFieldArray } from "react-hook-form";
-const ArrayController = (_) => {
-	let v = c(45), { name: y, schema: b, ui: x, form: S, disabled: C, parentKey: w, viewOnly: T } = _, E = useMergeParentKey(w, y), [D, O] = useState(!(x?.collapsed ?? !1)), k = E ?? "", A;
-	v[0] !== S.control || v[1] !== k ? (A = {
-		control: S.control,
-		name: k
-	}, v[0] = S.control, v[1] = k, v[2] = A) : A = v[2];
-	let { fields: j, append: M, remove: N } = useFieldArray(A), P = useArrayDefaultValue(b.items), F;
-	v[3] === D ? F = v[4] : (F = jsx(D ? ChevronDown : ChevronRight, { className: "h-4 w-4" }), v[3] = D, v[4] = F);
-	let I = x?.title ?? b.title ?? y, L;
-	v[5] !== j.length || v[6] !== D ? (L = !D && /* @__PURE__ */ jsxs("span", {
+const ArrayController = (y) => {
+	let b = c(48), { name: x, schema: S, ui: C, form: w, disabled: T, parentKey: E, viewOnly: D } = y, O = useMergeParentKey(E, x), k = C?.collapsed ?? !1, A = C?.fixed ?? !1, [j, M] = useState(!k), N = O ?? "", P;
+	b[0] !== w.control || b[1] !== N ? (P = {
+		control: w.control,
+		name: N
+	}, b[0] = w.control, b[1] = N, b[2] = P) : P = b[2];
+	let { fields: F, append: I, remove: L } = useFieldArray(P), R = useArrayDefaultValue(S.items), z;
+	b[3] === j ? z = b[4] : (z = jsx(j ? ChevronDown : ChevronRight, { className: "h-4 w-4" }), b[3] = j, b[4] = z);
+	let B = C?.title ?? S.title ?? x, V;
+	b[5] !== F.length || b[6] !== j ? (V = !j && /* @__PURE__ */ jsxs("span", {
 		className: "ml-2 text-sm text-gray-500",
 		children: [
 			"(",
-			j.length,
+			F.length,
 			" ",
-			j.length === 1 ? "item" : "items",
+			F.length === 1 ? "item" : "items",
 			")"
 		]
-	}), v[5] = j.length, v[6] = D, v[7] = L) : L = v[7];
-	let R;
-	v[8] !== I || v[9] !== L ? (R = /* @__PURE__ */ jsxs("span", {
+	}), b[5] = F.length, b[6] = j, b[7] = V) : V = b[7];
+	let H;
+	b[8] !== B || b[9] !== V ? (H = /* @__PURE__ */ jsxs("span", {
 		className: "font-medium",
-		children: [I, L]
-	}), v[8] = I, v[9] = L, v[10] = R) : R = v[10];
-	let z;
-	v[11] !== F || v[12] !== R ? (z = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		children: [B, V]
+	}), b[8] = B, b[9] = V, b[10] = H) : H = b[10];
+	let U;
+	b[11] !== z || b[12] !== H ? (U = /* @__PURE__ */ jsx(CollapsibleTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsxs(Button, {
 			variant: "ghost",
 			size: "sm",
 			className: "mb-2 flex items-center gap-2 p-2 hover:bg-gray-100",
 			type: "button",
-			children: [F, R]
+			children: [z, H]
 		})
-	}), v[11] = F, v[12] = R, v[13] = z) : z = v[13];
-	let B;
-	if (v[14] !== C || v[15] !== j || v[16] !== S || v[17] !== E || v[18] !== N || v[19] !== b.items || v[20] !== x?.items || v[21] !== T) {
-		let h;
-		v[23] !== C || v[24] !== S || v[25] !== E || v[26] !== N || v[27] !== b.items || v[28] !== x?.items || v[29] !== T ? (h = (h, g) => /* @__PURE__ */ jsxs("div", {
-			className: `mb-2 flex items-start border-l border-gray-300 pt-2 pr-0 pl-4 ${g === 0 ? "mt-2" : "mt-5"}`,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "mr-1 min-w-0 flex-1",
-				children: b.items && /* @__PURE__ */ jsx(FormElement, {
-					name: g.toString(),
-					parentKey: E,
+	}), b[11] = z, b[12] = H, b[13] = U) : U = b[13];
+	let W;
+	if (b[14] !== T || b[15] !== F || b[16] !== A || b[17] !== w || b[18] !== O || b[19] !== L || b[20] !== S.items || b[21] !== C?.items || b[22] !== D) {
+		let _;
+		b[24] !== T || b[25] !== A || b[26] !== w || b[27] !== O || b[28] !== L || b[29] !== S.items || b[30] !== C?.items || b[31] !== D ? (_ = (_, v) => /* @__PURE__ */ jsxs(Card, {
+			className: "gap-0 rounded-lg py-0 shadow-none",
+			children: [!D && !A && /* @__PURE__ */ jsx("div", {
+				className: "flex justify-end px-4 pt-2 pb-0",
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					onClick: () => L(v),
+					variant: "ghost",
+					size: "sm",
+					disabled: T,
+					className: "h-7 w-7 p-1.5",
+					children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+				})
+			}), /* @__PURE__ */ jsx(CardContent, {
+				className: `px-4 pb-2 ${!D && !A ? "pt-0" : "pt-3"}`,
+				children: S.items && /* @__PURE__ */ jsx(FormElement, {
+					name: v.toString(),
+					parentKey: O,
 					required: !1,
-					schema: b.items,
-					ui: x?.items,
-					form: S,
-					disabled: C,
-					viewOnly: T
+					schema: S.items,
+					ui: C?.items,
+					form: w,
+					disabled: T,
+					viewOnly: D
 				})
-			}), T ? "" : /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				onClick: () => N(g),
-				variant: "ghost",
-				size: "sm",
-				disabled: C,
-				className: "mt-1 h-8 w-8 p-2",
-				children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
 			})]
-		}, h.id), v[23] = C, v[24] = S, v[25] = E, v[26] = N, v[27] = b.items, v[28] = x?.items, v[29] = T, v[30] = h) : h = v[30], B = j.map(h), v[14] = C, v[15] = j, v[16] = S, v[17] = E, v[18] = N, v[19] = b.items, v[20] = x?.items, v[21] = T, v[22] = B;
-	} else B = v[22];
-	let V;
-	v[31] !== M || v[32] !== P || v[33] !== C || v[34] !== b.items?.title || v[35] !== x?.items?.title || v[36] !== T ? (V = T ? "" : /* @__PURE__ */ jsxs(Button, {
+		}, _.id), b[24] = T, b[25] = A, b[26] = w, b[27] = O, b[28] = L, b[29] = S.items, b[30] = C?.items, b[31] = D, b[32] = _) : _ = b[32], W = F.map(_), b[14] = T, b[15] = F, b[16] = A, b[17] = w, b[18] = O, b[19] = L, b[20] = S.items, b[21] = C?.items, b[22] = D, b[23] = W;
+	} else W = b[23];
+	let G;
+	b[33] !== I || b[34] !== R || b[35] !== T || b[36] !== A || b[37] !== S.items?.title || b[38] !== C?.items?.title || b[39] !== D ? (G = !D && !A ? /* @__PURE__ */ jsxs(Button, {
 		type: "button",
-		onClick: () => M(P),
+		onClick: () => I(R),
 		variant: "outline",
 		size: "sm",
-		disabled: C,
-		className: "mt-4",
+		disabled: T,
+		className: "mt-2",
 		children: [
 			/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
 			"Add ",
-			x?.items?.title ?? b.items?.title ?? "Item"
+			C?.items?.title ?? S.items?.title ?? "Item"
 		]
-	}), v[31] = M, v[32] = P, v[33] = C, v[34] = b.items?.title, v[35] = x?.items?.title, v[36] = T, v[37] = V) : V = v[37];
-	let H;
-	v[38] !== B || v[39] !== V ? (H = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", {
-		className: "pl-4",
-		children: [B, V]
-	}) }), v[38] = B, v[39] = V, v[40] = H) : H = v[40];
-	let U;
-	return v[41] !== D || v[42] !== H || v[43] !== z ? (U = /* @__PURE__ */ jsxs(Collapsible, {
-		open: D,
-		onOpenChange: O,
-		children: [z, H]
-	}), v[41] = D, v[42] = H, v[43] = z, v[44] = U) : U = v[44], U;
+	}) : "", b[33] = I, b[34] = R, b[35] = T, b[36] = A, b[37] = S.items?.title, b[38] = C?.items?.title, b[39] = D, b[40] = G) : G = b[40];
+	let K;
+	b[41] !== W || b[42] !== G ? (K = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [W, G]
+	}) }), b[41] = W, b[42] = G, b[43] = K) : K = b[43];
+	let q;
+	return b[44] !== j || b[45] !== K || b[46] !== U ? (q = /* @__PURE__ */ jsxs(Collapsible, {
+		open: j,
+		onOpenChange: M,
+		children: [U, K]
+	}), b[44] = j, b[45] = K, b[46] = U, b[47] = q) : q = b[47], q;
 };
 export { ArrayController };

package/dist/components/dynamic-form/CodeContent.js

@@ -148,10 +148,10 @@ var adaptedPrism = {
 			});
 		},
 		code(e) {
-			let { className: a, children: s, ...l } = e, u = /language-(\w+)/.exec(a ?? ""), d = Array.isArray(s) ? s.map(_temp).join("") : typeof s == "string" ? s : "";
-			return u ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Prism, {
+			let { className: a, children: s, ...l } = e, u = /language-(\w+)/.exec(a ?? ""), d = Array.isArray(s) ? s.map(_temp).join("") : typeof s == "string" ? s : "", f = d.includes("\n");
+			return u || f ? /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Prism, {
 				style: adaptedPrism,
-				language: u[1],
+				language: u?.[1] ?? "text",
 				PreTag: "div",
 				...l,
 				children: d.replace(/\n$/, "")

package/dist/components/dynamic-form/Form.js

@@ -3,56 +3,62 @@ import FormBody_default from "./FormBody.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { FormProvider } from "react-hook-form";
 function extractSchemaDefaults(e) {
 	if (e.default !== void 0) return e.default;
 	if (e.properties) {
-		let i = {}, a = !1;
-		for (let [o, s] of Object.entries(e.properties)) if (s.default !== void 0) i[o] = s.default, a = !0;
-		else if (s.type === "object" && s.properties) {
-			let e = extractSchemaDefaults(s);
-			e !== void 0 && (i[o] = e, a = !0);
+		let a = {}, o = !1;
+		for (let [s, l] of Object.entries(e.properties)) if (l.default !== void 0) a[s] = l.default, o = !0;
+		else if (l.type === "object" && l.properties) {
+			let e = extractSchemaDefaults(l);
+			e !== void 0 && (a[s] = e, o = !0);
 		}
-		return a ? i : void 0;
+		return o ? a : void 0;
 	}
 }
-var Form_default = (o) => {
-	let l = c(25), { form: u, schema: d, ui: f, mimeType: p, disabled: m, viewOnly: h, actions: g } = o, _ = f, v = d, y;
-	l[0] !== u || l[1] !== v ? (y = () => {
-		let e = extractSchemaDefaults(v);
+var Form_default = (s) => {
+	let u = c(28), { form: d, schema: f, ui: p, mimeType: m, disabled: h, viewOnly: g, actions: _ } = s, v = p, y = f, b;
+	u[0] !== d || u[1] !== y ? (b = () => {
+		let e = extractSchemaDefaults(y);
 		if (e) {
-			let i = u.getValues(), a = { ...e };
-			for (let [e, o] of Object.entries(i)) o !== void 0 && o !== "" && o !== null && (a[e] = o);
-			u.reset(a);
+			let a = d.getValues(), o = { ...e };
+			for (let [e, s] of Object.entries(a)) s !== void 0 && s !== "" && s !== null && (o[e] = s);
+			d.reset(o);
 		}
-	}, l[0] = u, l[1] = v, l[2] = y) : y = l[2];
-	let b;
-	l[3] === d ? b = l[4] : (b = [d], l[3] = d, l[4] = b), useEffect(y, b);
-	let x = _?.form?.title, S = _?.form?.description, C;
-	l[5] !== m || l[6] !== x || l[7] !== S ? (C = /* @__PURE__ */ jsx(FormElementHeader, {
-		title: x,
-		description: S,
-		disabled: m
-	}), l[5] = m, l[6] = x, l[7] = S, l[8] = C) : C = l[8];
-	let w = d, T = f?.form, E;
-	l[9] !== m || l[10] !== u || l[11] !== p || l[12] !== w || l[13] !== T || l[14] !== h ? (E = /* @__PURE__ */ jsx(FormBody_default, {
-		form: u,
-		mimeType: p,
-		schema: w,
-		ui: T,
-		disabled: m,
-		viewOnly: h
-	}), l[9] = m, l[10] = u, l[11] = p, l[12] = w, l[13] = T, l[14] = h, l[15] = E) : E = l[15];
-	let D;
-	l[16] !== g || l[17] !== h ? (D = !h && !!g && /* @__PURE__ */ jsx("div", {
-		className: "mt-4 flex w-full justify-end",
-		children: g
-	}), l[16] = g, l[17] = h, l[18] = D) : D = l[18];
+	}, u[0] = d, u[1] = y, u[2] = b) : b = u[2];
+	let x;
+	u[3] === f ? x = u[4] : (x = [f], u[3] = f, u[4] = x), useEffect(b, x);
+	let S = v?.form?.title, C = v?.form?.description, w;
+	u[5] !== h || u[6] !== S || u[7] !== C ? (w = /* @__PURE__ */ jsx(FormElementHeader, {
+		title: S,
+		description: C,
+		disabled: h
+	}), u[5] = h, u[6] = S, u[7] = C, u[8] = w) : w = u[8];
+	let T = f, E = p?.form, D;
+	u[9] !== h || u[10] !== d || u[11] !== m || u[12] !== T || u[13] !== E || u[14] !== g ? (D = /* @__PURE__ */ jsx(FormBody_default, {
+		form: d,
+		mimeType: m,
+		schema: T,
+		ui: E,
+		disabled: h,
+		viewOnly: g
+	}), u[9] = h, u[10] = d, u[11] = m, u[12] = T, u[13] = E, u[14] = g, u[15] = D) : D = u[15];
 	let O;
-	l[19] !== E || l[20] !== D ? (O = /* @__PURE__ */ jsxs("form", { children: [E, D] }), l[19] = E, l[20] = D, l[21] = O) : O = l[21];
+	u[16] !== _ || u[17] !== g ? (O = !g && !!_ && /* @__PURE__ */ jsx("div", {
+		className: "mt-4 flex w-full justify-end",
+		children: _
+	}), u[16] = _, u[17] = g, u[18] = O) : O = u[18];
 	let k;
-	return l[22] !== O || l[23] !== C ? (k = /* @__PURE__ */ jsxs("div", {
+	u[19] !== D || u[20] !== O ? (k = /* @__PURE__ */ jsxs("form", { children: [D, O] }), u[19] = D, u[20] = O, u[21] = k) : k = u[21];
+	let A;
+	u[22] !== k || u[23] !== w ? (A = /* @__PURE__ */ jsxs("div", {
 		className: "container mx-auto",
-		children: [C, O]
-	}), l[22] = O, l[23] = C, l[24] = k) : k = l[24], k;
+		children: [w, k]
+	}), u[22] = k, u[23] = w, u[24] = A) : A = u[24];
+	let j;
+	return u[25] !== d || u[26] !== A ? (j = /* @__PURE__ */ jsx(FormProvider, {
+		...d,
+		children: A
+	}), u[25] = d, u[26] = A, u[27] = j) : j = u[27], j;
 };
 export { Form_default as default };

package/dist/components/dynamic-form/FormElement.js

@@ -17,7 +17,7 @@ const FormElement = (d) => {
 				disabled: m
 			}), /* @__PURE__ */ jsx(ObjectController, { ...d })] });
 			case "array": return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", {
-				className: "mt-3",
+				className: "mt-1",
 				children: /* @__PURE__ */ jsx(ArrayController, { ...d })
 			}) });
 			default: return /* @__PURE__ */ jsx(InputController, {

package/dist/components/dynamic-form/FormElementHeader.js

@@ -5,8 +5,8 @@ const FormElementHeader = (i) => {
 	let a = c(7), { title: o, description: s } = i;
 	if (!o && !s) return null;
 	let l;
-	a[0] === o ? l = a[1] : (l = o && /* @__PURE__ */ jsx("h1", {
-		className: "mb-2 text-xl font-semibold",
+	a[0] === o ? l = a[1] : (l = o && /* @__PURE__ */ jsx("h3", {
+		className: "mb-1.5 text-base font-semibold",
 		children: o
 	}), a[0] = o, a[1] = l);
 	let u;

package/dist/components/dynamic-form/ObjectController.js

@@ -3,30 +3,33 @@ import { FormElement } from "./FormElement.js";
 import { useSortedPropertyNames } from "./hooks/useSortPropertyNames.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-const ObjectController = (o) => {
-	let s = c(23), { name: l, schema: u, ui: d, form: f, disabled: p, parentKey: m, viewOnly: h } = o, g = u, _ = d, v;
-	s[0] === g.properties ? v = s[1] : (v = g.properties ?? {}, s[0] = g.properties, s[1] = v);
-	let y = useSortedPropertyNames(v, _?.order), b = useMergeParentKey(m, l), x;
-	s[2] === g.required ? x = s[3] : (x = g.required ?? [], s[2] = g.required, s[3] = x);
-	let S = x, C;
-	if (s[4] !== p || s[5] !== f || s[6] !== b || s[7] !== g.properties || s[8] !== _?.properties || s[9] !== y || s[10] !== S || s[11] !== h) {
+import { jsx } from "react/jsx-runtime";
+const ObjectController = (a) => {
+	let o = c(24), { name: s, schema: l, ui: u, form: d, disabled: f, parentKey: p, viewOnly: m } = a, h = l, g = u, _;
+	o[0] === h.properties ? _ = o[1] : (_ = h.properties ?? {}, o[0] = h.properties, o[1] = _);
+	let v = useSortedPropertyNames(_, g?.order), y = useMergeParentKey(p, s), b;
+	o[2] === h.required ? b = o[3] : (b = h.required ?? [], o[2] = h.required, o[3] = b);
+	let x = b, S = v.length === 2 ? "grid grid-cols-2 gap-x-4" : void 0, C;
+	if (o[4] !== f || o[5] !== d || o[6] !== y || o[7] !== h.properties || o[8] !== g?.properties || o[9] !== v || o[10] !== x || o[11] !== m) {
 		let e;
-		s[13] !== p || s[14] !== f || s[15] !== b || s[16] !== g.properties || s[17] !== _?.properties || s[18] !== S || s[19] !== h ? (e = (e) => {
-			let a = g.properties?.[e];
-			return a ? /* @__PURE__ */ jsx(FormElement, {
-				form: f,
-				disabled: p,
-				viewOnly: h,
-				parentKey: b,
+		o[13] !== f || o[14] !== d || o[15] !== y || o[16] !== h.properties || o[17] !== g?.properties || o[18] !== x || o[19] !== m ? (e = (e) => {
+			let i = h.properties?.[e];
+			return i ? /* @__PURE__ */ jsx(FormElement, {
+				form: d,
+				disabled: f,
+				viewOnly: m,
+				parentKey: y,
 				name: e,
-				schema: a,
-				ui: _?.properties?.[e],
-				required: S.includes(e)
+				schema: i,
+				ui: g?.properties?.[e],
+				required: x.includes(e)
 			}, `el-${e}`) : null;
-		}, s[13] = p, s[14] = f, s[15] = b, s[16] = g.properties, s[17] = _?.properties, s[18] = S, s[19] = h, s[20] = e) : e = s[20], C = y.map(e), s[4] = p, s[5] = f, s[6] = b, s[7] = g.properties, s[8] = _?.properties, s[9] = y, s[10] = S, s[11] = h, s[12] = C;
-	} else C = s[12];
+		}, o[13] = f, o[14] = d, o[15] = y, o[16] = h.properties, o[17] = g?.properties, o[18] = x, o[19] = m, o[20] = e) : e = o[20], C = v.map(e), o[4] = f, o[5] = d, o[6] = y, o[7] = h.properties, o[8] = g?.properties, o[9] = v, o[10] = x, o[11] = m, o[12] = C;
+	} else C = o[12];
 	let w;
-	return s[21] === C ? w = s[22] : (w = /* @__PURE__ */ jsx(Fragment$1, { children: C }), s[21] = C, s[22] = w), w;
+	return o[21] !== S || o[22] !== C ? (w = /* @__PURE__ */ jsx("div", {
+		className: S,
+		children: C
+	}), o[21] = S, o[22] = C, o[23] = w) : w = o[23], w;
 };
 export { ObjectController };

package/dist/components/dynamic-form/fields/BaseFieldWrapper.js

@@ -33,7 +33,7 @@ const BaseFieldWrapper = (i) => {
 	}), a[18] = u, a[19] = w);
 	let T;
 	return a[20] !== p || a[21] !== b || a[22] !== x || a[23] !== S || a[24] !== C || a[25] !== w ? (T = /* @__PURE__ */ jsxs("div", {
-		className: "mt-4 mb-8 block space-y-2",
+		className: "mb-4 block space-y-1.5",
 		children: [
 			b,
 			x,

package/dist/components/dynamic-form/fields/CodeViewField.js

@@ -6,58 +6,58 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Copy } from "lucide-react";
 import { Controller } from "react-hook-form";
-var stripCodeFence = (e) => {
-	let u = e.match(/^```[\w-]*\n?([\s\S]*?)\n?```$/);
-	return u ? u[1] : e;
-};
-const CodeViewField = (f) => {
-	let p = c(11), { name: m, schema: h, ui: g, required: _, form: v, disabled: y } = f, [b, x] = React.useState(!1), S = useFieldConfig(m, h, g, y), C;
-	p[0] === Symbol.for("react.memo_cache_sentinel") ? (C = async (e) => {
+var codeFenceRegex = /^```[\w-]*\n?([\s\S]*?)\n?```$/, stripCodeFence = (e) => {
+	let d = e.match(codeFenceRegex);
+	return d ? d[1] : e;
+}, ensureCodeFenced = (e) => !e || codeFenceRegex.test(e.trim()) ? e : "```\n" + e + "\n```";
+const CodeViewField = (p) => {
+	let m = c(11), { name: h, schema: g, ui: _, required: v, form: y, disabled: b } = p, [x, S] = React.useState(!1), C = useFieldConfig(h, g, _, b), w;
+	m[0] === Symbol.for("react.memo_cache_sentinel") ? (w = async (e) => {
 		try {
-			let u = stripCodeFence(e);
-			await navigator.clipboard.writeText(u), x(!0), setTimeout(() => x(!1), 2e3);
+			let d = stripCodeFence(e);
+			await navigator.clipboard.writeText(d), S(!0), setTimeout(() => S(!1), 2e3);
 		} catch (e) {
-			let u = e;
-			console.error("Failed to copy:", u);
+			let d = e;
+			console.error("Failed to copy:", d);
 		}
-	}, p[0] = C) : C = p[0];
-	let w = C, T = S.defaultValue || "", E;
-	p[1] !== S || p[2] !== b || p[3] !== m || p[4] !== _ ? (E = (u) => {
-		let { field: d } = u;
+	}, m[0] = w) : w = m[0];
+	let T = w, E = C.defaultValue || "", D;
+	m[1] !== C || m[2] !== x || m[3] !== h || m[4] !== v ? (D = (d) => {
+		let { field: f } = d;
 		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
-			name: m,
-			label: S.fieldLabel,
-			required: _,
-			error: S.error,
-			helpText: S.helpText,
-			description: S.description,
+			name: h,
+			label: C.fieldLabel,
+			required: v,
+			error: C.error,
+			helpText: C.helpText,
+			description: C.description,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "relative w-full overflow-hidden rounded-md border",
-				...S.getAriaProps(),
+				...C.getAriaProps(),
 				children: [/* @__PURE__ */ jsx("button", {
 					type: "button",
-					onClick: () => void w(String(d.value ?? "")),
-					disabled: S.isDisabled || !d.value,
+					onClick: () => void T(String(f.value ?? "")),
+					disabled: !f.value,
 					className: "bg-background/80 hover:bg-background absolute top-2 right-2 z-10 rounded-md border p-2 transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-					title: b ? "Copied!" : "Copy to clipboard",
-					"aria-label": b ? "Copied to clipboard" : "Copy code to clipboard",
-					children: b ? /* @__PURE__ */ jsx(Check, {
+					title: x ? "Copied!" : "Copy to clipboard",
+					"aria-label": x ? "Copied to clipboard" : "Copy code to clipboard",
+					children: x ? /* @__PURE__ */ jsx(Check, {
 						className: "h-4 w-4 text-green-600",
 						"aria-hidden": "true"
 					}) : /* @__PURE__ */ jsx(Copy, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})
-				}), /* @__PURE__ */ jsx(CodeContent_default, { content: String(d.value ?? "") })]
+				}), /* @__PURE__ */ jsx(CodeContent_default, { content: ensureCodeFenced(String(f.value ?? "")) })]
 			})
 		});
-	}, p[1] = S, p[2] = b, p[3] = m, p[4] = _, p[5] = E) : E = p[5];
-	let D;
-	return p[6] !== v.control || p[7] !== m || p[8] !== T || p[9] !== E ? (D = /* @__PURE__ */ jsx(Controller, {
-		name: m,
-		control: v.control,
-		defaultValue: T,
-		render: E
-	}), p[6] = v.control, p[7] = m, p[8] = T, p[9] = E, p[10] = D) : D = p[10], D;
+	}, m[1] = C, m[2] = x, m[3] = h, m[4] = v, m[5] = D) : D = m[5];
+	let O;
+	return m[6] !== y.control || m[7] !== h || m[8] !== E || m[9] !== D ? (O = /* @__PURE__ */ jsx(Controller, {
+		name: h,
+		control: y.control,
+		defaultValue: E,
+		render: D
+	}), m[6] = y.control, m[7] = h, m[8] = E, m[9] = D, m[10] = O) : O = m[10], O;
 };
 export { CodeViewField };