npm - @motiadev/plugin-endpoint - Versions diffs - 0.15.0-beta.165 → 0.15.1-beta.166 - Mend

@motiadev/plugin-endpoint 0.15.0-beta.165 → 0.15.1-beta.166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/LICENSE +1 -1
package/dist/index.js +952 -852
package/dist/index.js.map +1 -1
package/dist/plugin.js +1 -1
package/dist/plugin.js.map +1 -1
package/dist/{index.css → styles.css} +0 -3
package/dist/styles.css.map +1 -0
package/dist/styles.js +0 -0
package/package.json +5 -5
package/dist/index.css.map +0 -1

package/dist/index.js CHANGED Viewed

@@ -16,21 +16,25 @@ import { atomDark, oneLight } from "react-syntax-highlighter/dist/esm/styles/pri
 //#region src/components/endpoints-search.tsx
 const EndpointsSearch = (t0) => {
-	const $ = c(15);
+	const $ = c(16);
+	if ($[0] !== "b04fe9fcf2dc81964e7b2f3a7fac01e0ffd66006443485e8e32bf9d2d88776cf") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b04fe9fcf2dc81964e7b2f3a7fac01e0ffd66006443485e8e32bf9d2d88776cf";
+	}
 	const { value, onChange, onClear } = t0;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" });
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	let t2;
-	if ($[1] !== onChange) {
+	if ($[2] !== onChange) {
 		t2 = (e) => onChange(e.target.value);
-		$[1] = onChange;
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = onChange;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[3] !== t2 || $[4] !== value) {
+	if ($[4] !== t2 || $[5] !== value) {
 		t3 = /* @__PURE__ */ jsx(Input, {
 			variant: "shade",
 			value,
@@ -38,34 +42,34 @@ const EndpointsSearch = (t0) => {
 			className: "px-9! font-medium",
 			placeholder: "Search by Method or Path"
 		});
-		$[3] = t2;
-		$[4] = value;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[4] = t2;
+		$[5] = value;
+		$[6] = t3;
+	} else t3 = $[6];
 	const t4 = value !== "";
 	const t5 = value === "";
 	let t6;
-	if ($[6] !== t4 || $[7] !== t5) {
+	if ($[7] !== t4 || $[8] !== t5) {
 		t6 = cn("cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground", {
 			visible: t4,
 			invisible: t5
 		});
-		$[6] = t4;
-		$[7] = t5;
-		$[8] = t6;
-	} else t6 = $[8];
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
+	} else t6 = $[9];
 	let t7;
-	if ($[9] !== onClear || $[10] !== t6) {
+	if ($[10] !== onClear || $[11] !== t6) {
 		t7 = /* @__PURE__ */ jsx(X, {
 			className: t6,
 			onClick: onClear
 		});
-		$[9] = onClear;
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
+		$[10] = onClear;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
 	let t8;
-	if ($[12] !== t3 || $[13] !== t7) {
+	if ($[13] !== t3 || $[14] !== t7) {
 		t8 = /* @__PURE__ */ jsx("div", {
 			className: "p-2 border-b gap-4",
 			"data-testid": "endpoints-search-container",
@@ -78,10 +82,10 @@ const EndpointsSearch = (t0) => {
 				]
 			})
 		});
-		$[12] = t3;
-		$[13] = t7;
-		$[14] = t8;
-	} else t8 = $[14];
+		$[13] = t3;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
 	return t8;
 };
@@ -100,64 +104,76 @@ const getMethodStyles = (method) => {
 	}
 };
 const EndpointBadge = memo((t0) => {
-	const $ = c(10);
+	const $ = c(11);
+	if ($[0] !== "1017d069da7af8d79b772819cd6ea273bc02186be5bf8c70750727fd63506daa") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "1017d069da7af8d79b772819cd6ea273bc02186be5bf8c70750727fd63506daa";
+	}
 	let className;
 	let props;
 	let variant;
-	if ($[0] !== t0) {
+	if ($[1] !== t0) {
 		({className, variant, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = variant;
+		$[1] = t0;
+		$[2] = className;
+		$[3] = props;
+		$[4] = variant;
 	} else {
-		className = $[1];
-		props = $[2];
-		variant = $[3];
+		className = $[2];
+		props = $[3];
+		variant = $[4];
 	}
 	let t1;
-	if ($[4] !== className || $[5] !== variant) {
+	if ($[5] !== className || $[6] !== variant) {
 		t1 = cn("rounded-lg px-2 py-0.5 text-xs font-mono font-bold transition-colors", getMethodStyles(variant), className);
-		$[4] = className;
-		$[5] = variant;
-		$[6] = t1;
-	} else t1 = $[6];
+		$[5] = className;
+		$[6] = variant;
+		$[7] = t1;
+	} else t1 = $[7];
 	let t2;
-	if ($[7] !== props || $[8] !== t1) {
+	if ($[8] !== props || $[9] !== t1) {
 		t2 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			...props
 		});
-		$[7] = props;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t2;
+	} else t2 = $[10];
 	return t2;
 });
 //#endregion
 //#region src/components/endpoint-path.tsx
 const PathSeparator = () => {
-	const $ = c(1);
+	const $ = c(2);
+	if ($[0] !== "603f796b38bb9b15093370b94bc9b921b7621c9f6baa94432316d5a5ca450c9c") {
+		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "603f796b38bb9b15093370b94bc9b921b7621c9f6baa94432316d5a5ca450c9c";
+	}
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground",
 			children: "/"
 		});
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	return t0;
 };
 const EndpointPath = (t0) => {
-	const $ = c(13);
+	const $ = c(14);
+	if ($[0] !== "603f796b38bb9b15093370b94bc9b921b7621c9f6baa94432316d5a5ca450c9c") {
+		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "603f796b38bb9b15093370b94bc9b921b7621c9f6baa94432316d5a5ca450c9c";
+	}
 	const { method, path } = t0;
 	let t1;
-	if ($[0] !== path) {
+	if ($[1] !== path) {
 		const parts = path.split("/").filter(Boolean);
 		const partsLength = parts.length - 1;
 		let t2$1;
-		if ($[2] !== partsLength) {
+		if ($[3] !== partsLength) {
 			t2$1 = (part, index) => {
 				const isLast = index === partsLength;
 				const key = `part-${part}-${index}`;
@@ -168,74 +184,78 @@ const EndpointPath = (t0) => {
 				}, key), separator];
 				return [/* @__PURE__ */ jsx("div", { children: part }, key), separator];
 			};
-			$[2] = partsLength;
-			$[3] = t2$1;
-		} else t2$1 = $[3];
+			$[3] = partsLength;
+			$[4] = t2$1;
+		} else t2$1 = $[4];
 		t1 = parts.flatMap(t2$1);
-		$[0] = path;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = path;
+		$[2] = t1;
+	} else t1 = $[2];
 	const pathView = t1;
 	const t2 = method;
 	let t3;
-	if ($[4] !== method || $[5] !== t2) {
+	if ($[5] !== method || $[6] !== t2) {
 		t3 = /* @__PURE__ */ jsx(EndpointBadge, {
 			variant: t2,
 			children: method
 		});
-		$[4] = method;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[5] = method;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = /* @__PURE__ */ jsx(PathSeparator, {});
-		$[7] = t4;
-	} else t4 = $[7];
+		$[8] = t4;
+	} else t4 = $[8];
 	let t5;
-	if ($[8] !== pathView) {
+	if ($[9] !== pathView) {
 		t5 = /* @__PURE__ */ jsxs("span", {
 			className: "font-mono font-bold whitespace-nowrap flex flex-row gap-2 items-center truncate",
 			children: [t4, pathView]
 		});
-		$[8] = pathView;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[9] = pathView;
+		$[10] = t5;
+	} else t5 = $[10];
 	let t6;
-	if ($[10] !== t3 || $[11] !== t5) {
+	if ($[11] !== t3 || $[12] !== t5) {
 		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[auto_1fr] gap-2 items-center",
 			children: [t3, t5]
 		});
-		$[10] = t3;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
+		$[11] = t3;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
 	return t6;
 };
 //#endregion
 //#region src/components/endpoint-item.tsx
 const EndpointItem = (t0) => {
-	const $ = c(21);
+	const $ = c(22);
+	if ($[0] !== "29651f7b7dd25cd15fa149793a83da8eadabea6c1b2d872f1881f15627da1c3a") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "29651f7b7dd25cd15fa149793a83da8eadabea6c1b2d872f1881f15627da1c3a";
+	}
 	const { endpoint, isSelected, isLast, onSelect } = t0;
 	const t1 = `endpoint-${endpoint.method}-${endpoint.path}`;
 	let t2;
-	if ($[0] !== endpoint.id || $[1] !== onSelect) {
+	if ($[1] !== endpoint.id || $[2] !== onSelect) {
 		t2 = () => onSelect(endpoint.id);
-		$[0] = endpoint.id;
-		$[1] = onSelect;
-		$[2] = t2;
-	} else t2 = $[2];
+		$[1] = endpoint.id;
+		$[2] = onSelect;
+		$[3] = t2;
+	} else t2 = $[3];
 	const t3 = isSelected && "bg-muted-foreground/10";
 	let t4;
-	if ($[3] !== t3) {
+	if ($[4] !== t3) {
 		t4 = cn("grid grid-cols-[auto_1fr] items-center justify-center px-[17px] select-none hover:bg-muted-foreground/10 cursor-pointer", t3);
-		$[3] = t3;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
 	let t5;
-	if ($[5] !== isLast) {
+	if ($[6] !== isLast) {
 		t5 = isLast ? /* @__PURE__ */ jsx("svg", {
 			width: "14",
 			height: "34",
@@ -257,106 +277,110 @@ const EndpointItem = (t0) => {
 				className: "fill-[#555]"
 			})
 		});
-		$[5] = isLast;
-		$[6] = t5;
-	} else t5 = $[6];
+		$[6] = isLast;
+		$[7] = t5;
+	} else t5 = $[7];
 	let t6;
-	if ($[7] !== endpoint.method || $[8] !== endpoint.path) {
+	if ($[8] !== endpoint.method || $[9] !== endpoint.path) {
 		t6 = /* @__PURE__ */ jsx(EndpointPath, {
 			method: endpoint.method,
 			path: endpoint.path
 		});
-		$[7] = endpoint.method;
-		$[8] = endpoint.path;
-		$[9] = t6;
-	} else t6 = $[9];
+		$[8] = endpoint.method;
+		$[9] = endpoint.path;
+		$[10] = t6;
+	} else t6 = $[10];
 	let t7;
-	if ($[10] !== endpoint.description) {
+	if ($[11] !== endpoint.description) {
 		t7 = /* @__PURE__ */ jsx("span", {
 			className: "text-sm text-muted-foreground truncate",
 			children: endpoint.description
 		});
-		$[10] = endpoint.description;
-		$[11] = t7;
-	} else t7 = $[11];
+		$[11] = endpoint.description;
+		$[12] = t7;
+	} else t7 = $[12];
 	let t8;
-	if ($[12] !== t6 || $[13] !== t7) {
+	if ($[13] !== t6 || $[14] !== t7) {
 		t8 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[auto_1fr] items-center gap-3 px-2",
 			children: [t6, t7]
 		}) });
-		$[12] = t6;
-		$[13] = t7;
-		$[14] = t8;
-	} else t8 = $[14];
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
 	let t9;
-	if ($[15] !== t1 || $[16] !== t2 || $[17] !== t4 || $[18] !== t5 || $[19] !== t8) {
+	if ($[16] !== t1 || $[17] !== t2 || $[18] !== t4 || $[19] !== t5 || $[20] !== t8) {
 		t9 = /* @__PURE__ */ jsxs("div", {
 			"data-testid": t1,
 			onClick: t2,
 			className: t4,
 			children: [t5, t8]
 		});
-		$[15] = t1;
-		$[16] = t2;
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t8;
-		$[20] = t9;
-	} else t9 = $[20];
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
 	return t9;
 };
 //#endregion
 //#region src/components/flow-group.tsx
 const FlowGroup = (t0) => {
-	const $ = c(40);
+	const $ = c(41);
+	if ($[0] !== "a80b3cb43bb62d012f095b7847fb01d92f2a4fcd29fc05244f6ae839f1f0b9de") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a80b3cb43bb62d012f095b7847fb01d92f2a4fcd29fc05244f6ae839f1f0b9de";
+	}
 	const { flow, endpoints, isOpen, isSelected, onToggle, onClearSelection, selectedEndpointId, onSelectEndpoint } = t0;
 	const t1 = `flow-group-${flow}`;
 	let t2;
-	if ($[0] !== flow || $[1] !== isSelected || $[2] !== onClearSelection || $[3] !== onToggle) {
+	if ($[1] !== flow || $[2] !== isSelected || $[3] !== onClearSelection || $[4] !== onToggle) {
 		t2 = () => {
 			if (isSelected) onClearSelection();
 			onToggle(flow);
 		};
-		$[0] = flow;
-		$[1] = isSelected;
-		$[2] = onClearSelection;
-		$[3] = onToggle;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[1] = flow;
+		$[2] = isSelected;
+		$[3] = onClearSelection;
+		$[4] = onToggle;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[5] !== isOpen) {
+	if ($[6] !== isOpen) {
 		t3 = cn("w-4 h-4 transition-transform duration-300 text-[#555]", { "rotate-180 mt-2.5": isOpen });
-		$[5] = isOpen;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[6] = isOpen;
+		$[7] = t3;
+	} else t3 = $[7];
 	let t4;
-	if ($[7] !== t3) {
+	if ($[8] !== t3) {
 		t4 = /* @__PURE__ */ jsx(ChevronDown, {
 			className: t3,
 			strokeWidth: 1.5
 		});
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
 	const t5 = !isOpen;
 	let t6;
-	if ($[9] !== t5) {
+	if ($[10] !== t5) {
 		t6 = cn("ml-[7px]", { hidden: t5 });
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
 	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = /* @__PURE__ */ jsx("path", {
 			d: "M1.5 1C1.5 0.723858 1.27614 0.5 1 0.5C0.723858 0.5 0.5 0.723858 0.5 1H1H1.5ZM1 1H0.5V10H1H1.5V1H1Z",
 			className: "fill-[#555]"
 		});
-		$[11] = t7;
-	} else t7 = $[11];
+		$[12] = t7;
+	} else t7 = $[12];
 	let t8;
-	if ($[12] !== t6) {
+	if ($[13] !== t6) {
 		t8 = /* @__PURE__ */ jsx("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "2",
@@ -366,90 +390,90 @@ const FlowGroup = (t0) => {
 			className: t6,
 			children: t7
 		});
-		$[12] = t6;
-		$[13] = t8;
-	} else t8 = $[13];
+		$[13] = t6;
+		$[14] = t8;
+	} else t8 = $[14];
 	let t9;
-	if ($[14] !== t4 || $[15] !== t8) {
+	if ($[15] !== t4 || $[16] !== t8) {
 		t9 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-1",
 			children: [t4, t8]
 		});
-		$[14] = t4;
-		$[15] = t8;
-		$[16] = t9;
-	} else t9 = $[16];
+		$[15] = t4;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
 	let t10;
-	if ($[17] !== flow) {
+	if ($[18] !== flow) {
 		t10 = /* @__PURE__ */ jsx("h3", {
 			className: "text-sm font-medium text-left",
 			children: flow
 		});
-		$[17] = flow;
-		$[18] = t10;
-	} else t10 = $[18];
+		$[18] = flow;
+		$[19] = t10;
+	} else t10 = $[19];
 	let t11;
-	if ($[19] !== t1 || $[20] !== t10 || $[21] !== t2 || $[22] !== t9) {
+	if ($[20] !== t1 || $[21] !== t10 || $[22] !== t2 || $[23] !== t9) {
 		t11 = /* @__PURE__ */ jsxs("button", {
 			"data-testid": t1,
 			className: "w-full grid grid-cols-[auto_1fr] items-center gap-3 hover:bg-muted/40 cursor-pointer min-h-8.5 select-none hover:bg-muted-foreground/10 px-4",
 			onClick: t2,
 			children: [t9, t10]
 		});
-		$[19] = t1;
-		$[20] = t10;
-		$[21] = t2;
-		$[22] = t9;
-		$[23] = t11;
-	} else t11 = $[23];
+		$[20] = t1;
+		$[21] = t10;
+		$[22] = t2;
+		$[23] = t9;
+		$[24] = t11;
+	} else t11 = $[24];
 	const t12 = !isOpen;
 	let t13;
-	if ($[24] !== t12) {
+	if ($[25] !== t12) {
 		t13 = cn("grid grid-cols-1 items-center justify-center", { hidden: t12 });
-		$[24] = t12;
-		$[25] = t13;
-	} else t13 = $[25];
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
 	let t14;
-	if ($[26] !== endpoints || $[27] !== onSelectEndpoint || $[28] !== selectedEndpointId) {
+	if ($[27] !== endpoints || $[28] !== onSelectEndpoint || $[29] !== selectedEndpointId) {
 		let t15$1;
-		if ($[30] !== endpoints.length || $[31] !== onSelectEndpoint || $[32] !== selectedEndpointId) {
+		if ($[31] !== endpoints.length || $[32] !== onSelectEndpoint || $[33] !== selectedEndpointId) {
 			t15$1 = (endpoint, index) => /* @__PURE__ */ jsx(EndpointItem, {
 				endpoint,
 				isSelected: selectedEndpointId === endpoint.id,
 				isLast: index === endpoints.length - 1,
 				onSelect: onSelectEndpoint
 			}, endpoint.id);
-			$[30] = endpoints.length;
-			$[31] = onSelectEndpoint;
-			$[32] = selectedEndpointId;
-			$[33] = t15$1;
-		} else t15$1 = $[33];
+			$[31] = endpoints.length;
+			$[32] = onSelectEndpoint;
+			$[33] = selectedEndpointId;
+			$[34] = t15$1;
+		} else t15$1 = $[34];
 		t14 = endpoints.map(t15$1);
-		$[26] = endpoints;
-		$[27] = onSelectEndpoint;
-		$[28] = selectedEndpointId;
-		$[29] = t14;
-	} else t14 = $[29];
+		$[27] = endpoints;
+		$[28] = onSelectEndpoint;
+		$[29] = selectedEndpointId;
+		$[30] = t14;
+	} else t14 = $[30];
 	let t15;
-	if ($[34] !== t13 || $[35] !== t14) {
+	if ($[35] !== t13 || $[36] !== t14) {
 		t15 = /* @__PURE__ */ jsx("div", {
 			className: t13,
 			children: t14
 		});
-		$[34] = t13;
-		$[35] = t14;
-		$[36] = t15;
-	} else t15 = $[36];
+		$[35] = t13;
+		$[36] = t14;
+		$[37] = t15;
+	} else t15 = $[37];
 	let t16;
-	if ($[37] !== t11 || $[38] !== t15) {
+	if ($[38] !== t11 || $[39] !== t15) {
 		t16 = /* @__PURE__ */ jsxs("div", {
 			className: "pt-2",
 			children: [t11, t15]
 		});
-		$[37] = t11;
-		$[38] = t15;
-		$[39] = t16;
-	} else t16 = $[39];
+		$[38] = t11;
+		$[39] = t15;
+		$[40] = t16;
+	} else t16 = $[40];
 	return t16;
 };
@@ -597,33 +621,37 @@ const useEndpointConfiguration = create()(persist(devtools((set) => ({
 //#endregion
 //#region src/hooks/use-get-endpoints.ts
 const useGetEndpoints = () => {
-	const $ = c(6);
+	const $ = c(7);
+	if ($[0] !== "cadd8d3432dfc6d2432c646eaf1f90c044b70a708974ecf5f816ef36004b4da0") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cadd8d3432dfc6d2432c646eaf1f90c044b70a708974ecf5f816ef36004b4da0";
+	}
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
 			streamName: "__motia.api-endpoints",
 			groupId: "default"
 		};
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	const { data: endpoints } = useStreamGroup(t0);
 	let t1;
-	if ($[1] !== endpoints) {
+	if ($[2] !== endpoints) {
 		t1 = endpoints.reduce(_temp$8, {});
-		$[1] = endpoints;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[2] = endpoints;
+		$[3] = t1;
+	} else t1 = $[3];
 	const groupedEndpoints = t1;
 	let t2;
-	if ($[3] !== endpoints || $[4] !== groupedEndpoints) {
+	if ($[4] !== endpoints || $[5] !== groupedEndpoints) {
 		t2 = {
 			endpoints,
 			groupedEndpoints
 		};
-		$[3] = endpoints;
-		$[4] = groupedEndpoints;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[4] = endpoints;
+		$[5] = groupedEndpoints;
+		$[6] = t2;
+	} else t2 = $[6];
 	return t2;
 };
 function _temp$8(acc, endpoint) {
@@ -691,39 +719,47 @@ const convertSchemaToJson = (schema, rootSchema) => {
 //#endregion
 //#region src/hooks/use-json-schema-to-json.tsx
 const useJsonSchemaToJson = (schema) => {
-	const $ = c(5);
+	const $ = c(6);
+	if ($[0] !== "ba29f15b5046bda288d763530dc1c4ad1bc3136b6950394508cecd61132b94a3") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ba29f15b5046bda288d763530dc1c4ad1bc3136b6950394508cecd61132b94a3";
+	}
 	const [body, setBody] = useState("");
 	let t0;
 	let t1;
-	if ($[0] !== schema) {
+	if ($[1] !== schema) {
 		t0 = () => {
 			if (schema) setBody(JSON.stringify(convertSchemaToJson(schema), null, 2));
 		};
 		t1 = [schema];
-		$[0] = schema;
-		$[1] = t0;
-		$[2] = t1;
+		$[1] = schema;
+		$[2] = t0;
+		$[3] = t1;
 	} else {
-		t0 = $[1];
-		t1 = $[2];
+		t0 = $[2];
+		t1 = $[3];
 	}
 	useEffect(t0, t1);
 	let t2;
-	if ($[3] !== body) {
+	if ($[4] !== body) {
 		t2 = {
 			body,
 			setBody
 		};
-		$[3] = body;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[4] = body;
+		$[5] = t2;
+	} else t2 = $[5];
 	return t2;
 };
 //#endregion
 //#region src/spec/spec-body-panel.tsx
 const EndpointBodyPanel = (t0) => {
-	const $ = c(8);
+	const $ = c(9);
+	if ($[0] !== "b8eff7f7ce8e9189baa5c639bfd152e5d0c4e2073eede72b1020744bec7ba947") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b8eff7f7ce8e9189baa5c639bfd152e5d0c4e2073eede72b1020744bec7ba947";
+	}
 	const { endpoint, panelName, value } = t0;
 	if (![
 		"post",
@@ -732,29 +768,29 @@ const EndpointBodyPanel = (t0) => {
 	].includes(endpoint.method.toLowerCase())) return null;
 	const t1 = `endpoint-body-panel__${panelName}`;
 	let t2;
-	if ($[0] !== value) {
+	if ($[1] !== value) {
 		t2 = value ? JSON.parse(value) : {};
-		$[0] = value;
-		$[1] = t2;
-	} else t2 = $[1];
+		$[1] = value;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = { backgroundColor: "transparent" };
-		$[2] = t3;
-	} else t3 = $[2];
+		$[3] = t3;
+	} else t3 = $[3];
 	let t4;
-	if ($[3] !== t2) {
+	if ($[4] !== t2) {
 		t4 = /* @__PURE__ */ jsx(ReactJson, {
 			src: t2,
 			theme: "default",
 			enableClipboard: false,
 			style: t3
 		});
-		$[3] = t2;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[4] = t2;
+		$[5] = t4;
+	} else t4 = $[5];
 	let t5;
-	if ($[5] !== t1 || $[6] !== t4) {
+	if ($[6] !== t1 || $[7] !== t4) {
 		t5 = /* @__PURE__ */ jsx(Panel, {
 			title: "Body",
 			size: "sm",
@@ -762,33 +798,37 @@ const EndpointBodyPanel = (t0) => {
 			"data-testid": t1,
 			children: t4
 		});
-		$[5] = t1;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
+		$[6] = t1;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
 	return t5;
 };
 //#endregion
 //#region src/spec/spec-path-params-panel.tsx
 const EndpointPathParamsPanel = (t0) => {
-	const $ = c(5);
+	const $ = c(6);
+	if ($[0] !== "4b99c635b467b8c34956e7f3473f52521462aab54a3d1e16ce1af5ee24ede587") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4b99c635b467b8c34956e7f3473f52521462aab54a3d1e16ce1af5ee24ede587";
+	}
 	const { endpoint } = t0;
 	const pathParams = usePathParams(endpoint.path);
 	if (!pathParams.length) return null;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = { gridTemplateColumns: "1fr 2fr" };
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	let t2;
-	if ($[1] !== pathParams) {
+	if ($[2] !== pathParams) {
 		t2 = pathParams.map(_temp$7);
-		$[1] = pathParams;
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = pathParams;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[3] !== t2) {
+	if ($[4] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Panel, {
 			title: "Path params",
 			size: "sm",
@@ -799,9 +839,9 @@ const EndpointPathParamsPanel = (t0) => {
 				children: t2
 			})
 		});
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
 	return t3;
 };
 function _temp$7(param) {
@@ -814,25 +854,29 @@ function _temp$7(param) {
 //#endregion
 //#region src/spec/spec-query-params-panel.tsx
 const EndpointQueryParamsPanel = (t0) => {
-	const $ = c(5);
+	const $ = c(6);
+	if ($[0] !== "4e1364928f69469968044d4855a06c351178a75725f12806c407b9bdbee699b0") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4e1364928f69469968044d4855a06c351178a75725f12806c407b9bdbee699b0";
+	}
 	const { endpoint } = t0;
 	if (!endpoint.queryParams?.length) return null;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			gridTemplateColumns: "1fr 2fr",
 			gridTemplateRows: "1fr 1fr"
 		};
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	let t2;
-	if ($[1] !== endpoint.queryParams) {
+	if ($[2] !== endpoint.queryParams) {
 		t2 = endpoint.queryParams.map(_temp$6);
-		$[1] = endpoint.queryParams;
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = endpoint.queryParams;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[3] !== t2) {
+	if ($[4] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Panel, {
 			title: "Query params",
 			size: "sm",
@@ -843,9 +887,9 @@ const EndpointQueryParamsPanel = (t0) => {
 				children: t2
 			})
 		});
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
 	return t3;
 };
 function _temp$6(param) {
@@ -861,19 +905,23 @@ function _temp$6(param) {
 //#endregion
 //#region src/spec/spec-response-schema.tsx
 const EndpointResponseSchemaItem = (t0) => {
-	const $ = c(9);
+	const $ = c(10);
+	if ($[0] !== "e4de7b36c48b33b1d8a3aa52a415bcc5b35556fbd21c0f6bc47983adc48a77ce") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e4de7b36c48b33b1d8a3aa52a415bcc5b35556fbd21c0f6bc47983adc48a77ce";
+	}
 	const { responseCode, bodySchema } = t0;
 	const theme = useThemeStore(_temp$5);
 	let t1;
-	if ($[0] !== bodySchema) {
+	if ($[1] !== bodySchema) {
 		t1 = convertSchemaToJson(bodySchema);
-		$[0] = bodySchema;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = bodySchema;
+		$[2] = t1;
+	} else t1 = $[2];
 	const schema = t1;
 	const description = typeof bodySchema.description === "string" ? bodySchema.description : "";
 	let t2;
-	if ($[2] !== description || $[3] !== schema || $[4] !== theme) {
+	if ($[3] !== description || $[4] !== schema || $[5] !== theme) {
 		t2 = /* @__PURE__ */ jsx("div", {
 			className: "text-xs font-mono rounded-lg whitespace-pre-wrap",
 			children: schema ? /* @__PURE__ */ jsx(ReactJson, {
@@ -886,37 +934,41 @@ const EndpointResponseSchemaItem = (t0) => {
 				children: description
 			})
 		});
-		$[2] = description;
-		$[3] = schema;
-		$[4] = theme;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[3] = description;
+		$[4] = schema;
+		$[5] = theme;
+		$[6] = t2;
+	} else t2 = $[6];
 	let t3;
-	if ($[6] !== responseCode || $[7] !== t2) {
+	if ($[7] !== responseCode || $[8] !== t2) {
 		t3 = /* @__PURE__ */ jsx(TabsContent, {
 			value: responseCode,
 			className: "border-t",
 			children: t2
 		}, responseCode);
-		$[6] = responseCode;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[7] = responseCode;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
 	return t3;
 };
 const EndpointResponseSchema = (t0) => {
-	const $ = c(10);
+	const $ = c(11);
+	if ($[0] !== "e4de7b36c48b33b1d8a3aa52a415bcc5b35556fbd21c0f6bc47983adc48a77ce") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e4de7b36c48b33b1d8a3aa52a415bcc5b35556fbd21c0f6bc47983adc48a77ce";
+	}
 	const { items } = t0;
 	if (items.length === 0) return null;
 	const t1 = items[0].responseCode;
 	let t2;
-	if ($[0] !== items) {
+	if ($[1] !== items) {
 		t2 = items.map(_temp2);
-		$[0] = items;
-		$[1] = t2;
-	} else t2 = $[1];
+		$[1] = items;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[2] !== t2) {
+	if ($[3] !== t2) {
 		t3 = /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-between bg-card",
 			children: /* @__PURE__ */ jsx(TabsList, {
@@ -924,17 +976,17 @@ const EndpointResponseSchema = (t0) => {
 				children: t2
 			})
 		});
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
 	let t4;
-	if ($[4] !== items) {
+	if ($[5] !== items) {
 		t4 = items.map(_temp3);
-		$[4] = items;
-		$[5] = t4;
-	} else t4 = $[5];
+		$[5] = items;
+		$[6] = t4;
+	} else t4 = $[6];
 	let t5;
-	if ($[6] !== items[0].responseCode || $[7] !== t3 || $[8] !== t4) {
+	if ($[7] !== items[0].responseCode || $[8] !== t3 || $[9] !== t4) {
 		t5 = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col rounded-lg border",
 			children: /* @__PURE__ */ jsxs(Tabs, {
@@ -942,11 +994,11 @@ const EndpointResponseSchema = (t0) => {
 				children: [t3, t4]
 			})
 		});
-		$[6] = items[0].responseCode;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[7] = items[0].responseCode;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
 	return t5;
 };
 function _temp$5(store) {
@@ -966,69 +1018,73 @@ function _temp3(props) {
 //#endregion
 //#region src/spec/spec-side-panel.tsx
 const SpecSidePanel = (t0) => {
-	const $ = c(25);
+	const $ = c(26);
+	if ($[0] !== "1460e2628753bf80967063f35b14988afbd9dd8b96c8778ac3b5ebba7a833fc1") {
+		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "1460e2628753bf80967063f35b14988afbd9dd8b96c8778ac3b5ebba7a833fc1";
+	}
 	const { endpoint, onClose } = t0;
 	const { body } = useJsonSchemaToJson(endpoint.bodySchema);
 	let t1;
-	if ($[0] !== endpoint.method || $[1] !== endpoint.path) {
+	if ($[1] !== endpoint.method || $[2] !== endpoint.path) {
 		t1 = /* @__PURE__ */ jsx(EndpointPath, {
 			method: endpoint.method,
 			path: endpoint.path
 		});
-		$[0] = endpoint.method;
-		$[1] = endpoint.path;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[1] = endpoint.method;
+		$[2] = endpoint.path;
+		$[3] = t1;
+	} else t1 = $[3];
 	let t2;
-	if ($[3] !== onClose) {
+	if ($[4] !== onClose) {
 		t2 = /* @__PURE__ */ jsx(X, {
 			className: "cursor-pointer w-4 h-4",
 			onClick: onClose
 		});
-		$[3] = onClose;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[4] = onClose;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[5] !== onClose || $[6] !== t2) {
+	if ($[6] !== onClose || $[7] !== t2) {
 		t3 = [{
 			icon: t2,
 			onClick: onClose
 		}];
-		$[5] = onClose;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[6] = onClose;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
 	let t4;
 	let t5;
-	if ($[8] !== endpoint) {
+	if ($[9] !== endpoint) {
 		t4 = /* @__PURE__ */ jsx(EndpointPathParamsPanel, { endpoint });
 		t5 = /* @__PURE__ */ jsx(EndpointQueryParamsPanel, { endpoint });
-		$[8] = endpoint;
-		$[9] = t4;
-		$[10] = t5;
+		$[9] = endpoint;
+		$[10] = t4;
+		$[11] = t5;
 	} else {
-		t4 = $[9];
-		t5 = $[10];
+		t4 = $[10];
+		t5 = $[11];
 	}
 	let t6;
-	if ($[11] !== body || $[12] !== endpoint) {
+	if ($[12] !== body || $[13] !== endpoint) {
 		t6 = /* @__PURE__ */ jsx(EndpointBodyPanel, {
 			endpoint,
 			panelName: "details",
 			value: body
 		});
-		$[11] = body;
-		$[12] = endpoint;
-		$[13] = t6;
-	} else t6 = $[13];
+		$[12] = body;
+		$[13] = endpoint;
+		$[14] = t6;
+	} else t6 = $[14];
 	let t7;
-	if ($[14] !== endpoint.responseSchema) {
+	if ($[15] !== endpoint.responseSchema) {
 		t7 = /* @__PURE__ */ jsx(EndpointResponseSchema, { items: Object.entries(endpoint?.responseSchema ?? {}).map(_temp$4) });
-		$[14] = endpoint.responseSchema;
-		$[15] = t7;
-	} else t7 = $[15];
+		$[15] = endpoint.responseSchema;
+		$[16] = t7;
+	} else t7 = $[16];
 	let t8;
-	if ($[16] !== endpoint.description || $[17] !== onClose || $[18] !== t1 || $[19] !== t3 || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== t7) {
+	if ($[17] !== endpoint.description || $[18] !== onClose || $[19] !== t1 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7) {
 		t8 = /* @__PURE__ */ jsxs(Sidebar, {
 			initialWidth: 600,
 			subtitle: endpoint.description,
@@ -1042,16 +1098,16 @@ const SpecSidePanel = (t0) => {
 				t7
 			]
 		});
-		$[16] = endpoint.description;
-		$[17] = onClose;
-		$[18] = t1;
-		$[19] = t3;
-		$[20] = t4;
-		$[21] = t5;
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t8;
-	} else t8 = $[24];
+		$[17] = endpoint.description;
+		$[18] = onClose;
+		$[19] = t1;
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
 	return t8;
 };
 function _temp$4(t0) {
@@ -1065,7 +1121,11 @@ function _temp$4(t0) {
 //#endregion
 //#region src/components/json-editor.tsx
 const JsonEditor = (t0) => {
-	const $ = c(40);
+	const $ = c(41);
+	if ($[0] !== "0b3355d4554a672310b1abdad893ca8974afca90f2334dd0d80cf3d8e960c55e") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0b3355d4554a672310b1abdad893ca8974afca90f2334dd0d80cf3d8e960c55e";
+	}
 	const { value, schema, onChange, onValidate, language: t1, readOnly: t2 } = t0;
 	const language = t1 === void 0 ? "json" : t1;
 	const readOnly = t2 === void 0 ? false : t2;
@@ -1076,7 +1136,7 @@ const JsonEditor = (t0) => {
 	const isValidatingRef = useRef(false);
 	let t3;
 	let t4;
-	if ($[0] !== monaco) {
+	if ($[1] !== monaco) {
 		t3 = () => {
 			if (!monaco) return;
 			monaco.editor.defineTheme("transparent-light", {
@@ -1111,17 +1171,17 @@ const JsonEditor = (t0) => {
 			});
 		};
 		t4 = [monaco];
-		$[0] = monaco;
-		$[1] = t3;
-		$[2] = t4;
+		$[1] = monaco;
+		$[2] = t3;
+		$[3] = t4;
 	} else {
-		t3 = $[1];
-		t4 = $[2];
+		t3 = $[2];
+		t4 = $[3];
 	}
 	useLayoutEffect(t3, t4);
 	let t5;
 	let t6;
-	if ($[3] !== monaco || $[4] !== schema) {
+	if ($[4] !== monaco || $[5] !== schema) {
 		t5 = () => {
 			if (!monaco) return;
 			monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true });
@@ -1132,35 +1192,35 @@ const JsonEditor = (t0) => {
 			}] : [] });
 		};
 		t6 = [monaco, schema];
-		$[3] = monaco;
-		$[4] = schema;
-		$[5] = t5;
-		$[6] = t6;
+		$[4] = monaco;
+		$[5] = schema;
+		$[6] = t5;
+		$[7] = t6;
 	} else {
-		t5 = $[5];
-		t6 = $[6];
+		t5 = $[6];
+		t6 = $[7];
 	}
 	useEffect(t5, t6);
 	let t7;
 	let t8;
-	if ($[7] !== editorTheme || $[8] !== monaco) {
+	if ($[8] !== editorTheme || $[9] !== monaco) {
 		t7 = () => {
 			if (!monaco) return;
 			monaco.editor.setTheme(editorTheme);
 		};
 		t8 = [monaco, editorTheme];
-		$[7] = editorTheme;
-		$[8] = monaco;
-		$[9] = t7;
-		$[10] = t8;
+		$[8] = editorTheme;
+		$[9] = monaco;
+		$[10] = t7;
+		$[11] = t8;
 	} else {
-		t7 = $[9];
-		t8 = $[10];
+		t7 = $[10];
+		t8 = $[11];
 	}
 	useLayoutEffect(t7, t8);
 	let t10;
 	let t9;
-	if ($[11] !== editor) {
+	if ($[12] !== editor) {
 		t9 = () => {
 			if (!editor) return;
 			const container = editor.getContainerDomNode().parentElement?.parentElement;
@@ -1185,17 +1245,17 @@ const JsonEditor = (t0) => {
 			};
 		};
 		t10 = [editor];
-		$[11] = editor;
-		$[12] = t10;
-		$[13] = t9;
+		$[12] = editor;
+		$[13] = t10;
+		$[14] = t9;
 	} else {
-		t10 = $[12];
-		t9 = $[13];
+		t10 = $[13];
+		t9 = $[14];
 	}
 	useEffect(t9, t10);
 	let t11;
 	let t12;
-	if ($[14] !== editor || $[15] !== monaco || $[16] !== onValidate || $[17] !== schema || $[18] !== value) {
+	if ($[15] !== editor || $[16] !== monaco || $[17] !== onValidate || $[18] !== schema || $[19] !== value) {
 		t11 = () => {
 			if (!editor || !monaco || !onValidate || isValidatingRef.current) return;
 			const model = editor.getModel();
@@ -1223,35 +1283,35 @@ const JsonEditor = (t0) => {
 			value,
 			schema
 		];
-		$[14] = editor;
-		$[15] = monaco;
-		$[16] = onValidate;
-		$[17] = schema;
-		$[18] = value;
-		$[19] = t11;
-		$[20] = t12;
+		$[15] = editor;
+		$[16] = monaco;
+		$[17] = onValidate;
+		$[18] = schema;
+		$[19] = value;
+		$[20] = t11;
+		$[21] = t12;
 	} else {
-		t11 = $[19];
-		t12 = $[20];
+		t11 = $[20];
+		t12 = $[21];
 	}
 	useEffect(t11, t12);
 	let t13;
-	if ($[21] !== schema) {
+	if ($[22] !== schema) {
 		t13 = schema ? JSON.stringify(schema) : "no-schema";
-		$[21] = schema;
-		$[22] = t13;
-	} else t13 = $[22];
+		$[22] = schema;
+		$[23] = t13;
+	} else t13 = $[23];
 	const editorKey = t13;
 	let t14;
-	if ($[23] !== onChange) {
+	if ($[24] !== onChange) {
 		t14 = (value_0) => {
 			onChange?.(value_0 ?? "");
 		};
-		$[23] = onChange;
-		$[24] = t14;
-	} else t14 = $[24];
+		$[24] = onChange;
+		$[25] = t14;
+	} else t14 = $[25];
 	let t15;
-	if ($[25] !== onValidate || $[26] !== schema || $[27] !== value) {
+	if ($[26] !== onValidate || $[27] !== schema || $[28] !== value) {
 		t15 = (markers_0) => {
 			if (!onValidate || isValidatingRef.current) return;
 			isValidatingRef.current = true;
@@ -1259,18 +1319,18 @@ const JsonEditor = (t0) => {
 			else onValidate(markers_0.length === 0);
 			isValidatingRef.current = false;
 		};
-		$[25] = onValidate;
-		$[26] = schema;
-		$[27] = value;
-		$[28] = t15;
-	} else t15 = $[28];
+		$[26] = onValidate;
+		$[27] = schema;
+		$[28] = value;
+		$[29] = t15;
+	} else t15 = $[29];
 	let t16;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
 		t16 = { enabled: false };
-		$[29] = t16;
-	} else t16 = $[29];
+		$[30] = t16;
+	} else t16 = $[30];
 	let t17;
-	if ($[30] !== readOnly) {
+	if ($[31] !== readOnly) {
 		t17 = {
 			automaticLayout: false,
 			readOnly,
@@ -1278,11 +1338,11 @@ const JsonEditor = (t0) => {
 			minimap: t16,
 			overviewRulerLanes: 0
 		};
-		$[30] = readOnly;
-		$[31] = t17;
-	} else t17 = $[31];
+		$[31] = readOnly;
+		$[32] = t17;
+	} else t17 = $[32];
 	let t18;
-	if ($[32] !== editorKey || $[33] !== editorTheme || $[34] !== language || $[35] !== t14 || $[36] !== t15 || $[37] !== t17 || $[38] !== value) {
+	if ($[33] !== editorKey || $[34] !== editorTheme || $[35] !== language || $[36] !== t14 || $[37] !== t15 || $[38] !== t17 || $[39] !== value) {
 		t18 = /* @__PURE__ */ jsx(Editor, {
 			"data-testid": "json-editor",
 			language,
@@ -1294,15 +1354,15 @@ const JsonEditor = (t0) => {
 			onValidate: t15,
 			options: t17
 		}, editorKey);
-		$[32] = editorKey;
-		$[33] = editorTheme;
-		$[34] = language;
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t17;
-		$[38] = value;
-		$[39] = t18;
-	} else t18 = $[39];
+		$[33] = editorKey;
+		$[34] = editorTheme;
+		$[35] = language;
+		$[36] = t14;
+		$[37] = t15;
+		$[38] = t17;
+		$[39] = value;
+		$[40] = t18;
+	} else t18 = $[40];
 	return t18;
 };
 function _temp$3(state) {
@@ -1312,7 +1372,11 @@ function _temp$3(state) {
 //#endregion
 //#region src/play/side-panel-body-tab.tsx
 const SidePanelBodyTab = memo((t0) => {
-	const $ = c(20);
+	const $ = c(21);
+	if ($[0] !== "15cdaf91612bb3c1ef34320b0f01a80a135e66606fb87beb7a4a2f7f95e53a69") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "15cdaf91612bb3c1ef34320b0f01a80a135e66606fb87beb7a4a2f7f95e53a69";
+	}
 	const { schema } = t0;
 	const { setBody, setBodyIsValid } = useEndpointConfiguration();
 	const bodyIsValid = useEndpointConfiguration(useShallow(getBodyIsValidSelector));
@@ -1321,7 +1385,7 @@ const SidePanelBodyTab = memo((t0) => {
 	const userClearedRef = useRef(false);
 	let t1;
 	let t2;
-	if ($[0] !== body || $[1] !== schema || $[2] !== setBody || $[3] !== setBodyIsValid) {
+	if ($[1] !== body || $[2] !== schema || $[3] !== setBody || $[4] !== setBodyIsValid) {
 		t1 = () => {
 			const schemaChanged = previousSchemaRef.current !== schema;
 			previousSchemaRef.current = schema;
@@ -1341,19 +1405,19 @@ const SidePanelBodyTab = memo((t0) => {
 			setBody,
 			setBodyIsValid
 		];
-		$[0] = body;
-		$[1] = schema;
-		$[2] = setBody;
-		$[3] = setBodyIsValid;
-		$[4] = t1;
-		$[5] = t2;
+		$[1] = body;
+		$[2] = schema;
+		$[3] = setBody;
+		$[4] = setBodyIsValid;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[5];
+		t2 = $[6];
 	}
 	useEffect(t1, t2);
 	let t3;
-	if ($[6] !== schema || $[7] !== setBody || $[8] !== setBodyIsValid) {
+	if ($[7] !== schema || $[8] !== setBody || $[9] !== setBodyIsValid) {
 		t3 = (value) => {
 			setBody(value);
 			if (schema && !value) {
@@ -1361,53 +1425,57 @@ const SidePanelBodyTab = memo((t0) => {
 				userClearedRef.current = true;
 			} else userClearedRef.current = false;
 		};
-		$[6] = schema;
-		$[7] = setBody;
-		$[8] = setBodyIsValid;
-		$[9] = t3;
-	} else t3 = $[9];
+		$[7] = schema;
+		$[8] = setBody;
+		$[9] = setBodyIsValid;
+		$[10] = t3;
+	} else t3 = $[10];
 	const handleBodyChange = t3;
 	let t4;
-	if ($[10] !== body || $[11] !== handleBodyChange || $[12] !== schema || $[13] !== setBodyIsValid) {
+	if ($[11] !== body || $[12] !== handleBodyChange || $[13] !== schema || $[14] !== setBodyIsValid) {
 		t4 = /* @__PURE__ */ jsx(JsonEditor, {
 			value: body,
 			schema,
 			onChange: handleBodyChange,
 			onValidate: setBodyIsValid
 		});
-		$[10] = body;
-		$[11] = handleBodyChange;
-		$[12] = schema;
-		$[13] = setBodyIsValid;
-		$[14] = t4;
-	} else t4 = $[14];
+		$[11] = body;
+		$[12] = handleBodyChange;
+		$[13] = schema;
+		$[14] = setBodyIsValid;
+		$[15] = t4;
+	} else t4 = $[15];
 	let t5;
-	if ($[15] !== bodyIsValid) {
+	if ($[16] !== bodyIsValid) {
 		t5 = bodyIsValid === false && /* @__PURE__ */ jsxs("div", {
 			className: "absolute bottom-0 left-0 right-0 border-t border-border p-3 text-sm dark:text-yellow-500 text-yellow-700 flex items-center gap-1 font-medium",
 			"data-testid": "endpoint-body-tab-invalid",
 			children: [/* @__PURE__ */ jsx(CircleX, { className: "w-4 h-4" }), "The body payload is invalid"]
 		});
-		$[15] = bodyIsValid;
-		$[16] = t5;
-	} else t5 = $[16];
+		$[16] = bodyIsValid;
+		$[17] = t5;
+	} else t5 = $[17];
 	let t6;
-	if ($[17] !== t4 || $[18] !== t5) {
+	if ($[18] !== t4 || $[19] !== t5) {
 		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "max-h-full h-full relative",
 			children: [t4, t5]
 		});
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
 	return t6;
 });
 //#endregion
 //#region src/components/configuration-list-item.tsx
 const ConfigurationListItem = memo((t0) => {
-	const $ = c(58);
+	const $ = c(59);
+	if ($[0] !== "49b457e4243ed5368ffc15725d84d290ce5fe7173cb1a11ee0a1be10ae181259") {
+		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "49b457e4243ed5368ffc15725d84d290ce5fe7173cb1a11ee0a1be10ae181259";
+	}
 	const { value, id, onUpdate, onRemove, required: t1 } = t0;
 	const required = t1 === void 0 ? false : t1;
 	const [activeConfiguration, setActiveConfiguration] = useState(null);
@@ -1415,7 +1483,7 @@ const ConfigurationListItem = memo((t0) => {
 	const deleteTimeout = useRef(void 0);
 	const isActive = activeConfiguration === id;
 	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = (key) => {
 			clearTimeout(deleteTimeout.current);
 			setValueToDelete(key);
@@ -1423,74 +1491,74 @@ const ConfigurationListItem = memo((t0) => {
 				setValueToDelete(null);
 			}, 5e3);
 		};
-		$[0] = t2;
-	} else t2 = $[0];
+		$[1] = t2;
+	} else t2 = $[1];
 	const onDelete = t2;
 	let t3;
-	if ($[1] !== id || $[2] !== required) {
+	if ($[2] !== id || $[3] !== required) {
 		t3 = () => {
 			if (required) return;
 			setActiveConfiguration(id);
 		};
-		$[1] = id;
-		$[2] = required;
-		$[3] = t3;
-	} else t3 = $[3];
+		$[2] = id;
+		$[3] = required;
+		$[4] = t3;
+	} else t3 = $[4];
 	const onMouseOver = t3;
 	let t4;
-	if ($[4] !== required) {
+	if ($[5] !== required) {
 		t4 = () => {
 			if (required) return;
 			setActiveConfiguration(null);
 		};
-		$[4] = required;
-		$[5] = t4;
-	} else t4 = $[5];
+		$[5] = required;
+		$[6] = t4;
+	} else t4 = $[6];
 	const onMouseLeave = t4;
 	const t5 = isActive && "bg-card";
 	let t6;
-	if ($[6] !== t5) {
+	if ($[7] !== t5) {
 		t6 = cn("grid grid-cols-[auto_1fr_auto] items-center py-2 px-4 bg-muted/30 rounded-lg gap-2", t5);
-		$[6] = t5;
-		$[7] = t6;
-	} else t6 = $[7];
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
 	let t7;
-	if ($[8] !== id || $[9] !== onUpdate) {
+	if ($[9] !== id || $[10] !== onUpdate) {
 		t7 = (checked) => onUpdate(id, "active", checked);
-		$[8] = id;
-		$[9] = onUpdate;
-		$[10] = t7;
-	} else t7 = $[10];
+		$[9] = id;
+		$[10] = onUpdate;
+		$[11] = t7;
+	} else t7 = $[11];
 	let t8;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" });
-		$[11] = t8;
-	} else t8 = $[11];
+		$[12] = t8;
+	} else t8 = $[12];
 	let t9;
-	if ($[12] !== required || $[13] !== t7 || $[14] !== value.active) {
+	if ($[13] !== required || $[14] !== t7 || $[15] !== value.active) {
 		t9 = /* @__PURE__ */ jsx(Checkbox, {
 			checked: value.active,
 			onCheckedChange: t7,
 			disabled: required,
 			children: t8
 		});
-		$[12] = required;
-		$[13] = t7;
-		$[14] = value.active;
-		$[15] = t9;
-	} else t9 = $[15];
+		$[13] = required;
+		$[14] = t7;
+		$[15] = value.active;
+		$[16] = t9;
+	} else t9 = $[16];
 	const t10 = !value.active;
 	const t11 = required ? "outlineReadonly" : "outline";
 	const t12 = `name-${id}`;
 	let t13;
-	if ($[16] !== id || $[17] !== onUpdate) {
+	if ($[17] !== id || $[18] !== onUpdate) {
 		t13 = (e) => onUpdate(id, "name", e.target.value);
-		$[16] = id;
-		$[17] = onUpdate;
-		$[18] = t13;
-	} else t13 = $[18];
+		$[17] = id;
+		$[18] = onUpdate;
+		$[19] = t13;
+	} else t13 = $[19];
 	let t14;
-	if ($[19] !== required || $[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t13 || $[24] !== value.name) {
+	if ($[20] !== required || $[21] !== t10 || $[22] !== t11 || $[23] !== t12 || $[24] !== t13 || $[25] !== value.name) {
 		t14 = /* @__PURE__ */ jsx(Input, {
 			readOnly: required,
 			disabled: t10,
@@ -1501,25 +1569,25 @@ const ConfigurationListItem = memo((t0) => {
 			placeholder: "Name",
 			className: "h-8"
 		});
-		$[19] = required;
-		$[20] = t10;
-		$[21] = t11;
-		$[22] = t12;
-		$[23] = t13;
-		$[24] = value.name;
-		$[25] = t14;
-	} else t14 = $[25];
+		$[20] = required;
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t12;
+		$[24] = t13;
+		$[25] = value.name;
+		$[26] = t14;
+	} else t14 = $[26];
 	const t15 = !value.active;
 	const t16 = `value-${id}`;
 	let t17;
-	if ($[26] !== id || $[27] !== onUpdate) {
+	if ($[27] !== id || $[28] !== onUpdate) {
 		t17 = (e_0) => onUpdate(id, "value", e_0.target.value);
-		$[26] = id;
-		$[27] = onUpdate;
-		$[28] = t17;
-	} else t17 = $[28];
+		$[27] = id;
+		$[28] = onUpdate;
+		$[29] = t17;
+	} else t17 = $[29];
 	let t18;
-	if ($[29] !== t15 || $[30] !== t16 || $[31] !== t17 || $[32] !== value.value) {
+	if ($[30] !== t15 || $[31] !== t16 || $[32] !== t17 || $[33] !== value.value) {
 		t18 = /* @__PURE__ */ jsx(Input, {
 			disabled: t15,
 			variant: "outline",
@@ -1529,50 +1597,50 @@ const ConfigurationListItem = memo((t0) => {
 			placeholder: "Value",
 			className: "h-8"
 		});
-		$[29] = t15;
-		$[30] = t16;
-		$[31] = t17;
-		$[32] = value.value;
-		$[33] = t18;
-	} else t18 = $[33];
+		$[30] = t15;
+		$[31] = t16;
+		$[32] = t17;
+		$[33] = value.value;
+		$[34] = t18;
+	} else t18 = $[34];
 	let t19;
-	if ($[34] !== t14 || $[35] !== t18) {
+	if ($[35] !== t14 || $[36] !== t18) {
 		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-2 gap-2",
 			children: [t14, t18]
 		});
-		$[34] = t14;
-		$[35] = t18;
-		$[36] = t19;
-	} else t19 = $[36];
+		$[35] = t14;
+		$[36] = t18;
+		$[37] = t19;
+	} else t19 = $[37];
 	let t20;
-	if ($[37] !== id || $[38] !== onRemove || $[39] !== valueToDelete) {
+	if ($[38] !== id || $[39] !== onRemove || $[40] !== valueToDelete) {
 		t20 = () => {
 			if (valueToDelete === id) onRemove?.(id);
 			else onDelete(id);
 		};
-		$[37] = id;
-		$[38] = onRemove;
-		$[39] = valueToDelete;
-		$[40] = t20;
-	} else t20 = $[40];
+		$[38] = id;
+		$[39] = onRemove;
+		$[40] = valueToDelete;
+		$[41] = t20;
+	} else t20 = $[41];
 	const t21 = isActive && "opacity-100";
 	let t22;
-	if ($[41] !== t21) {
+	if ($[42] !== t21) {
 		t22 = cn("h-6 w-6 opacity-0 transition-opacity duration-200", t21);
-		$[41] = t21;
-		$[42] = t22;
-	} else t22 = $[42];
+		$[42] = t21;
+		$[43] = t22;
+	} else t22 = $[43];
 	const t23 = valueToDelete === id && isActive ? "Click again to remove" : "Remove";
 	let t24;
-	if ($[43] !== id || $[44] !== valueToDelete) {
+	if ($[44] !== id || $[45] !== valueToDelete) {
 		t24 = valueToDelete === id ? /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" });
-		$[43] = id;
-		$[44] = valueToDelete;
-		$[45] = t24;
-	} else t24 = $[45];
+		$[44] = id;
+		$[45] = valueToDelete;
+		$[46] = t24;
+	} else t24 = $[46];
 	let t25;
-	if ($[46] !== t20 || $[47] !== t22 || $[48] !== t23 || $[49] !== t24) {
+	if ($[47] !== t20 || $[48] !== t22 || $[49] !== t23 || $[50] !== t24) {
 		t25 = /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			size: "icon",
@@ -1581,14 +1649,14 @@ const ConfigurationListItem = memo((t0) => {
 			title: t23,
 			children: t24
 		});
-		$[46] = t20;
-		$[47] = t22;
-		$[48] = t23;
-		$[49] = t24;
-		$[50] = t25;
-	} else t25 = $[50];
+		$[47] = t20;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t24;
+		$[51] = t25;
+	} else t25 = $[51];
 	let t26;
-	if ($[51] !== onMouseLeave || $[52] !== onMouseOver || $[53] !== t19 || $[54] !== t25 || $[55] !== t6 || $[56] !== t9) {
+	if ($[52] !== onMouseLeave || $[53] !== onMouseOver || $[54] !== t19 || $[55] !== t25 || $[56] !== t6 || $[57] !== t9) {
 		t26 = /* @__PURE__ */ jsxs("div", {
 			className: t6,
 			onMouseOver,
@@ -1599,14 +1667,14 @@ const ConfigurationListItem = memo((t0) => {
 				t25
 			]
 		});
-		$[51] = onMouseLeave;
-		$[52] = onMouseOver;
-		$[53] = t19;
-		$[54] = t25;
-		$[55] = t6;
-		$[56] = t9;
-		$[57] = t26;
-	} else t26 = $[57];
+		$[52] = onMouseLeave;
+		$[53] = onMouseOver;
+		$[54] = t19;
+		$[55] = t25;
+		$[56] = t6;
+		$[57] = t9;
+		$[58] = t26;
+	} else t26 = $[58];
 	return t26;
 });
@@ -1667,27 +1735,31 @@ const SidePanelHeadersTab = () => {
 //#region src/hooks/use-path-url.ts
 const queryParamsSelector = (state) => Object.values(getQueryParamsSelector(state)).filter((param) => param.active && param.value !== "" && param.name !== "");
 const usePathUrl = (path) => {
-	const $ = c(5);
+	const $ = c(6);
+	if ($[0] !== "7e3e8f17b13eb81e00060ed9f39b6042cd1d077a2d43f0c27437d6309314f3aa") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7e3e8f17b13eb81e00060ed9f39b6042cd1d077a2d43f0c27437d6309314f3aa";
+	}
 	const pathParams = useEndpointConfiguration(useShallow(getPathParamsSelector));
 	const queryParams = useEndpointConfiguration(useShallow(queryParamsSelector));
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = /:(\w+)/g;
-		$[0] = t0;
-	} else t0 = $[0];
+		$[1] = t0;
+	} else t0 = $[1];
 	let t1;
-	if ($[1] !== pathParams) {
+	if ($[2] !== pathParams) {
 		t1 = (match, p1) => pathParams[p1]?.value || match;
-		$[1] = pathParams;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[2] = pathParams;
+		$[3] = t1;
+	} else t1 = $[3];
 	const url = path.replace(t0, t1);
 	let t2;
-	if ($[3] !== queryParams) {
+	if ($[4] !== queryParams) {
 		t2 = queryParams.length > 0 ? `?${queryParams.map(_temp$2).join("&")}` : "";
-		$[3] = queryParams;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[4] = queryParams;
+		$[5] = t2;
+	} else t2 = $[5];
 	return url + t2;
 };
 function _temp$2(param) {
@@ -1697,12 +1769,16 @@ function _temp$2(param) {
 //#endregion
 //#region src/components/endpoint-path-preview.tsx
 const EndpointPathPreview = (t0) => {
-	const $ = c(16);
+	const $ = c(17);
+	if ($[0] !== "d28e3e9329232a2b4ad7f30814822a8f9a40f9e19a3e5c4e80f13d7dbd0fed07") {
+		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d28e3e9329232a2b4ad7f30814822a8f9a40f9e19a3e5c4e80f13d7dbd0fed07";
+	}
 	const { path, baseUrl: t1 } = t0;
 	const fullUrl = `${t1 === void 0 ? window.location.origin : t1}${usePathUrl(path)}`;
 	const [copied, setCopied] = useState(false);
 	let t2;
-	if ($[0] !== fullUrl) {
+	if ($[1] !== fullUrl) {
 		t2 = async () => {
 			try {
 				await navigator.clipboard.writeText(fullUrl);
@@ -1713,20 +1789,20 @@ const EndpointPathPreview = (t0) => {
 				console.error("Failed to copy URL:", err);
 			}
 		};
-		$[0] = fullUrl;
-		$[1] = t2;
-	} else t2 = $[1];
+		$[1] = fullUrl;
+		$[2] = t2;
+	} else t2 = $[2];
 	const handleCopy = t2;
 	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = /* @__PURE__ */ jsx("div", {
 			className: "text-sm font-medium py-2",
 			children: "URL Preview"
 		});
-		$[2] = t3;
-	} else t3 = $[2];
+		$[3] = t3;
+	} else t3 = $[3];
 	let t4;
-	if ($[3] !== fullUrl) {
+	if ($[4] !== fullUrl) {
 		t4 = /* @__PURE__ */ jsx("div", {
 			className: "min-w-0",
 			children: /* @__PURE__ */ jsx("div", {
@@ -1735,24 +1811,24 @@ const EndpointPathPreview = (t0) => {
 				children: fullUrl
 			})
 		});
-		$[3] = fullUrl;
-		$[4] = t4;
-	} else t4 = $[4];
+		$[4] = fullUrl;
+		$[5] = t4;
+	} else t4 = $[5];
 	const t5 = copied ? "text-green-400" : "text-muted-foreground";
 	let t6;
-	if ($[5] !== t5) {
+	if ($[6] !== t5) {
 		t6 = cn("w-3 h-3 grid place-items-center transition-colors cursor-pointer", t5);
-		$[5] = t5;
-		$[6] = t6;
-	} else t6 = $[6];
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
 	let t7;
-	if ($[7] !== copied) {
+	if ($[8] !== copied) {
 		t7 = copied ? /* @__PURE__ */ jsx(Check, { className: "w-2.5 h-2.5" }) : /* @__PURE__ */ jsx(Copy, { className: "w-2.5 h-2.5" });
-		$[7] = copied;
-		$[8] = t7;
-	} else t7 = $[8];
+		$[8] = copied;
+		$[9] = t7;
+	} else t7 = $[9];
 	let t8;
-	if ($[9] !== handleCopy || $[10] !== t6 || $[11] !== t7) {
+	if ($[10] !== handleCopy || $[11] !== t6 || $[12] !== t7) {
 		t8 = /* @__PURE__ */ jsx(Button, {
 			onClick: handleCopy,
 			className: t6,
@@ -1761,13 +1837,13 @@ const EndpointPathPreview = (t0) => {
 			"aria-label": "Copy URL",
 			children: t7
 		});
-		$[9] = handleCopy;
-		$[10] = t6;
-		$[11] = t7;
-		$[12] = t8;
-	} else t8 = $[12];
+		$[10] = handleCopy;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
 	let t9;
-	if ($[13] !== t4 || $[14] !== t8) {
+	if ($[14] !== t4 || $[15] !== t8) {
 		t9 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[auto_1fr] items-center gap-5 px-5 relative border-b border-border",
 			children: [t3, /* @__PURE__ */ jsxs("div", {
@@ -1775,10 +1851,10 @@ const EndpointPathPreview = (t0) => {
 				children: [t4, t8]
 			})]
 		});
-		$[13] = t4;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
+		$[14] = t4;
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
 	return t9;
 };
@@ -1887,59 +1963,63 @@ const SidePanelParamsTab = ({ path }) => {
 //#endregion
 //#region src/hooks/use-state-stream.ts
 const useStateStream = (object) => {
-	const $ = c(14);
+	const $ = c(15);
+	if ($[0] !== "285f0ed50e2dd4fc3015728ea5aa13d2c7f564b6cdec2adc1e1f9b84c6cc298a") {
+		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "285f0ed50e2dd4fc3015728ea5aa13d2c7f564b6cdec2adc1e1f9b84c6cc298a";
+	}
 	let t0;
-	if ($[0] !== object) {
+	if ($[1] !== object) {
 		t0 = typeof object === "string" ? {} : object || {};
-		$[0] = object;
-		$[1] = t0;
-	} else t0 = $[1];
+		$[1] = object;
+		$[2] = t0;
+	} else t0 = $[2];
 	let __motia;
 	let rest;
-	if ($[2] !== t0) {
+	if ($[3] !== t0) {
 		({__motia, ...rest} = t0);
-		$[2] = t0;
-		$[3] = __motia;
-		$[4] = rest;
+		$[3] = t0;
+		$[4] = __motia;
+		$[5] = rest;
 	} else {
-		__motia = $[3];
-		rest = $[4];
+		__motia = $[4];
+		rest = $[5];
 	}
 	const { data } = useStreamItem(__motia);
 	const originalData = Array.isArray(object) ? object : rest || object;
 	if (typeof object === "string") {
 		let t1$1;
-		if ($[5] !== object) {
+		if ($[6] !== object) {
 			t1$1 = {
 				data: object,
 				originalData: object,
 				isStreamed: false
 			};
-			$[5] = object;
-			$[6] = t1$1;
-		} else t1$1 = $[6];
+			$[6] = object;
+			$[7] = t1$1;
+		} else t1$1 = $[7];
 		return t1$1;
 	}
 	let t1;
-	if ($[7] !== data || $[8] !== originalData) {
+	if ($[8] !== data || $[9] !== originalData) {
 		t1 = JSON.stringify(data || originalData, null, 2);
-		$[7] = data;
-		$[8] = originalData;
-		$[9] = t1;
-	} else t1 = $[9];
+		$[8] = data;
+		$[9] = originalData;
+		$[10] = t1;
+	} else t1 = $[10];
 	const t2 = !!__motia;
 	let t3;
-	if ($[10] !== originalData || $[11] !== t1 || $[12] !== t2) {
+	if ($[11] !== originalData || $[12] !== t1 || $[13] !== t2) {
 		t3 = {
 			data: t1,
 			originalData,
 			isStreamed: t2
 		};
-		$[10] = originalData;
-		$[11] = t1;
-		$[12] = t2;
-		$[13] = t3;
-	} else t3 = $[13];
+		$[11] = originalData;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
 	return t3;
 };
@@ -2016,14 +2096,18 @@ const getStatusMessage = (statusCode) => {
 //#endregion
 //#region src/play/response-code.tsx
 const ResponseCode = (t0) => {
-	const $ = c(12);
+	const $ = c(13);
+	if ($[0] !== "0a8e4c92b858ecb81d25d971cc42d057e6dc5a30e6757fd87f3755a59a3871b2") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0a8e4c92b858ecb81d25d971cc42d057e6dc5a30e6757fd87f3755a59a3871b2";
+	}
 	const { statusCode } = t0;
 	let t1;
-	if ($[0] !== statusCode) {
+	if ($[1] !== statusCode) {
 		t1 = getStatusMessage(statusCode);
-		$[0] = statusCode;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = statusCode;
+		$[2] = t1;
+	} else t1 = $[2];
 	const statusMessage = t1;
 	const isSuccess = statusCode > 0 && statusCode < 400;
 	const isWarning = statusCode >= 400 && statusCode < 500;
@@ -2032,24 +2116,24 @@ const ResponseCode = (t0) => {
 	const t3 = isError && "dark:bg-[#F8367D]/20 dark:text-[#F8367D] bg-[#F8367D] text-white";
 	const t4 = isSuccess && "dark:bg-accent-200 dark:text-primary bg-accent text-white";
 	let t5;
-	if ($[2] !== t2 || $[3] !== t3 || $[4] !== t4) {
+	if ($[3] !== t2 || $[4] !== t3 || $[5] !== t4) {
 		t5 = cn("px-2 py-1 rounded-sm flex items-center gap-1", t2, t3, t4);
-		$[2] = t2;
-		$[3] = t3;
-		$[4] = t4;
-		$[5] = t5;
-	} else t5 = $[5];
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
 	let t6;
-	if ($[6] !== statusCode) {
+	if ($[7] !== statusCode) {
 		t6 = /* @__PURE__ */ jsx("span", {
 			className: "font-bold font-mono",
 			children: statusCode
 		});
-		$[6] = statusCode;
-		$[7] = t6;
-	} else t6 = $[7];
+		$[7] = statusCode;
+		$[8] = t6;
+	} else t6 = $[8];
 	let t7;
-	if ($[8] !== statusMessage || $[9] !== t5 || $[10] !== t6) {
+	if ($[9] !== statusMessage || $[10] !== t5 || $[11] !== t6) {
 		t7 = /* @__PURE__ */ jsxs("div", {
 			className: t5,
 			children: [
@@ -2058,11 +2142,11 @@ const ResponseCode = (t0) => {
 				statusMessage
 			]
 		});
-		$[8] = statusMessage;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
+		$[9] = statusMessage;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
 	return t7;
 };
@@ -2083,24 +2167,28 @@ const useLanguage = (contentType) => {
 	return "text";
 };
 const ResponseContent = (t0) => {
-	const $ = c(13);
+	const $ = c(14);
+	if ($[0] !== "51b73d23c1291874f81ba55f0a6e81eecd3ad0cede326e91ed482cd0ab995a8f") {
+		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "51b73d23c1291874f81ba55f0a6e81eecd3ad0cede326e91ed482cd0ab995a8f";
+	}
 	const { code, blob, contentType } = t0;
 	const themeStyle = useThemeStore(_temp$1) === "dark" ? atomDark : oneLight;
 	const language = useLanguage(contentType);
 	let t1;
-	if ($[0] !== blob) {
+	if ($[1] !== blob) {
 		t1 = () => {
 			if (blob) {
 				const url = URL.createObjectURL(blob);
 				window.open(url, "_blank");
 			}
 		};
-		$[0] = blob;
-		$[1] = t1;
-	} else t1 = $[1];
+		$[1] = blob;
+		$[2] = t1;
+	} else t1 = $[2];
 	const onDownload = t1;
 	let t2;
-	if ($[2] !== blob || $[3] !== onDownload) {
+	if ($[3] !== blob || $[4] !== onDownload) {
 		t2 = blob && /* @__PURE__ */ jsx("div", {
 			className: "flex p-8 justify-center",
 			children: /* @__PURE__ */ jsxs(Button, {
@@ -2109,12 +2197,12 @@ const ResponseContent = (t0) => {
 				children: [/* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }), " Download"]
 			})
 		});
-		$[2] = blob;
-		$[3] = onDownload;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[3] = blob;
+		$[4] = onDownload;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[5] !== blob || $[6] !== code || $[7] !== language || $[8] !== themeStyle) {
+	if ($[6] !== blob || $[7] !== code || $[8] !== language || $[9] !== themeStyle) {
 		t3 = !blob && code && /* @__PURE__ */ jsx(Prism, {
 			showLineNumbers: true,
 			language,
@@ -2124,22 +2212,22 @@ const ResponseContent = (t0) => {
 			wrapLines: true,
 			children: code
 		});
-		$[5] = blob;
-		$[6] = code;
-		$[7] = language;
-		$[8] = themeStyle;
-		$[9] = t3;
-	} else t3 = $[9];
+		$[6] = blob;
+		$[7] = code;
+		$[8] = language;
+		$[9] = themeStyle;
+		$[10] = t3;
+	} else t3 = $[10];
 	let t4;
-	if ($[10] !== t2 || $[11] !== t3) {
+	if ($[11] !== t2 || $[12] !== t3) {
 		t4 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col h-full overflow-y-auto",
 			children: [t2, t3]
 		});
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t4;
-	} else t4 = $[12];
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
 	return t4;
 };
 function _temp$1(state) {
@@ -2149,26 +2237,30 @@ function _temp$1(state) {
 //#endregion
 //#region src/play/side-panel-response.tsx
 const SidePanelResponse = memo(() => {
-	const $ = c(28);
+	const $ = c(29);
+	if ($[0] !== "c41d9d0c255bfb25883f458c9673498cbc698b0e44623ab8537e78707a43852c") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c41d9d0c255bfb25883f458c9673498cbc698b0e44623ab8537e78707a43852c";
+	}
 	const { setResponse } = useEndpointConfiguration();
 	const response = useEndpointConfiguration(getResponseSelector);
 	const { data } = useStateStream(response?.body instanceof Blob ? void 0 : response?.body);
 	const [activeTab, setActiveTab] = useState("preview");
 	let t0;
-	if ($[0] !== setResponse) {
+	if ($[1] !== setResponse) {
 		t0 = () => setResponse(void 0);
-		$[0] = setResponse;
-		$[1] = t0;
-	} else t0 = $[1];
+		$[1] = setResponse;
+		$[2] = t0;
+	} else t0 = $[2];
 	const onClose = t0;
 	if (!response) return null;
 	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = (value) => setActiveTab(value);
-		$[2] = t1;
-	} else t1 = $[2];
+		$[3] = t1;
+	} else t1 = $[3];
 	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
 			value: "preview",
 			className: "cursor-pointer",
@@ -2178,15 +2270,15 @@ const SidePanelResponse = memo(() => {
 			className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer",
 			children: "Headers"
 		})] });
-		$[3] = t2;
-	} else t2 = $[3];
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" });
-		$[4] = t3;
-	} else t3 = $[4];
+		$[5] = t3;
+	} else t3 = $[5];
 	let t4;
-	if ($[5] !== onClose) {
+	if ($[6] !== onClose) {
 		t4 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card",
 			children: [t2, /* @__PURE__ */ jsx(Button, {
@@ -2196,26 +2288,26 @@ const SidePanelResponse = memo(() => {
 				children: t3
 			})]
 		});
-		$[5] = onClose;
-		$[6] = t4;
-	} else t4 = $[6];
+		$[6] = onClose;
+		$[7] = t4;
+	} else t4 = $[7];
 	let t5;
-	if ($[7] !== response.statusCode) {
+	if ($[8] !== response.statusCode) {
 		t5 = /* @__PURE__ */ jsx(ResponseCode, { statusCode: response.statusCode });
-		$[7] = response.statusCode;
-		$[8] = t5;
-	} else t5 = $[8];
+		$[8] = response.statusCode;
+		$[9] = t5;
+	} else t5 = $[9];
 	let t6;
-	if ($[9] !== response.executionTime) {
+	if ($[10] !== response.executionTime) {
 		t6 = !!response.executionTime && /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground bg-muted-foreground/10 px-2 py-1 rounded-sm",
 			children: [response.executionTime, "ms"]
 		});
-		$[9] = response.executionTime;
-		$[10] = t6;
-	} else t6 = $[10];
+		$[10] = response.executionTime;
+		$[11] = t6;
+	} else t6 = $[11];
 	let t7;
-	if ($[11] !== t5 || $[12] !== t6) {
+	if ($[12] !== t5 || $[13] !== t6) {
 		t7 = /* @__PURE__ */ jsx("div", {
 			className: "sticky bottom-0 border-b border-border p-3 text-sm flex items-center gap-1 font-medium",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -2223,14 +2315,14 @@ const SidePanelResponse = memo(() => {
 				children: [t5, t6]
 			})
 		});
-		$[11] = t5;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = t7;
+	} else t7 = $[14];
 	const t8 = response?.body instanceof Blob ? response.body : void 0;
 	const t9 = response.headers["content-type"];
 	let t10;
-	if ($[14] !== data || $[15] !== t8 || $[16] !== t9) {
+	if ($[15] !== data || $[16] !== t8 || $[17] !== t9) {
 		t10 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "preview",
 			children: /* @__PURE__ */ jsx(ResponseContent, {
@@ -2239,19 +2331,19 @@ const SidePanelResponse = memo(() => {
 				contentType: t9
 			})
 		});
-		$[14] = data;
-		$[15] = t8;
-		$[16] = t9;
-		$[17] = t10;
-	} else t10 = $[17];
+		$[15] = data;
+		$[16] = t8;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
 	let t11;
-	if ($[18] !== response.headers) {
+	if ($[19] !== response.headers) {
 		t11 = response.headers && Object.entries(response.headers).map(_temp);
-		$[18] = response.headers;
-		$[19] = t11;
-	} else t11 = $[19];
+		$[19] = response.headers;
+		$[20] = t11;
+	} else t11 = $[20];
 	let t12;
-	if ($[20] !== t11) {
+	if ($[21] !== t11) {
 		t12 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "headers",
 			children: /* @__PURE__ */ jsx("div", {
@@ -2259,11 +2351,11 @@ const SidePanelResponse = memo(() => {
 				children: t11
 			})
 		});
-		$[20] = t11;
-		$[21] = t12;
-	} else t12 = $[21];
+		$[21] = t11;
+		$[22] = t12;
+	} else t12 = $[22];
 	let t13;
-	if ($[22] !== activeTab || $[23] !== t10 || $[24] !== t12 || $[25] !== t4 || $[26] !== t7) {
+	if ($[23] !== activeTab || $[24] !== t10 || $[25] !== t12 || $[26] !== t4 || $[27] !== t7) {
 		t13 = /* @__PURE__ */ jsxs(Tabs, {
 			value: activeTab,
 			onValueChange: t1,
@@ -2276,13 +2368,13 @@ const SidePanelResponse = memo(() => {
 				t12
 			]
 		});
-		$[22] = activeTab;
-		$[23] = t10;
-		$[24] = t12;
-		$[25] = t4;
-		$[26] = t7;
-		$[27] = t13;
-	} else t13 = $[27];
+		$[23] = activeTab;
+		$[24] = t10;
+		$[25] = t12;
+		$[26] = t4;
+		$[27] = t7;
+		$[28] = t13;
+	} else t13 = $[28];
 	return t13;
 });
 function _temp(t0) {
@@ -2344,7 +2436,11 @@ const headersCountSelector = (state) => Object.keys(getHeadersSelector(state)).l
 const hasResponseSelector = (state) => getResponseSelector(state) !== void 0;
 const paramsCountSelector = (state) => Object.keys(getQueryParamsSelector(state)).length;
 const SidePanel = memo((t0) => {
-	const $ = c(61);
+	const $ = c(62);
+	if ($[0] !== "0020adea1162c54cf5aae85d8c5ed34a7262d6cfdf90ef6b8d89094328918944") {
+		for (let $i = 0; $i < 62; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0020adea1162c54cf5aae85d8c5ed34a7262d6cfdf90ef6b8d89094328918944";
+	}
 	const { endpoint, onClose } = t0;
 	const [activeTab, setActiveTab] = useState(endpoint.method === "GET" || endpoint.method === "DELETE" ? "params" : "body");
 	const [isSpecOpen, setIsSpecOpen] = useState(false);
@@ -2353,52 +2449,52 @@ const SidePanel = memo((t0) => {
 	const pathParamsCount = usePathParams(endpoint.path).length;
 	const paramsCount = useEndpointConfiguration(useShallow(paramsCountSelector)) + pathParamsCount;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(BackgroundEffect, {});
-		$[0] = t1;
-	} else t1 = $[0];
+		$[1] = t1;
+	} else t1 = $[1];
 	let t2;
-	if ($[1] !== endpoint.method || $[2] !== endpoint.path) {
+	if ($[2] !== endpoint.method || $[3] !== endpoint.path) {
 		t2 = /* @__PURE__ */ jsx(EndpointPath, {
 			method: endpoint.method,
 			path: endpoint.path
 		});
-		$[1] = endpoint.method;
-		$[2] = endpoint.path;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[2] = endpoint.method;
+		$[3] = endpoint.path;
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[4] !== endpoint.description) {
+	if ($[5] !== endpoint.description) {
 		t3 = endpoint.description && /* @__PURE__ */ jsx("p", {
 			className: "text-sm text-muted-foreground",
 			children: endpoint.description
 		});
-		$[4] = endpoint.description;
-		$[5] = t3;
-	} else t3 = $[5];
+		$[5] = endpoint.description;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[6] !== t2 || $[7] !== t3) {
+	if ($[7] !== t2 || $[8] !== t3) {
 		t4 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-rows-2 gap-2",
 			children: [t2, t3]
 		});
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
 	let t5;
-	if ($[9] !== isSpecOpen) {
+	if ($[10] !== isSpecOpen) {
 		t5 = () => setIsSpecOpen(!isSpecOpen);
-		$[9] = isSpecOpen;
-		$[10] = t5;
-	} else t5 = $[10];
+		$[10] = isSpecOpen;
+		$[11] = t5;
+	} else t5 = $[11];
 	let t6;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t6 = /* @__PURE__ */ jsx(Book, {});
-		$[11] = t6;
-	} else t6 = $[11];
+		$[12] = t6;
+	} else t6 = $[12];
 	let t7;
-	if ($[12] !== t5) {
+	if ($[13] !== t5) {
 		t7 = /* @__PURE__ */ jsx("div", {
 			className: "flex items-end justify-end",
 			children: /* @__PURE__ */ jsx(Button, {
@@ -2409,27 +2505,27 @@ const SidePanel = memo((t0) => {
 				children: t6
 			})
 		});
-		$[12] = t5;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[13] = t5;
+		$[14] = t7;
+	} else t7 = $[14];
 	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = /* @__PURE__ */ jsx(X, {});
-		$[14] = t8;
-	} else t8 = $[14];
+		$[15] = t8;
+	} else t8 = $[15];
 	let t9;
-	if ($[15] !== onClose) {
+	if ($[16] !== onClose) {
 		t9 = /* @__PURE__ */ jsx(Button, {
 			variant: "icon",
 			size: "icon",
 			onClick: onClose,
 			children: t8
 		});
-		$[15] = onClose;
-		$[16] = t9;
-	} else t9 = $[16];
+		$[16] = onClose;
+		$[17] = t9;
+	} else t9 = $[17];
 	let t10;
-	if ($[17] !== t4 || $[18] !== t7 || $[19] !== t9) {
+	if ($[18] !== t4 || $[19] !== t7 || $[20] !== t9) {
 		t10 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[1fr_1fr_auto] items-start gap-4 px-5 py-4 border-b bg-card w-full",
 			children: [
@@ -2438,25 +2534,25 @@ const SidePanel = memo((t0) => {
 				t9
 			]
 		});
-		$[17] = t4;
-		$[18] = t7;
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
+		$[18] = t4;
+		$[19] = t7;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
 	const t11 = !hasResponse && "grid-cols-1";
 	let t12;
-	if ($[21] !== t11) {
+	if ($[22] !== t11) {
 		t12 = cn("grid grid-cols-[minmax(380px,1fr)_minmax(auto,1fr)]", t11);
-		$[21] = t11;
-		$[22] = t12;
-	} else t12 = $[22];
+		$[22] = t11;
+		$[23] = t12;
+	} else t12 = $[23];
 	let t13;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
 		t13 = (value) => setActiveTab(value);
-		$[23] = t13;
-	} else t13 = $[23];
+		$[24] = t13;
+	} else t13 = $[24];
 	let t14;
-	if ($[24] !== paramsCount) {
+	if ($[25] !== paramsCount) {
 		t14 = /* @__PURE__ */ jsxs(TabsTrigger, {
 			value: "params",
 			className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer",
@@ -2467,21 +2563,21 @@ const SidePanel = memo((t0) => {
 				children: paramsCount
 			})]
 		});
-		$[24] = paramsCount;
-		$[25] = t14;
-	} else t14 = $[25];
+		$[25] = paramsCount;
+		$[26] = t14;
+	} else t14 = $[26];
 	let t15;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
 		t15 = /* @__PURE__ */ jsx(TabsTrigger, {
 			value: "body",
 			className: "cursor-pointer",
 			"data-testid": "endpoint-body-tab",
 			children: "Body"
 		});
-		$[26] = t15;
-	} else t15 = $[26];
+		$[27] = t15;
+	} else t15 = $[27];
 	let t16;
-	if ($[27] !== headersCount) {
+	if ($[28] !== headersCount) {
 		t16 = /* @__PURE__ */ jsxs(TabsTrigger, {
 			value: "headers",
 			className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer",
@@ -2492,75 +2588,75 @@ const SidePanel = memo((t0) => {
 				children: headersCount
 			})]
 		});
-		$[27] = headersCount;
-		$[28] = t16;
-	} else t16 = $[28];
+		$[28] = headersCount;
+		$[29] = t16;
+	} else t16 = $[29];
 	let t17;
-	if ($[29] !== t14 || $[30] !== t16) {
+	if ($[30] !== t14 || $[31] !== t16) {
 		t17 = /* @__PURE__ */ jsxs(TabsList, { children: [
 			t14,
 			t15,
 			t16
 		] });
-		$[29] = t14;
-		$[30] = t16;
-		$[31] = t17;
-	} else t17 = $[31];
+		$[30] = t14;
+		$[31] = t16;
+		$[32] = t17;
+	} else t17 = $[32];
 	const t18 = endpoint.method;
 	let t19;
-	if ($[32] !== endpoint.path) {
+	if ($[33] !== endpoint.path) {
 		t19 = endpoint.path.toString();
-		$[32] = endpoint.path;
-		$[33] = t19;
-	} else t19 = $[33];
+		$[33] = endpoint.path;
+		$[34] = t19;
+	} else t19 = $[34];
 	let t20;
-	if ($[34] !== endpoint.method || $[35] !== t19) {
+	if ($[35] !== endpoint.method || $[36] !== t19) {
 		t20 = /* @__PURE__ */ jsx(TriggerButton, {
 			method: t18,
 			path: t19
 		});
-		$[34] = endpoint.method;
-		$[35] = t19;
-		$[36] = t20;
-	} else t20 = $[36];
+		$[35] = endpoint.method;
+		$[36] = t19;
+		$[37] = t20;
+	} else t20 = $[37];
 	let t21;
-	if ($[37] !== t17 || $[38] !== t20) {
+	if ($[38] !== t17 || $[39] !== t20) {
 		t21 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card",
 			children: [t17, t20]
 		});
-		$[37] = t17;
-		$[38] = t20;
-		$[39] = t21;
-	} else t21 = $[39];
+		$[38] = t17;
+		$[39] = t20;
+		$[40] = t21;
+	} else t21 = $[40];
 	let t22;
-	if ($[40] !== endpoint.path) {
+	if ($[41] !== endpoint.path) {
 		t22 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "params",
 			children: /* @__PURE__ */ jsx(SidePanelParamsTab, { path: endpoint.path })
 		});
-		$[40] = endpoint.path;
-		$[41] = t22;
-	} else t22 = $[41];
+		$[41] = endpoint.path;
+		$[42] = t22;
+	} else t22 = $[42];
 	let t23;
-	if ($[42] !== endpoint.bodySchema) {
+	if ($[43] !== endpoint.bodySchema) {
 		t23 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "body",
 			children: /* @__PURE__ */ jsx(SidePanelBodyTab, { schema: endpoint.bodySchema })
 		});
-		$[42] = endpoint.bodySchema;
-		$[43] = t23;
-	} else t23 = $[43];
+		$[43] = endpoint.bodySchema;
+		$[44] = t23;
+	} else t23 = $[44];
 	let t24;
-	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
 		t24 = /* @__PURE__ */ jsx(TabsContent, {
 			value: "headers",
 			children: /* @__PURE__ */ jsx(SidePanelHeadersTab, {})
 		});
-		$[44] = t24;
-	} else t24 = $[44];
+		$[45] = t24;
+	} else t24 = $[45];
 	let t25;
-	if ($[45] !== activeTab || $[46] !== t21 || $[47] !== t22 || $[48] !== t23) {
+	if ($[46] !== activeTab || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
 		t25 = /* @__PURE__ */ jsxs(Tabs, {
 			value: activeTab,
 			onValueChange: t13,
@@ -2571,39 +2667,39 @@ const SidePanel = memo((t0) => {
 				t24
 			]
 		});
-		$[45] = activeTab;
-		$[46] = t21;
-		$[47] = t22;
-		$[48] = t23;
-		$[49] = t25;
-	} else t25 = $[49];
+		$[46] = activeTab;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t25;
+	} else t25 = $[50];
 	let t26;
-	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
 		t26 = /* @__PURE__ */ jsx(SidePanelResponse, {});
-		$[50] = t26;
-	} else t26 = $[50];
+		$[51] = t26;
+	} else t26 = $[51];
 	let t27;
-	if ($[51] !== t12 || $[52] !== t25) {
+	if ($[52] !== t12 || $[53] !== t25) {
 		t27 = /* @__PURE__ */ jsxs("div", {
 			className: t12,
 			children: [t25, t26]
 		});
-		$[51] = t12;
-		$[52] = t25;
-		$[53] = t27;
-	} else t27 = $[53];
+		$[52] = t12;
+		$[53] = t25;
+		$[54] = t27;
+	} else t27 = $[54];
 	let t28;
-	if ($[54] !== endpoint || $[55] !== isSpecOpen) {
+	if ($[55] !== endpoint || $[56] !== isSpecOpen) {
 		t28 = isSpecOpen && /* @__PURE__ */ jsx(SpecSidePanel, {
 			endpoint,
 			onClose: () => setIsSpecOpen(false)
 		});
-		$[54] = endpoint;
-		$[55] = isSpecOpen;
-		$[56] = t28;
-	} else t28 = $[56];
+		$[55] = endpoint;
+		$[56] = isSpecOpen;
+		$[57] = t28;
+	} else t28 = $[57];
 	let t29;
-	if ($[57] !== t10 || $[58] !== t27 || $[59] !== t28) {
+	if ($[58] !== t10 || $[59] !== t27 || $[60] !== t28) {
 		t29 = /* @__PURE__ */ jsxs("div", {
 			className: "isolate grid grid-cols-1 overflow-y-auto min-w-0 grid-rows-[auto_1fr] border-l border-border",
 			"data-testid": "endpoint-details-panel",
@@ -2614,79 +2710,83 @@ const SidePanel = memo((t0) => {
 				t28
 			]
 		});
-		$[57] = t10;
-		$[58] = t27;
-		$[59] = t28;
-		$[60] = t29;
-	} else t29 = $[60];
+		$[58] = t10;
+		$[59] = t27;
+		$[60] = t28;
+		$[61] = t29;
+	} else t29 = $[61];
 	return t29;
 });
 //#endregion
 //#region src/endpoints-page.tsx
 const EndpointsPage = () => {
-	const $ = c(32);
+	const $ = c(33);
+	if ($[0] !== "198b8272767e037dafaba995069a2aa9f7c2ab3fe909e2acb55498bc6d00f981") {
+		for (let $i = 0; $i < 33; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "198b8272767e037dafaba995069a2aa9f7c2ab3fe909e2acb55498bc6d00f981";
+	}
 	const { endpoints, groupedEndpoints } = useGetEndpoints();
 	const { selectedEndpointId, setSelectedEndpointId, toggleFlowGroupStatus, flowGroupStatus } = useEndpointConfiguration();
 	let t0;
-	if ($[0] !== endpoints || $[1] !== selectedEndpointId) {
+	if ($[1] !== endpoints || $[2] !== selectedEndpointId) {
 		let t1$1;
-		if ($[3] !== selectedEndpointId) {
+		if ($[4] !== selectedEndpointId) {
 			t1$1 = (endpoint) => endpoint.id === selectedEndpointId;
-			$[3] = selectedEndpointId;
-			$[4] = t1$1;
-		} else t1$1 = $[4];
+			$[4] = selectedEndpointId;
+			$[5] = t1$1;
+		} else t1$1 = $[5];
 		t0 = endpoints.find(t1$1);
-		$[0] = endpoints;
-		$[1] = selectedEndpointId;
-		$[2] = t0;
-	} else t0 = $[2];
+		$[1] = endpoints;
+		$[2] = selectedEndpointId;
+		$[3] = t0;
+	} else t0 = $[3];
 	const selectedEndpoint = t0;
 	let t1;
-	if ($[5] !== setSelectedEndpointId) {
+	if ($[6] !== setSelectedEndpointId) {
 		t1 = () => {
 			setSelectedEndpointId("");
 		};
-		$[5] = setSelectedEndpointId;
-		$[6] = t1;
-	} else t1 = $[6];
+		$[6] = setSelectedEndpointId;
+		$[7] = t1;
+	} else t1 = $[7];
 	const onClose = t1;
 	const [search, setSearch] = useState("");
 	let t2;
-	if ($[7] !== groupedEndpoints || $[8] !== search) {
+	if ($[8] !== groupedEndpoints || $[9] !== search) {
 		t2 = Object.entries(groupedEndpoints).filter((t3$1) => {
 			const [, endpoints_0] = t3$1;
 			return endpoints_0.some((endpoint_0) => endpoint_0.method?.toLowerCase().includes(search.toLowerCase()) || endpoint_0.path?.toLowerCase().includes(search.toLowerCase()));
 		});
-		$[7] = groupedEndpoints;
-		$[8] = search;
-		$[9] = t2;
-	} else t2 = $[9];
+		$[8] = groupedEndpoints;
+		$[9] = search;
+		$[10] = t2;
+	} else t2 = $[10];
 	const filteredEndpoints = t2;
 	const t3 = selectedEndpoint ? "grid-cols-[300px_1fr] " : "grid-cols-1";
 	let t4;
-	if ($[10] !== t3) {
+	if ($[11] !== t3) {
 		t4 = cn("grid h-full max-h-full", t3);
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
 	let t5;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => setSearch("");
-		$[12] = t5;
-	} else t5 = $[12];
+		$[13] = t5;
+	} else t5 = $[13];
 	let t6;
-	if ($[13] !== search) {
+	if ($[14] !== search) {
 		t6 = /* @__PURE__ */ jsx(EndpointsSearch, {
 			value: search,
 			onChange: setSearch,
 			onClear: t5
 		});
-		$[13] = search;
-		$[14] = t6;
-	} else t6 = $[14];
+		$[14] = search;
+		$[15] = t6;
+	} else t6 = $[15];
 	let t7;
-	if ($[15] !== filteredEndpoints || $[16] !== flowGroupStatus || $[17] !== search || $[18] !== selectedEndpointId || $[19] !== setSelectedEndpointId || $[20] !== toggleFlowGroupStatus) {
+	if ($[16] !== filteredEndpoints || $[17] !== flowGroupStatus || $[18] !== search || $[19] !== selectedEndpointId || $[20] !== setSelectedEndpointId || $[21] !== toggleFlowGroupStatus) {
 		t7 = /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-1 auto-rows-max overflow-auto min-w-0",
 			children: filteredEndpoints.map((t8$1) => {
@@ -2704,46 +2804,46 @@ const EndpointsPage = () => {
 				}, flow);
 			})
 		});
-		$[15] = filteredEndpoints;
-		$[16] = flowGroupStatus;
-		$[17] = search;
-		$[18] = selectedEndpointId;
-		$[19] = setSelectedEndpointId;
-		$[20] = toggleFlowGroupStatus;
-		$[21] = t7;
-	} else t7 = $[21];
+		$[16] = filteredEndpoints;
+		$[17] = flowGroupStatus;
+		$[18] = search;
+		$[19] = selectedEndpointId;
+		$[20] = setSelectedEndpointId;
+		$[21] = toggleFlowGroupStatus;
+		$[22] = t7;
+	} else t7 = $[22];
 	let t8;
-	if ($[22] !== t6 || $[23] !== t7) {
+	if ($[23] !== t6 || $[24] !== t7) {
 		t8 = /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-rows-[auto_1fr] h-full overflow-auto min-w-0",
 			children: [t6, t7]
 		});
-		$[22] = t6;
-		$[23] = t7;
-		$[24] = t8;
-	} else t8 = $[24];
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
 	let t9;
-	if ($[25] !== onClose || $[26] !== selectedEndpoint) {
+	if ($[26] !== onClose || $[27] !== selectedEndpoint) {
 		t9 = selectedEndpoint && /* @__PURE__ */ jsx(SidePanel, {
 			endpoint: selectedEndpoint,
 			onClose
 		});
-		$[25] = onClose;
-		$[26] = selectedEndpoint;
-		$[27] = t9;
-	} else t9 = $[27];
+		$[26] = onClose;
+		$[27] = selectedEndpoint;
+		$[28] = t9;
+	} else t9 = $[28];
 	let t10;
-	if ($[28] !== t4 || $[29] !== t8 || $[30] !== t9) {
+	if ($[29] !== t4 || $[30] !== t8 || $[31] !== t9) {
 		t10 = /* @__PURE__ */ jsxs("div", {
 			className: t4,
 			"data-testid": "endpoints-list",
 			children: [t8, t9]
 		});
-		$[28] = t4;
-		$[29] = t8;
-		$[30] = t9;
-		$[31] = t10;
-	} else t10 = $[31];
+		$[29] = t4;
+		$[30] = t8;
+		$[31] = t9;
+		$[32] = t10;
+	} else t10 = $[32];
 	return t10;
 };