@motiadev/plugin-states 0.17.6-beta.188-710084 → 0.17.6-beta.188-853774

package/dist/index.js

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import { Button, Checkbox, Input, Sidebar, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, cn, useThemeStore } from "@motiadev/ui";
 import { AlertCircle, Check, Loader2, RefreshCw, Save, Search, Trash, X } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -8,29 +9,70 @@ import Editor, { useMonaco } from "@monaco-editor/react";
 
 //#region src/hooks/states-hooks.ts
 const useGetStateItems = () => {
-	const [items, setItems] = useState([]);
-	const refetch = useCallback(() => {
-		fetch("/__motia/state").then(async (res) => {
-			if (res.ok) return res.json();
-			else throw await res.json();
-		}).then(setItems).catch((err) => console.error(err));
-	}, []);
-	const deleteItems = (ids) => {
-		fetch("/__motia/state/delete", {
-			method: "POST",
-			headers: { "Content-Type": "application/json" },
-			body: JSON.stringify({ ids })
-		}).then(() => refetch());
-	};
-	useEffect(() => {
-		refetch();
-	}, [refetch]);
-	return {
-		items,
-		deleteItems,
-		refetch
-	};
+	const $ = c(8);
+	if ($[0] !== "c7199b15726ef92a8b1236966886099ddb103f2294b30414c1123a90f5c60f8c") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7199b15726ef92a8b1236966886099ddb103f2294b30414c1123a90f5c60f8c";
+	}
+	let t0;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[1] = t0;
+	} else t0 = $[1];
+	const [items, setItems] = useState(t0);
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			fetch("/__motia/state").then(_temp$2).then(setItems).catch(_temp2$1);
+		};
+		$[2] = t1;
+	} else t1 = $[2];
+	const refetch = t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (ids) => {
+			fetch("/__motia/state/delete", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ ids })
+			}).then(() => refetch());
+		};
+		$[3] = t2;
+	} else t2 = $[3];
+	const deleteItems = t2;
+	let t3;
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			refetch();
+		};
+		t4 = [refetch];
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		t3 = $[4];
+		t4 = $[5];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[6] !== items) {
+		t5 = {
+			items,
+			deleteItems,
+			refetch
+		};
+		$[6] = items;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
 };
+async function _temp$2(res) {
+	if (res.ok) return res.json();
+	else throw await res.json();
+}
+function _temp2$1(err) {
+	return console.error(err);
+}
 
 //#endregion
 //#region src/stores/use-states-store.ts
@@ -41,48 +83,124 @@ const useStatesStore = create()((set) => ({
 
 //#endregion
 //#region src/components/state-details.tsx
-const StateDetails = ({ state }) => /* @__PURE__ */ jsx(JsonView, {
-	src: state.value,
-	theme: "default"
-});
+const StateDetails = (t0) => {
+	const $ = c(3);
+	if ($[0] !== "5995831aa1bc747830da5e0bb4a1d2bc36c1eaf62fb9c2f142532ffec8710bf4") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5995831aa1bc747830da5e0bb4a1d2bc36c1eaf62fb9c2f142532ffec8710bf4";
+	}
+	const { state } = t0;
+	let t1;
+	if ($[1] !== state.value) {
+		t1 = /* @__PURE__ */ jsx(JsonView, {
+			src: state.value,
+			theme: "default"
+		});
+		$[1] = state.value;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
 
 //#endregion
 //#region src/components/json-editor.tsx
-const JsonEditor = ({ value, height = 300, schema, onChange, onValidate, language = "json", readOnly = false }) => {
+const JsonEditor = (t0) => {
+	const $ = c(24);
+	if ($[0] !== "d1386dfeba00fe12241776daa47cf42300103748d5dcfe271adcb17c673326c6") {
+		for (let $i = 0; $i < 24; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d1386dfeba00fe12241776daa47cf42300103748d5dcfe271adcb17c673326c6";
+	}
+	const { value, height: t1, schema, onChange, onValidate, language: t2, readOnly: t3 } = t0;
+	const height = t1 === void 0 ? 300 : t1;
+	const language = t2 === void 0 ? "json" : t2;
+	const readOnly = t3 === void 0 ? false : t3;
 	const monaco = useMonaco();
-	const theme = useThemeStore((state) => state.theme);
-	const editorTheme = useMemo(() => theme === "dark" ? "vs-dark" : "light", [theme]);
-	useEffect(() => {
-		if (!monaco) return;
-		monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true });
-		monaco.languages.json.jsonDefaults.setDiagnosticsOptions({ schemas: schema ? [{
-			uri: window.location.href,
-			fileMatch: ["*"],
-			schema
-		}] : [] });
-	}, [
-		monaco,
-		schema,
-		language
-	]);
-	return /* @__PURE__ */ jsx(Editor, {
-		"data-testid": "json-editor",
-		height,
-		language,
-		value,
-		theme: editorTheme,
-		onChange: (value$1) => {
-			if (!value$1) onValidate?.(false);
-			onChange?.(value$1 ?? "");
-		},
-		onValidate: (markers) => onValidate?.(markers.length === 0),
-		options: {
+	const editorTheme = useThemeStore(_temp$1) === "dark" ? "vs-dark" : "light";
+	let t4;
+	if ($[1] !== monaco || $[2] !== schema) {
+		t4 = () => {
+			if (!monaco) return;
+			monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true });
+			monaco.languages.json.jsonDefaults.setDiagnosticsOptions({ schemas: schema ? [{
+				uri: window.location.href,
+				fileMatch: ["*"],
+				schema
+			}] : [] });
+		};
+		$[1] = monaco;
+		$[2] = schema;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== language || $[5] !== monaco || $[6] !== schema) {
+		t5 = [
+			monaco,
+			schema,
+			language
+		];
+		$[4] = language;
+		$[5] = monaco;
+		$[6] = schema;
+		$[7] = t5;
+	} else t5 = $[7];
+	useEffect(t4, t5);
+	let t6;
+	if ($[8] !== onChange || $[9] !== onValidate) {
+		t6 = (value_0) => {
+			if (!value_0) onValidate?.(false);
+			onChange?.(value_0 ?? "");
+		};
+		$[8] = onChange;
+		$[9] = onValidate;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== onValidate) {
+		t7 = (markers) => onValidate?.(markers.length === 0);
+		$[11] = onValidate;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { enabled: false };
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== readOnly) {
+		t9 = {
 			readOnly,
 			scrollBeyondLastLine: false,
-			minimap: { enabled: false }
-		}
-	});
+			minimap: t8
+		};
+		$[14] = readOnly;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== editorTheme || $[17] !== height || $[18] !== language || $[19] !== t6 || $[20] !== t7 || $[21] !== t9 || $[22] !== value) {
+		t10 = /* @__PURE__ */ jsx(Editor, {
+			"data-testid": "json-editor",
+			height,
+			language,
+			value,
+			theme: editorTheme,
+			onChange: t6,
+			onValidate: t7,
+			options: t9
+		});
+		$[16] = editorTheme;
+		$[17] = height;
+		$[18] = language;
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t9;
+		$[22] = value;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
 };
+function _temp$1(state) {
+	return state.theme;
+}
 
 //#endregion
 //#region src/components/state-editor.tsx
@@ -206,150 +324,402 @@ const StateEditor = ({ state }) => {
 
 //#endregion
 //#region src/components/state-sidebar.tsx
-const StateSidebar = ({ state, onClose }) => {
-	return /* @__PURE__ */ jsx(Sidebar, {
-		onClose,
-		title: "State Details",
-		initialWidth: 500,
-		tabs: [{
+const StateSidebar = (t0) => {
+	const $ = c(15);
+	if ($[0] !== "99df8f944367e03b0c8d3e46933b073a4ba8e236d0058ad7eeca4ca6f223a516") {
+		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "99df8f944367e03b0c8d3e46933b073a4ba8e236d0058ad7eeca4ca6f223a516";
+	}
+	const { state, onClose } = t0;
+	let t1;
+	if ($[1] !== state) {
+		t1 = {
 			label: "Overview",
 			content: /* @__PURE__ */ jsx(StateDetails, { state })
-		}, {
+		};
+		$[1] = state;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== state) {
+		t2 = {
 			label: "Editor",
 			content: /* @__PURE__ */ jsx(StateEditor, { state })
-		}],
-		actions: [{
-			icon: /* @__PURE__ */ jsx(X, {}),
+		};
+		$[3] = state;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== t1 || $[6] !== t2) {
+		t3 = [t1, t2];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(X, {});
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== onClose) {
+		t5 = [{
+			icon: t4,
 			onClick: onClose,
 			label: "Close"
-		}]
-	});
+		}];
+		$[9] = onClose;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== onClose || $[12] !== t3 || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Sidebar, {
+			onClose,
+			title: "State Details",
+			initialWidth: 500,
+			tabs: t3,
+			actions: t5
+		});
+		$[11] = onClose;
+		$[12] = t3;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
 };
 
 //#endregion
 //#region src/components/states-page.tsx
 const StatesPage = () => {
-	const selectedStateId = useStatesStore((state) => state.selectedStateId);
-	const selectStateId = useStatesStore((state) => state.selectStateId);
+	const $ = c(71);
+	if ($[0] !== "8ce039bfe0442ab4fc42929a358dacc664184bfe41f3767f703d231a71f688eb") {
+		for (let $i = 0; $i < 71; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8ce039bfe0442ab4fc42929a358dacc664184bfe41f3767f703d231a71f688eb";
+	}
+	const selectedStateId = useStatesStore(_temp);
+	const selectStateId = useStatesStore(_temp2);
 	const { items, deleteItems, refetch } = useGetStateItems();
 	const [search, setSearch] = useState("");
-	const filteredItems = useMemo(() => {
-		return items.filter((item) => {
-			return item.groupId.toLowerCase().includes(search.toLowerCase()) || item.key.toLowerCase().includes(search.toLowerCase());
-		});
-	}, [items, search]);
-	const selectedItem = useMemo(() => selectedStateId ? filteredItems.find((item) => `${item.groupId}:${item.key}` === selectedStateId) : null, [filteredItems, selectedStateId]);
-	const [checkedItems, setCheckedItems] = useState(/* @__PURE__ */ new Set());
-	const handleRowClick = (item) => selectStateId(`${item.groupId}:${item.key}`);
-	const onClose = () => selectStateId(void 0);
-	const deleteStates = () => {
-		deleteItems(Array.from(checkedItems));
-		setCheckedItems(/* @__PURE__ */ new Set());
-	};
-	const handleCheckboxChange = (item) => {
-		const isChecked = checkedItems.has(`${item.groupId}:${item.key}`);
-		setCheckedItems((prev) => {
-			const newSet = new Set(prev);
-			if (isChecked) newSet.delete(`${item.groupId}:${item.key}`);
-			else newSet.add(`${item.groupId}:${item.key}`);
-			return newSet;
-		});
-	};
-	const toggleSelectAll = (checked) => {
-		setCheckedItems((prev) => {
-			const newSet = new Set(prev);
-			if (checked) filteredItems.forEach((item) => {
-				newSet.add(`${item.groupId}:${item.key}`);
+	let t0;
+	if ($[1] !== items || $[2] !== search) {
+		let t1$1;
+		if ($[4] !== search) {
+			t1$1 = (item) => item.groupId.toLowerCase().includes(search.toLowerCase()) || item.key.toLowerCase().includes(search.toLowerCase());
+			$[4] = search;
+			$[5] = t1$1;
+		} else t1$1 = $[5];
+		t0 = items.filter(t1$1);
+		$[1] = items;
+		$[2] = search;
+		$[3] = t0;
+	} else t0 = $[3];
+	const filteredItems = t0;
+	let t1;
+	if ($[6] !== filteredItems || $[7] !== selectedStateId) {
+		t1 = selectedStateId ? filteredItems.find((item_0) => `${item_0.groupId}:${item_0.key}` === selectedStateId) : null;
+		$[6] = filteredItems;
+		$[7] = selectedStateId;
+		$[8] = t1;
+	} else t1 = $[8];
+	const selectedItem = t1;
+	let t2;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ new Set();
+		$[9] = t2;
+	} else t2 = $[9];
+	const [checkedItems, setCheckedItems] = useState(t2);
+	let t3;
+	if ($[10] !== selectStateId) {
+		t3 = (item_1) => selectStateId(`${item_1.groupId}:${item_1.key}`);
+		$[10] = selectStateId;
+		$[11] = t3;
+	} else t3 = $[11];
+	const handleRowClick = t3;
+	let t4;
+	if ($[12] !== selectStateId) {
+		t4 = () => selectStateId(void 0);
+		$[12] = selectStateId;
+		$[13] = t4;
+	} else t4 = $[13];
+	const onClose = t4;
+	let t5;
+	if ($[14] !== checkedItems || $[15] !== deleteItems) {
+		t5 = () => {
+			deleteItems(Array.from(checkedItems));
+			setCheckedItems(/* @__PURE__ */ new Set());
+		};
+		$[14] = checkedItems;
+		$[15] = deleteItems;
+		$[16] = t5;
+	} else t5 = $[16];
+	const deleteStates = t5;
+	let t6;
+	if ($[17] !== checkedItems) {
+		t6 = (item_2) => {
+			const isChecked = checkedItems.has(`${item_2.groupId}:${item_2.key}`);
+			setCheckedItems((prev) => {
+				const newSet = new Set(prev);
+				if (isChecked) newSet.delete(`${item_2.groupId}:${item_2.key}`);
+				else newSet.add(`${item_2.groupId}:${item_2.key}`);
+				return newSet;
 			});
-			else filteredItems.forEach((item) => {
-				newSet.delete(`${item.groupId}:${item.key}`);
+		};
+		$[17] = checkedItems;
+		$[18] = t6;
+	} else t6 = $[18];
+	const handleCheckboxChange = t6;
+	let t7;
+	if ($[19] !== filteredItems) {
+		t7 = (checked) => {
+			setCheckedItems((prev_0) => {
+				const newSet_0 = new Set(prev_0);
+				if (checked) filteredItems.forEach((item_3) => {
+					newSet_0.add(`${item_3.groupId}:${item_3.key}`);
+				});
+				else filteredItems.forEach((item_4) => {
+					newSet_0.delete(`${item_4.groupId}:${item_4.key}`);
+				});
+				return newSet_0;
 			});
-			return newSet;
+		};
+		$[19] = filteredItems;
+		$[20] = t7;
+	} else t7 = $[20];
+	const toggleSelectAll = t7;
+	let t8;
+	if ($[21] !== onClose || $[22] !== selectedItem) {
+		t8 = selectedItem && /* @__PURE__ */ jsx(StateSidebar, {
+			state: selectedItem,
+			onClose
 		});
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [selectedItem && /* @__PURE__ */ jsx(StateSidebar, {
-		state: selectedItem,
-		onClose
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "grid grid-rows-[auto_1fr] h-full",
-		"data-testid": "states-container",
-		children: [/* @__PURE__ */ jsxs("div", {
+		$[21] = onClose;
+		$[22] = selectedItem;
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (e) => setSearch(e.target.value);
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== search) {
+		t10 = /* @__PURE__ */ jsx(Input, {
+			variant: "shade",
+			value: search,
+			onChange: t9,
+			className: "px-9! font-medium",
+			placeholder: "Search by Group ID or Key"
+		});
+		$[25] = search;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" });
+		$[27] = t11;
+	} else t11 = $[27];
+	let t12;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(X, {
+			className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
+			onClick: () => setSearch("")
+		});
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== t10) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 relative",
+			children: [
+				t10,
+				t11,
+				t12
+			]
+		});
+		$[29] = t10;
+		$[30] = t13;
+	} else t13 = $[30];
+	const t14 = checkedItems.size === 0;
+	let t15;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(Trash, {});
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] !== deleteStates || $[33] !== t14) {
+		t16 = /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			className: "h-[34px]",
+			disabled: t14,
+			onClick: deleteStates,
+			children: [t15, " Delete"]
+		});
+		$[32] = deleteStates;
+		$[33] = t14;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(RefreshCw, { className: "w-4 h-4 text-muted-foreground" });
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== refetch) {
+		t18 = /* @__PURE__ */ jsx(Button, {
+			variant: "default",
+			className: "h-[34px]",
+			onClick: refetch,
+			children: t17
+		});
+		$[36] = refetch;
+		$[37] = t18;
+	} else t18 = $[37];
+	let t19;
+	if ($[38] !== t13 || $[39] !== t16 || $[40] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "flex p-2 border-b gap-2",
 			"data-testid": "logs-search-container",
 			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 relative",
-					children: [
-						/* @__PURE__ */ jsx(Input, {
-							variant: "shade",
-							value: search,
-							onChange: (e) => setSearch(e.target.value),
-							className: "px-9! font-medium",
-							placeholder: "Search by Group ID or Key"
-						}),
-						/* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
-						/* @__PURE__ */ jsx(X, {
-							className: "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
-							onClick: () => setSearch("")
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs(Button, {
-					variant: "default",
-					className: "h-[34px]",
-					disabled: checkedItems.size === 0,
-					onClick: deleteStates,
-					children: [/* @__PURE__ */ jsx(Trash, {}), " Delete"]
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					variant: "default",
-					className: "h-[34px]",
-					onClick: refetch,
-					children: /* @__PURE__ */ jsx(RefreshCw, { className: "w-4 h-4 text-muted-foreground" })
-				})
+				t13,
+				t16,
+				t18
 			]
-		}), /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, {
+		});
+		$[38] = t13;
+		$[39] = t16;
+		$[40] = t18;
+		$[41] = t19;
+	} else t19 = $[41];
+	let t20;
+	if ($[42] !== toggleSelectAll) {
+		t20 = /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Checkbox, {
+			onClick: _temp3,
+			onCheckedChange: toggleSelectAll
+		}) });
+		$[42] = toggleSelectAll;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	let t22;
+	let t23;
+	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(TableHead, {
+			className: "rounded-0",
+			children: "Group ID"
+		});
+		t22 = /* @__PURE__ */ jsx(TableHead, { children: "Key" });
+		t23 = /* @__PURE__ */ jsx(TableHead, { children: "Type" });
+		$[44] = t21;
+		$[45] = t22;
+		$[46] = t23;
+	} else {
+		t21 = $[44];
+		t22 = $[45];
+		t23 = $[46];
+	}
+	let t24;
+	if ($[47] !== t20) {
+		t24 = /* @__PURE__ */ jsx(TableHeader, {
 			className: "sticky top-0 bg-background/20 backdrop-blur-sm",
 			children: /* @__PURE__ */ jsxs(TableRow, { children: [
-				/* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Checkbox, {
-					onClick: (evt) => evt.stopPropagation(),
-					onCheckedChange: toggleSelectAll
-				}) }),
-				/* @__PURE__ */ jsx(TableHead, {
-					className: "rounded-0",
-					children: "Group ID"
-				}),
-				/* @__PURE__ */ jsx(TableHead, { children: "Key" }),
-				/* @__PURE__ */ jsx(TableHead, { children: "Type" })
+				t20,
+				t21,
+				t22,
+				t23
 			] })
-		}), /* @__PURE__ */ jsx(TableBody, { children: filteredItems.map((item) => /* @__PURE__ */ jsxs(TableRow, {
-			"data-testid": `item-${item}`,
-			onClick: () => handleRowClick(item),
-			className: cn("font-mono font-semibold cursor-pointer border-0", selectedItem === item ? "bg-muted-foreground/10 hover:bg-muted-foreground/20" : "hover:bg-muted-foreground/10"),
-			children: [
-				/* @__PURE__ */ jsx(TableCell, {
-					onClick: (evt) => evt.stopPropagation(),
-					children: /* @__PURE__ */ jsx(Checkbox, {
-						checked: checkedItems.has(`${item.groupId}:${item.key}`),
-						onClick: () => handleCheckboxChange(item)
+		});
+		$[47] = t20;
+		$[48] = t24;
+	} else t24 = $[48];
+	let t25;
+	if ($[49] !== checkedItems || $[50] !== filteredItems || $[51] !== handleCheckboxChange || $[52] !== handleRowClick || $[53] !== selectedItem) {
+		let t26$1;
+		if ($[55] !== checkedItems || $[56] !== handleCheckboxChange || $[57] !== handleRowClick || $[58] !== selectedItem) {
+			t26$1 = (item_5) => /* @__PURE__ */ jsxs(TableRow, {
+				"data-testid": `item-${item_5}`,
+				onClick: () => handleRowClick(item_5),
+				className: cn("font-mono font-semibold cursor-pointer border-0", selectedItem === item_5 ? "bg-muted-foreground/10 hover:bg-muted-foreground/20" : "hover:bg-muted-foreground/10"),
+				children: [
+					/* @__PURE__ */ jsx(TableCell, {
+						onClick: _temp4,
+						children: /* @__PURE__ */ jsx(Checkbox, {
+							checked: checkedItems.has(`${item_5.groupId}:${item_5.key}`),
+							onClick: () => handleCheckboxChange(item_5)
+						})
+					}),
+					/* @__PURE__ */ jsx(TableCell, {
+						className: "hover:bg-transparent",
+						children: item_5.groupId
+					}),
+					/* @__PURE__ */ jsx(TableCell, {
+						className: "hover:bg-transparent",
+						children: item_5.key
+					}),
+					/* @__PURE__ */ jsx(TableCell, {
+						className: "hover:bg-transparent",
+						children: item_5.type
 					})
-				}),
-				/* @__PURE__ */ jsx(TableCell, {
-					className: "hover:bg-transparent",
-					children: item.groupId
-				}),
-				/* @__PURE__ */ jsx(TableCell, {
-					className: "hover:bg-transparent",
-					children: item.key
-				}),
-				/* @__PURE__ */ jsx(TableCell, {
-					className: "hover:bg-transparent",
-					children: item.type
-				})
-			]
-		}, `${item.groupId}:${item.key}`)) })] })]
-	})] });
+				]
+			}, `${item_5.groupId}:${item_5.key}`);
+			$[55] = checkedItems;
+			$[56] = handleCheckboxChange;
+			$[57] = handleRowClick;
+			$[58] = selectedItem;
+			$[59] = t26$1;
+		} else t26$1 = $[59];
+		t25 = filteredItems.map(t26$1);
+		$[49] = checkedItems;
+		$[50] = filteredItems;
+		$[51] = handleCheckboxChange;
+		$[52] = handleRowClick;
+		$[53] = selectedItem;
+		$[54] = t25;
+	} else t25 = $[54];
+	let t26;
+	if ($[60] !== t25) {
+		t26 = /* @__PURE__ */ jsx(TableBody, { children: t25 });
+		$[60] = t25;
+		$[61] = t26;
+	} else t26 = $[61];
+	let t27;
+	if ($[62] !== t24 || $[63] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(Table, { children: [t24, t26] });
+		$[62] = t24;
+		$[63] = t26;
+		$[64] = t27;
+	} else t27 = $[64];
+	let t28;
+	if ($[65] !== t19 || $[66] !== t27) {
+		t28 = /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-rows-[auto_1fr] h-full",
+			"data-testid": "states-container",
+			children: [t19, t27]
+		});
+		$[65] = t19;
+		$[66] = t27;
+		$[67] = t28;
+	} else t28 = $[67];
+	let t29;
+	if ($[68] !== t28 || $[69] !== t8) {
+		t29 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t28] });
+		$[68] = t28;
+		$[69] = t8;
+		$[70] = t29;
+	} else t29 = $[70];
+	return t29;
 };
+function _temp(state) {
+	return state.selectedStateId;
+}
+function _temp2(state_0) {
+	return state_0.selectStateId;
+}
+function _temp3(evt) {
+	return evt.stopPropagation();
+}
+function _temp4(evt_0) {
+	return evt_0.stopPropagation();
+}
 
 //#endregion
 export { StatesPage };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StateDetails: React.FC<Props>","JsonEditor: FC<JsonEditorProps>","value","StateEditor: React.FC<Props>","StateSidebar: React.FC<Props>"],"sources":["../src/hooks/states-hooks.ts","../src/stores/use-states-store.ts","../src/components/state-details.tsx","../src/components/json-editor.tsx","../src/components/state-editor.tsx","../src/components/state-sidebar.tsx","../src/components/states-page.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport type { StateItem } from '../types/state'\n\ntype Output = {\n  items: StateItem[]\n  deleteItems: (ids: string[]) => void\n  refetch: () => void\n}\n\nexport const useGetStateItems = (): Output => {\n  const [items, setItems] = useState<StateItem[]>([])\n\n  const refetch = useCallback(() => {\n    fetch('/__motia/state')\n      .then(async (res) => {\n        if (res.ok) {\n          return res.json()\n        } else {\n          throw await res.json()\n        }\n      })\n      .then(setItems)\n      .catch((err) => console.error(err))\n  }, [])\n\n  const deleteItems = (ids: string[]) => {\n    fetch('/__motia/state/delete', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ ids }),\n    }).then(() => refetch())\n  }\n\n  useEffect(() => {\n    refetch()\n  }, [refetch])\n\n  return { items, deleteItems, refetch }\n}\n","import { create } from 'zustand'\n\nexport type StatesState = {\n  selectedStateId?: string\n  selectStateId: (stateId?: string) => void\n}\n\nexport const useStatesStore = create<StatesState>()((set) => ({\n  selectedStateId: undefined,\n  selectStateId: (stateId) => set({ selectedStateId: stateId }),\n}))\n","import type React from 'react'\nimport JsonView from 'react18-json-view'\nimport type { StateItem } from '../types/state'\n\ntype Props = {\n  state: StateItem\n}\n\nexport const StateDetails: React.FC<Props> = ({ state }) => <JsonView src={state.value} theme=\"default\" />\n","import Editor, { useMonaco } from '@monaco-editor/react'\nimport { useThemeStore } from '@motiadev/ui'\nimport { type FC, useEffect, useMemo } from 'react'\n\ntype JsonEditorProps = {\n  value: string\n  height?: number | string\n  schema?: Record<string, unknown>\n  onChange?: (value: string) => void\n  onValidate?: (isValid: boolean) => void\n  language?: string\n  readOnly?: boolean\n}\n\nexport const JsonEditor: FC<JsonEditorProps> = ({\n  value,\n  height = 300,\n  schema,\n  onChange,\n  onValidate,\n  language = 'json',\n  readOnly = false,\n}) => {\n  const monaco = useMonaco()\n  const theme = useThemeStore((state) => state.theme)\n  const editorTheme = useMemo(() => (theme === 'dark' ? 'vs-dark' : 'light'), [theme])\n\n  useEffect(() => {\n    if (!monaco) return\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true })\n    monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n      schemas: schema\n        ? [\n            {\n              uri: window.location.href,\n              fileMatch: ['*'],\n              schema,\n            },\n          ]\n        : [],\n    })\n  }, [monaco, schema, language])\n\n  return (\n    <Editor\n      data-testid=\"json-editor\"\n      height={height}\n      language={language}\n      value={value}\n      theme={editorTheme}\n      onChange={(value) => {\n        if (!value) {\n          onValidate?.(false)\n        }\n        onChange?.(value ?? '')\n      }}\n      onValidate={(markers) => onValidate?.(markers.length === 0)}\n      options={{\n        readOnly,\n        scrollBeyondLastLine: false,\n        minimap: { enabled: false },\n      }}\n    />\n  )\n}\n","import { Button } from '@motiadev/ui'\nimport { AlertCircle, Check, Loader2, Save } from 'lucide-react'\nimport type React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { StateItem } from '../types/state'\nimport { JsonEditor } from './json-editor'\n\ntype Props = {\n  state: StateItem\n}\n\nexport const StateEditor: React.FC<Props> = ({ state }) => {\n  const [isRequestLoading, setIsRequestLoading] = useState(false)\n  const [isValid, setIsValid] = useState(true)\n  const [jsonValue, setJsonValue] = useState(JSON.stringify(state.value, null, 2))\n  const [hasChanges, setHasChanges] = useState(false)\n  const [saveStatus, setSaveStatus] = useState<'idle' | 'success' | 'error'>('idle')\n  const lastSavedValue = useRef(JSON.stringify(state.value, null, 2))\n  useEffect(() => {\n    setJsonValue(JSON.stringify(state.value, null, 2))\n  }, [state.value])\n\n  const handleJsonChange = useCallback((value: string) => {\n    setHasChanges(value !== lastSavedValue.current)\n    setJsonValue(value)\n    setSaveStatus('idle')\n  }, [])\n\n  const handleSave = async () => {\n    if (!isValid || !hasChanges) return\n\n    try {\n      setIsRequestLoading(true)\n      setSaveStatus('idle')\n\n      const response = await fetch('/__motia/state', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          key: state.key,\n          groupId: state.groupId,\n          value: JSON.parse(jsonValue),\n        }),\n      })\n\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`)\n      }\n\n      lastSavedValue.current = jsonValue\n      setSaveStatus('success')\n      setHasChanges(false)\n\n      setTimeout(() => {\n        setSaveStatus('idle')\n      }, 3000)\n    } catch (error) {\n      console.error('Failed to save state:', error)\n      setSaveStatus('error')\n    } finally {\n      setIsRequestLoading(false)\n    }\n  }\n\n  const resetChanges = useCallback(() => {\n    setJsonValue(JSON.stringify(state.value, null, 2))\n    setHasChanges(false)\n    setSaveStatus('idle')\n  }, [state.value])\n\n  const statusView = useMemo(() => {\n    if (saveStatus === 'success') {\n      return (\n        <div className=\"bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2\">\n          <div className=\"flex items-center gap-2 text-green-700 dark:text-green-400 text-sm\">\n            <Check className=\"w-4 h-4\" />\n            State saved successfully!\n          </div>\n        </div>\n      )\n    }\n\n    if (saveStatus === 'error') {\n      return (\n        <div className=\"bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2\">\n          <div className=\"flex items-center gap-2 text-red-700 dark:text-red-400 text-sm\">\n            <AlertCircle className=\"w-4 h-4\" />\n            Failed to save state. Please try again.\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"text-xs text-muted-foreground\">\n        {hasChanges ? (\n          <span className=\"flex items-center gap-1\">\n            <div className=\"w-2 h-2 bg-orange-500 rounded-full\"></div>\n            Unsaved changes\n          </span>\n        ) : (\n          <span className=\"flex items-center gap-1\">\n            <div className=\"w-2 h-2 bg-green-500 rounded-full\"></div>\n            Up to date\n          </span>\n        )}\n      </div>\n    )\n  }, [saveStatus, hasChanges])\n\n  return (\n    <div className=\"flex flex-col gap-2 h-full\">\n      <p className=\"text-xs text-muted-foreground\">Modify the state value using the JSON editor below.</p>\n      <div className=\"space-y-3 pt-2 flex flex-col\">\n        <div className=\"relative flex-1\">\n          <JsonEditor\n            value={jsonValue}\n            onChange={handleJsonChange}\n            onValidate={setIsValid}\n            height={'calc(100vh - 300px)'}\n          />\n\n          {!isValid && (\n            <div className=\"absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1\">\n              <AlertCircle className=\"w-3 h-3\" />\n              Invalid JSON\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2\">\n        {statusView}\n\n        <div className=\"flex items-center gap-2\">\n          {hasChanges && (\n            <Button variant=\"secondary\" onClick={resetChanges} disabled={isRequestLoading}>\n              Reset\n            </Button>\n          )}\n\n          <Button\n            onClick={handleSave}\n            variant=\"accent\"\n            disabled={isRequestLoading || !isValid || !hasChanges}\n            data-testid=\"state-save-button\"\n          >\n            {isRequestLoading ? (\n              <>\n                <Loader2 className=\"w-3 h-3 animate-spin mr-1\" />\n                Saving...\n              </>\n            ) : (\n              <>\n                <Save className=\"w-3 h-3 mr-1\" />\n                Save Changes\n              </>\n            )}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { Sidebar } from '@motiadev/ui'\nimport { X } from 'lucide-react'\nimport type React from 'react'\nimport type { StateItem } from '../types/state'\nimport { StateDetails } from './state-details'\nimport { StateEditor } from './state-editor'\n\ntype Props = {\n  state: StateItem\n  onClose: () => void\n}\n\nexport const StateSidebar: React.FC<Props> = ({ state, onClose }) => {\n  return (\n    <Sidebar\n      onClose={onClose}\n      title=\"State Details\"\n      initialWidth={500}\n      tabs={[\n        {\n          label: 'Overview',\n          content: <StateDetails state={state} />,\n        },\n        {\n          label: 'Editor',\n          content: <StateEditor state={state} />,\n        },\n      ]}\n      actions={[{ icon: <X />, onClick: onClose, label: 'Close' }]}\n    />\n  )\n}\n","import {\n  Button,\n  Checkbox,\n  cn,\n  Input,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@motiadev/ui'\nimport { RefreshCw, Search, Trash, X } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport { useGetStateItems } from '../hooks/states-hooks'\nimport { useStatesStore } from '../stores/use-states-store'\nimport type { StateItem } from '../types/state'\nimport { StateSidebar } from './state-sidebar'\n\nexport const StatesPage = () => {\n  const selectedStateId = useStatesStore((state) => state.selectedStateId)\n  const selectStateId = useStatesStore((state) => state.selectStateId)\n  const { items, deleteItems, refetch } = useGetStateItems()\n  const [search, setSearch] = useState('')\n  const filteredItems = useMemo(() => {\n    return items.filter((item) => {\n      return (\n        item.groupId.toLowerCase().includes(search.toLowerCase()) ||\n        item.key.toLowerCase().includes(search.toLowerCase())\n      )\n    })\n  }, [items, search])\n  const selectedItem = useMemo(\n    () => (selectedStateId ? filteredItems.find((item) => `${item.groupId}:${item.key}` === selectedStateId) : null),\n    [filteredItems, selectedStateId],\n  )\n\n  const [checkedItems, setCheckedItems] = useState<Set<string>>(new Set())\n  const handleRowClick = (item: StateItem) => selectStateId(`${item.groupId}:${item.key}`)\n  const onClose = () => selectStateId(undefined)\n  const deleteStates = () => {\n    deleteItems(Array.from(checkedItems))\n    setCheckedItems(new Set())\n  }\n\n  const handleCheckboxChange = (item: StateItem) => {\n    const isChecked = checkedItems.has(`${item.groupId}:${item.key}`)\n\n    setCheckedItems((prev) => {\n      const newSet = new Set(prev)\n      if (isChecked) {\n        newSet.delete(`${item.groupId}:${item.key}`)\n      } else {\n        newSet.add(`${item.groupId}:${item.key}`)\n      }\n      return newSet\n    })\n  }\n\n  const toggleSelectAll = (checked: boolean) => {\n    setCheckedItems((prev) => {\n      const newSet = new Set(prev)\n\n      if (checked) {\n        filteredItems.forEach((item) => {\n          newSet.add(`${item.groupId}:${item.key}`)\n        })\n      } else {\n        filteredItems.forEach((item) => {\n          newSet.delete(`${item.groupId}:${item.key}`)\n        })\n      }\n      return newSet\n    })\n  }\n\n  return (\n    <>\n      {selectedItem && <StateSidebar state={selectedItem} onClose={onClose} />}\n      <div className=\"grid grid-rows-[auto_1fr] h-full\" data-testid=\"states-container\">\n        <div className=\"flex p-2 border-b gap-2\" data-testid=\"logs-search-container\">\n          <div className=\"flex-1 relative\">\n            <Input\n              variant=\"shade\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"px-9! font-medium\"\n              placeholder=\"Search by Group ID or Key\"\n            />\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50\" />\n            <X\n              className=\"cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground\"\n              onClick={() => setSearch('')}\n            />\n          </div>\n          <Button variant=\"default\" className=\"h-[34px]\" disabled={checkedItems.size === 0} onClick={deleteStates}>\n            <Trash /> Delete\n          </Button>\n          <Button variant=\"default\" className=\"h-[34px]\" onClick={refetch}>\n            <RefreshCw className=\"w-4 h-4 text-muted-foreground\" />\n          </Button>\n        </div>\n\n        <Table>\n          <TableHeader className=\"sticky top-0 bg-background/20 backdrop-blur-sm\">\n            <TableRow>\n              <TableHead>\n                <Checkbox onClick={(evt) => evt.stopPropagation()} onCheckedChange={toggleSelectAll} />\n              </TableHead>\n              <TableHead className=\"rounded-0\">Group ID</TableHead>\n              <TableHead>Key</TableHead>\n              <TableHead>Type</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {filteredItems.map((item) => (\n              <TableRow\n                data-testid={`item-${item}`}\n                key={`${item.groupId}:${item.key}`}\n                onClick={() => handleRowClick(item)}\n                className={cn(\n                  'font-mono font-semibold cursor-pointer border-0',\n                  selectedItem === item\n                    ? 'bg-muted-foreground/10 hover:bg-muted-foreground/20'\n                    : 'hover:bg-muted-foreground/10',\n                )}\n              >\n                <TableCell onClick={(evt) => evt.stopPropagation()}>\n                  <Checkbox\n                    checked={checkedItems.has(`${item.groupId}:${item.key}`)}\n                    onClick={() => handleCheckboxChange(item)}\n                  />\n                </TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.groupId}</TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.key}</TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.type}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useState","StateItem","Output","items","deleteItems","ids","refetch","useGetStateItems","$","_c","$i","Symbol","for","t0","setItems","t1","fetch","then","_temp","catch","_temp2","t2","method","headers","body","JSON","stringify","t3","t4","t5","res","ok","json","err","console","error","create","StatesState","selectedStateId","selectStateId","stateId","useStatesStore","set","undefined","React","JsonView","StateItem","Props","state","StateDetails","FC","t0","$","_c","$i","Symbol","for","t1","value","Editor","useMonaco","useThemeStore","FC","useEffect","useMemo","JsonEditorProps","value","height","schema","Record","onChange","onValidate","isValid","language","readOnly","JsonEditor","t0","$","_c","$i","Symbol","for","t1","t2","t3","undefined","monaco","theme","_temp","editorTheme","t4","languages","typescript","javascriptDefaults","setCompilerOptions","isolatedModules","json","jsonDefaults","setDiagnosticsOptions","schemas","uri","window","location","href","fileMatch","t5","t6","value_0","t7","markers","length","t8","enabled","t9","scrollBeyondLastLine","minimap","t10","state","Button","AlertCircle","Check","Loader2","Save","React","useCallback","useEffect","useMemo","useRef","useState","StateItem","JsonEditor","Props","state","StateEditor","FC","isRequestLoading","setIsRequestLoading","isValid","setIsValid","jsonValue","setJsonValue","JSON","stringify","value","hasChanges","setHasChanges","saveStatus","setSaveStatus","lastSavedValue","handleJsonChange","current","handleSave","response","fetch","method","headers","body","key","groupId","parse","ok","Error","status","setTimeout","error","console","resetChanges","statusView","Sidebar","X","React","StateItem","StateDetails","StateEditor","Props","state","onClose","StateSidebar","FC","t0","$","_c","$i","Symbol","for","t1","label","content","t2","t3","t4","t5","icon","onClick","t6","Button","Checkbox","cn","Input","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","RefreshCw","Search","Trash","X","useMemo","useState","useGetStateItems","useStatesStore","StateItem","StateSidebar","StatesPage","$","_c","$i","Symbol","for","selectedStateId","_temp","selectStateId","_temp2","items","deleteItems","refetch","search","setSearch","t0","t1","item","groupId","toLowerCase","includes","key","filter","filteredItems","find","item_0","selectedItem","t2","Set","checkedItems","setCheckedItems","t3","item_1","handleRowClick","t4","undefined","onClose","t5","Array","from","deleteStates","t6","item_2","isChecked","has","prev","newSet","delete","add","handleCheckboxChange","t7","checked","prev_0","newSet_0","forEach","item_3","item_4","toggleSelectAll","t8","t9","e","target","value","t10","t11","t12","t13","t14","size","t15","t16","t17","t18","t19","t20","_temp3","t21","t22","t23","t24","t25","t26","item_5","_temp4","type","map","t27","t28","t29","state","state_0","evt","stopPropagation","evt_0"],"sources":["../src/hooks/states-hooks.ts","../src/stores/use-states-store.ts","../src/components/state-details.tsx","../src/components/json-editor.tsx","../src/components/state-editor.tsx","../src/components/state-sidebar.tsx","../src/components/states-page.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport type { StateItem } from '../types/state'\n\ntype Output = {\n  items: StateItem[]\n  deleteItems: (ids: string[]) => void\n  refetch: () => void\n}\n\nexport const useGetStateItems = (): Output => {\n  const [items, setItems] = useState<StateItem[]>([])\n\n  const refetch = useCallback(() => {\n    fetch('/__motia/state')\n      .then(async (res) => {\n        if (res.ok) {\n          return res.json()\n        } else {\n          throw await res.json()\n        }\n      })\n      .then(setItems)\n      .catch((err) => console.error(err))\n  }, [])\n\n  const deleteItems = (ids: string[]) => {\n    fetch('/__motia/state/delete', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ ids }),\n    }).then(() => refetch())\n  }\n\n  useEffect(() => {\n    refetch()\n  }, [refetch])\n\n  return { items, deleteItems, refetch }\n}\n","import { create } from 'zustand'\n\nexport type StatesState = {\n  selectedStateId?: string\n  selectStateId: (stateId?: string) => void\n}\n\nexport const useStatesStore = create<StatesState>()((set) => ({\n  selectedStateId: undefined,\n  selectStateId: (stateId) => set({ selectedStateId: stateId }),\n}))\n","import type React from 'react'\nimport JsonView from 'react18-json-view'\nimport type { StateItem } from '../types/state'\n\ntype Props = {\n  state: StateItem\n}\n\nexport const StateDetails: React.FC<Props> = ({ state }) => <JsonView src={state.value} theme=\"default\" />\n","import Editor, { useMonaco } from '@monaco-editor/react'\nimport { useThemeStore } from '@motiadev/ui'\nimport { type FC, useEffect, useMemo } from 'react'\n\ntype JsonEditorProps = {\n  value: string\n  height?: number | string\n  schema?: Record<string, unknown>\n  onChange?: (value: string) => void\n  onValidate?: (isValid: boolean) => void\n  language?: string\n  readOnly?: boolean\n}\n\nexport const JsonEditor: FC<JsonEditorProps> = ({\n  value,\n  height = 300,\n  schema,\n  onChange,\n  onValidate,\n  language = 'json',\n  readOnly = false,\n}) => {\n  const monaco = useMonaco()\n  const theme = useThemeStore((state) => state.theme)\n  const editorTheme = useMemo(() => (theme === 'dark' ? 'vs-dark' : 'light'), [theme])\n\n  useEffect(() => {\n    if (!monaco) return\n\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: true })\n    monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n      schemas: schema\n        ? [\n            {\n              uri: window.location.href,\n              fileMatch: ['*'],\n              schema,\n            },\n          ]\n        : [],\n    })\n  }, [monaco, schema, language])\n\n  return (\n    <Editor\n      data-testid=\"json-editor\"\n      height={height}\n      language={language}\n      value={value}\n      theme={editorTheme}\n      onChange={(value) => {\n        if (!value) {\n          onValidate?.(false)\n        }\n        onChange?.(value ?? '')\n      }}\n      onValidate={(markers) => onValidate?.(markers.length === 0)}\n      options={{\n        readOnly,\n        scrollBeyondLastLine: false,\n        minimap: { enabled: false },\n      }}\n    />\n  )\n}\n","import { Button } from '@motiadev/ui'\nimport { AlertCircle, Check, Loader2, Save } from 'lucide-react'\nimport type React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport type { StateItem } from '../types/state'\nimport { JsonEditor } from './json-editor'\n\ntype Props = {\n  state: StateItem\n}\n\nexport const StateEditor: React.FC<Props> = ({ state }) => {\n  const [isRequestLoading, setIsRequestLoading] = useState(false)\n  const [isValid, setIsValid] = useState(true)\n  const [jsonValue, setJsonValue] = useState(JSON.stringify(state.value, null, 2))\n  const [hasChanges, setHasChanges] = useState(false)\n  const [saveStatus, setSaveStatus] = useState<'idle' | 'success' | 'error'>('idle')\n  const lastSavedValue = useRef(JSON.stringify(state.value, null, 2))\n  useEffect(() => {\n    setJsonValue(JSON.stringify(state.value, null, 2))\n  }, [state.value])\n\n  const handleJsonChange = useCallback((value: string) => {\n    setHasChanges(value !== lastSavedValue.current)\n    setJsonValue(value)\n    setSaveStatus('idle')\n  }, [])\n\n  const handleSave = async () => {\n    if (!isValid || !hasChanges) return\n\n    try {\n      setIsRequestLoading(true)\n      setSaveStatus('idle')\n\n      const response = await fetch('/__motia/state', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          key: state.key,\n          groupId: state.groupId,\n          value: JSON.parse(jsonValue),\n        }),\n      })\n\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`)\n      }\n\n      lastSavedValue.current = jsonValue\n      setSaveStatus('success')\n      setHasChanges(false)\n\n      setTimeout(() => {\n        setSaveStatus('idle')\n      }, 3000)\n    } catch (error) {\n      console.error('Failed to save state:', error)\n      setSaveStatus('error')\n    } finally {\n      setIsRequestLoading(false)\n    }\n  }\n\n  const resetChanges = useCallback(() => {\n    setJsonValue(JSON.stringify(state.value, null, 2))\n    setHasChanges(false)\n    setSaveStatus('idle')\n  }, [state.value])\n\n  const statusView = useMemo(() => {\n    if (saveStatus === 'success') {\n      return (\n        <div className=\"bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800 rounded-lg p-2\">\n          <div className=\"flex items-center gap-2 text-green-700 dark:text-green-400 text-sm\">\n            <Check className=\"w-4 h-4\" />\n            State saved successfully!\n          </div>\n        </div>\n      )\n    }\n\n    if (saveStatus === 'error') {\n      return (\n        <div className=\"bg-red-50 dark:bg-red-950/20 border border-red-200 dark:border-red-800 rounded-lg p-2\">\n          <div className=\"flex items-center gap-2 text-red-700 dark:text-red-400 text-sm\">\n            <AlertCircle className=\"w-4 h-4\" />\n            Failed to save state. Please try again.\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"text-xs text-muted-foreground\">\n        {hasChanges ? (\n          <span className=\"flex items-center gap-1\">\n            <div className=\"w-2 h-2 bg-orange-500 rounded-full\"></div>\n            Unsaved changes\n          </span>\n        ) : (\n          <span className=\"flex items-center gap-1\">\n            <div className=\"w-2 h-2 bg-green-500 rounded-full\"></div>\n            Up to date\n          </span>\n        )}\n      </div>\n    )\n  }, [saveStatus, hasChanges])\n\n  return (\n    <div className=\"flex flex-col gap-2 h-full\">\n      <p className=\"text-xs text-muted-foreground\">Modify the state value using the JSON editor below.</p>\n      <div className=\"space-y-3 pt-2 flex flex-col\">\n        <div className=\"relative flex-1\">\n          <JsonEditor\n            value={jsonValue}\n            onChange={handleJsonChange}\n            onValidate={setIsValid}\n            height={'calc(100vh - 300px)'}\n          />\n\n          {!isValid && (\n            <div className=\"absolute top-2 right-2 bg-destructive/90 text-destructive-foreground px-2 py-1 rounded text-xs flex items-center gap-1\">\n              <AlertCircle className=\"w-3 h-3\" />\n              Invalid JSON\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between pt-2\">\n        {statusView}\n\n        <div className=\"flex items-center gap-2\">\n          {hasChanges && (\n            <Button variant=\"secondary\" onClick={resetChanges} disabled={isRequestLoading}>\n              Reset\n            </Button>\n          )}\n\n          <Button\n            onClick={handleSave}\n            variant=\"accent\"\n            disabled={isRequestLoading || !isValid || !hasChanges}\n            data-testid=\"state-save-button\"\n          >\n            {isRequestLoading ? (\n              <>\n                <Loader2 className=\"w-3 h-3 animate-spin mr-1\" />\n                Saving...\n              </>\n            ) : (\n              <>\n                <Save className=\"w-3 h-3 mr-1\" />\n                Save Changes\n              </>\n            )}\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { Sidebar } from '@motiadev/ui'\nimport { X } from 'lucide-react'\nimport type React from 'react'\nimport type { StateItem } from '../types/state'\nimport { StateDetails } from './state-details'\nimport { StateEditor } from './state-editor'\n\ntype Props = {\n  state: StateItem\n  onClose: () => void\n}\n\nexport const StateSidebar: React.FC<Props> = ({ state, onClose }) => {\n  return (\n    <Sidebar\n      onClose={onClose}\n      title=\"State Details\"\n      initialWidth={500}\n      tabs={[\n        {\n          label: 'Overview',\n          content: <StateDetails state={state} />,\n        },\n        {\n          label: 'Editor',\n          content: <StateEditor state={state} />,\n        },\n      ]}\n      actions={[{ icon: <X />, onClick: onClose, label: 'Close' }]}\n    />\n  )\n}\n","import {\n  Button,\n  Checkbox,\n  cn,\n  Input,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@motiadev/ui'\nimport { RefreshCw, Search, Trash, X } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport { useGetStateItems } from '../hooks/states-hooks'\nimport { useStatesStore } from '../stores/use-states-store'\nimport type { StateItem } from '../types/state'\nimport { StateSidebar } from './state-sidebar'\n\nexport const StatesPage = () => {\n  const selectedStateId = useStatesStore((state) => state.selectedStateId)\n  const selectStateId = useStatesStore((state) => state.selectStateId)\n  const { items, deleteItems, refetch } = useGetStateItems()\n  const [search, setSearch] = useState('')\n  const filteredItems = useMemo(() => {\n    return items.filter((item) => {\n      return (\n        item.groupId.toLowerCase().includes(search.toLowerCase()) ||\n        item.key.toLowerCase().includes(search.toLowerCase())\n      )\n    })\n  }, [items, search])\n  const selectedItem = useMemo(\n    () => (selectedStateId ? filteredItems.find((item) => `${item.groupId}:${item.key}` === selectedStateId) : null),\n    [filteredItems, selectedStateId],\n  )\n\n  const [checkedItems, setCheckedItems] = useState<Set<string>>(new Set())\n  const handleRowClick = (item: StateItem) => selectStateId(`${item.groupId}:${item.key}`)\n  const onClose = () => selectStateId(undefined)\n  const deleteStates = () => {\n    deleteItems(Array.from(checkedItems))\n    setCheckedItems(new Set())\n  }\n\n  const handleCheckboxChange = (item: StateItem) => {\n    const isChecked = checkedItems.has(`${item.groupId}:${item.key}`)\n\n    setCheckedItems((prev) => {\n      const newSet = new Set(prev)\n      if (isChecked) {\n        newSet.delete(`${item.groupId}:${item.key}`)\n      } else {\n        newSet.add(`${item.groupId}:${item.key}`)\n      }\n      return newSet\n    })\n  }\n\n  const toggleSelectAll = (checked: boolean) => {\n    setCheckedItems((prev) => {\n      const newSet = new Set(prev)\n\n      if (checked) {\n        filteredItems.forEach((item) => {\n          newSet.add(`${item.groupId}:${item.key}`)\n        })\n      } else {\n        filteredItems.forEach((item) => {\n          newSet.delete(`${item.groupId}:${item.key}`)\n        })\n      }\n      return newSet\n    })\n  }\n\n  return (\n    <>\n      {selectedItem && <StateSidebar state={selectedItem} onClose={onClose} />}\n      <div className=\"grid grid-rows-[auto_1fr] h-full\" data-testid=\"states-container\">\n        <div className=\"flex p-2 border-b gap-2\" data-testid=\"logs-search-container\">\n          <div className=\"flex-1 relative\">\n            <Input\n              variant=\"shade\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"px-9! font-medium\"\n              placeholder=\"Search by Group ID or Key\"\n            />\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50\" />\n            <X\n              className=\"cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground\"\n              onClick={() => setSearch('')}\n            />\n          </div>\n          <Button variant=\"default\" className=\"h-[34px]\" disabled={checkedItems.size === 0} onClick={deleteStates}>\n            <Trash /> Delete\n          </Button>\n          <Button variant=\"default\" className=\"h-[34px]\" onClick={refetch}>\n            <RefreshCw className=\"w-4 h-4 text-muted-foreground\" />\n          </Button>\n        </div>\n\n        <Table>\n          <TableHeader className=\"sticky top-0 bg-background/20 backdrop-blur-sm\">\n            <TableRow>\n              <TableHead>\n                <Checkbox onClick={(evt) => evt.stopPropagation()} onCheckedChange={toggleSelectAll} />\n              </TableHead>\n              <TableHead className=\"rounded-0\">Group ID</TableHead>\n              <TableHead>Key</TableHead>\n              <TableHead>Type</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {filteredItems.map((item) => (\n              <TableRow\n                data-testid={`item-${item}`}\n                key={`${item.groupId}:${item.key}`}\n                onClick={() => handleRowClick(item)}\n                className={cn(\n                  'font-mono font-semibold cursor-pointer border-0',\n                  selectedItem === item\n                    ? 'bg-muted-foreground/10 hover:bg-muted-foreground/20'\n                    : 'hover:bg-muted-foreground/10',\n                )}\n              >\n                <TableCell onClick={(evt) => evt.stopPropagation()}>\n                  <Checkbox\n                    checked={checkedItems.has(`${item.groupId}:${item.key}`)}\n                    onClick={() => handleCheckboxChange(item)}\n                  />\n                </TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.groupId}</TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.key}</TableCell>\n                <TableCell className=\"hover:bg-transparent\">{item.type}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["error: unknown"],"sources":["../src/api.ts","../src/plugin.ts"],"sourcesContent":["import type { ApiRequest, ApiResponse, FlowContext, MotiaPluginContext } from '@motiadev/core'\n\nexport const api = (motia: MotiaPluginContext): void => {\n  motia.registerApi(\n    {\n      method: 'GET',\n      path: '/__motia/state',\n    },\n    async (req: ApiRequest): Promise<ApiResponse> => {\n      try {\n        const groupId = req.queryParams.groupId as string | undefined\n        const filter = req.queryParams.filter ? JSON.parse(req.queryParams.filter as string) : undefined\n        const items = await motia.state.items({ groupId, filter })\n\n        return {\n          status: 200,\n          body: items as unknown as Record<string, unknown>,\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n\n  motia.registerApi(\n    {\n      method: 'POST',\n      path: '/__motia/state',\n    },\n    async (req: ApiRequest, ctx: FlowContext): Promise<ApiResponse> => {\n      try {\n        const { key, groupId, value } = req.body as { key: string; groupId: string; value: any }\n        await ctx.state.set(groupId, key, value)\n        return {\n          status: 200,\n          body: { key, groupId, value },\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n\n  motia.registerApi(\n    {\n      method: 'POST',\n      path: '/__motia/state/delete',\n    },\n    async (req: ApiRequest, ctx: FlowContext): Promise<ApiResponse> => {\n      try {\n        for (const id of (req.body as { ids: string[] }).ids) {\n          const [groupId, ...keyParts] = id.split(':')\n          const key = keyParts.join(':')\n          await ctx.state.delete(groupId, key)\n        }\n\n        return {\n          status: 204,\n          body: '',\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n}\n","import type { MotiaPlugin, MotiaPluginContext } from '@motiadev/core'\nimport { api } from './api'\n\nexport default function plugin(motia: MotiaPluginContext): MotiaPlugin {\n  api(motia)\n\n  return {\n    workbench: [\n      {\n        packageName: '@motiadev/plugin-states',\n        cssImports: ['@motiadev/plugin-states/dist/styles.css'],\n        label: 'States',\n        position: 'bottom',\n        componentName: 'StatesPage',\n        labelIcon: 'file',\n      },\n    ],\n  }\n}\n"],"mappings":";AAEA,MAAa,OAAO,UAAoC;AACtD,OAAM,YACJ;EACE,QAAQ;EACR,MAAM;EACP,EACD,OAAO,QAA0C;AAC/C,MAAI;GACF,MAAM,UAAU,IAAI,YAAY;GAChC,MAAM,SAAS,IAAI,YAAY,SAAS,KAAK,MAAM,IAAI,YAAY,OAAiB,GAAG;AAGvF,UAAO;IACL,QAAQ;IACR,MAJY,MAAM,MAAM,MAAM,MAAM;KAAE;KAAS;KAAQ,CAAC;IAKzD;WACMA,OAAgB;AACvB,UAAO;IACL,QAAQ;IACR,MAAM,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,iBAAiB;IAC1E;;GAGN;AAED,OAAM,YACJ;EACE,QAAQ;EACR,MAAM;EACP,EACD,OAAO,KAAiB,QAA2C;AACjE,MAAI;GACF,MAAM,EAAE,KAAK,SAAS,UAAU,IAAI;AACpC,SAAM,IAAI,MAAM,IAAI,SAAS,KAAK,MAAM;AACxC,UAAO;IACL,QAAQ;IACR,MAAM;KAAE;KAAK;KAAS;KAAO;IAC9B;WACMA,OAAgB;AACvB,UAAO;IACL,QAAQ;IACR,MAAM,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,iBAAiB;IAC1E;;GAGN;AAED,OAAM,YACJ;EACE,QAAQ;EACR,MAAM;EACP,EACD,OAAO,KAAiB,QAA2C;AACjE,MAAI;AACF,QAAK,MAAM,MAAO,IAAI,KAA2B,KAAK;IACpD,MAAM,CAAC,SAAS,GAAG,YAAY,GAAG,MAAM,IAAI;IAC5C,MAAM,MAAM,SAAS,KAAK,IAAI;AAC9B,UAAM,IAAI,MAAM,OAAO,SAAS,IAAI;;AAGtC,UAAO;IACL,QAAQ;IACR,MAAM;IACP;WACMA,OAAgB;AACvB,UAAO;IACL,QAAQ;IACR,MAAM,EAAE,OAAO,iBAAiB,QAAQ,MAAM,UAAU,iBAAiB;IAC1E;;GAGN;;;;;ACtEH,SAAwB,OAAO,OAAwC;AACrE,KAAI,MAAM;AAEV,QAAO,EACL,WAAW,CACT;EACE,aAAa;EACb,YAAY,CAAC,0CAA0C;EACvD,OAAO;EACP,UAAU;EACV,eAAe;EACf,WAAW;EACZ,CACF,EACF"}
+{"version":3,"file":"plugin.js","names":["ApiRequest","ApiResponse","FlowContext","MotiaPluginContext","api","motia","registerApi","method","path","req","Promise","groupId","queryParams","filter","JSON","parse","undefined","items","state","status","body","Record","error","Error","message","ctx","key","value","set","id","ids","keyParts","split","join","delete","MotiaPlugin","MotiaPluginContext","api","plugin","motia","workbench","packageName","cssImports","label","position","componentName","labelIcon"],"sources":["../src/api.ts","../src/plugin.ts"],"sourcesContent":["import type { ApiRequest, ApiResponse, FlowContext, MotiaPluginContext } from '@motiadev/core'\n\nexport const api = (motia: MotiaPluginContext): void => {\n  motia.registerApi(\n    {\n      method: 'GET',\n      path: '/__motia/state',\n    },\n    async (req: ApiRequest): Promise<ApiResponse> => {\n      try {\n        const groupId = req.queryParams.groupId as string | undefined\n        const filter = req.queryParams.filter ? JSON.parse(req.queryParams.filter as string) : undefined\n        const items = await motia.state.items({ groupId, filter })\n\n        return {\n          status: 200,\n          body: items as unknown as Record<string, unknown>,\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n\n  motia.registerApi(\n    {\n      method: 'POST',\n      path: '/__motia/state',\n    },\n    async (req: ApiRequest, ctx: FlowContext): Promise<ApiResponse> => {\n      try {\n        const { key, groupId, value } = req.body as { key: string; groupId: string; value: any }\n        await ctx.state.set(groupId, key, value)\n        return {\n          status: 200,\n          body: { key, groupId, value },\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n\n  motia.registerApi(\n    {\n      method: 'POST',\n      path: '/__motia/state/delete',\n    },\n    async (req: ApiRequest, ctx: FlowContext): Promise<ApiResponse> => {\n      try {\n        for (const id of (req.body as { ids: string[] }).ids) {\n          const [groupId, ...keyParts] = id.split(':')\n          const key = keyParts.join(':')\n          await ctx.state.delete(groupId, key)\n        }\n\n        return {\n          status: 204,\n          body: '',\n        }\n      } catch (error: unknown) {\n        return {\n          status: 500,\n          body: { error: error instanceof Error ? error.message : 'Unknown error' },\n        }\n      }\n    },\n  )\n}\n","import type { MotiaPlugin, MotiaPluginContext } from '@motiadev/core'\nimport { api } from './api'\n\nexport default function plugin(motia: MotiaPluginContext): MotiaPlugin {\n  api(motia)\n\n  return {\n    workbench: [\n      {\n        packageName: '@motiadev/plugin-states',\n        cssImports: ['@motiadev/plugin-states/dist/styles.css'],\n        label: 'States',\n        position: 'bottom',\n        componentName: 'StatesPage',\n        labelIcon: 'file',\n      },\n    ],\n  }\n}\n"],"mappings":";AAEA,MAAaI,OAAOC,UAAoC;AACtDA,OAAMC,YACJ;EACEC,QAAQ;EACRC,MAAM;EACP,EACD,OAAOC,QAA0C;AAC/C,MAAI;GACF,MAAME,UAAUF,IAAIG,YAAYD;GAChC,MAAME,SAASJ,IAAIG,YAAYC,SAASC,KAAKC,MAAMN,IAAIG,YAAYC,OAAiB,GAAGG;AAGvF,UAAO;IACLG,QAAQ;IACRC,MAJY,MAAMf,MAAMa,MAAMD,MAAM;KAAEN;KAASE;KAAQ,CAAC;IAKzD;WACMS,OAAgB;AACvB,UAAO;IACLH,QAAQ;IACRC,MAAM,EAAEE,OAAOA,iBAAiBC,QAAQD,MAAME,UAAU,iBAAgB;IACzE;;GAGN;AAEDnB,OAAMC,YACJ;EACEC,QAAQ;EACRC,MAAM;EACP,EACD,OAAOC,KAAiBgB,QAA2C;AACjE,MAAI;GACF,MAAM,EAAEC,KAAKf,SAASgB,UAAUlB,IAAIW;AACpC,SAAMK,IAAIP,MAAMU,IAAIjB,SAASe,KAAKC,MAAM;AACxC,UAAO;IACLR,QAAQ;IACRC,MAAM;KAAEM;KAAKf;KAASgB;KAAM;IAC7B;WACML,OAAgB;AACvB,UAAO;IACLH,QAAQ;IACRC,MAAM,EAAEE,OAAOA,iBAAiBC,QAAQD,MAAME,UAAU,iBAAgB;IACzE;;GAGN;AAEDnB,OAAMC,YACJ;EACEC,QAAQ;EACRC,MAAM;EACP,EACD,OAAOC,KAAiBgB,QAA2C;AACjE,MAAI;AACF,QAAK,MAAMI,MAAOpB,IAAIW,KAA2BU,KAAK;IACpD,MAAM,CAACnB,SAAS,GAAGoB,YAAYF,GAAGG,MAAM,IAAI;IAC5C,MAAMN,MAAMK,SAASE,KAAK,IAAI;AAC9B,UAAMR,IAAIP,MAAMgB,OAAOvB,SAASe,IAAI;;AAGtC,UAAO;IACLP,QAAQ;IACRC,MAAM;IACP;WACME,OAAgB;AACvB,UAAO;IACLH,QAAQ;IACRC,MAAM,EAAEE,OAAOA,iBAAiBC,QAAQD,MAAME,UAAU,iBAAgB;IACzE;;GAGN;;;;;ACtEH,SAAwBc,OAAOC,OAAwC;AACrEF,KAAIE,MAAM;AAEV,QAAO,EACLC,WAAW,CACT;EACEC,aAAa;EACbC,YAAY,CAAC,0CAA0C;EACvDC,OAAO;EACPC,UAAU;EACVC,eAAe;EACfC,WAAW;EACZ,CAAA,EAEJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motiadev/plugin-states",
-  "version": "0.17.6-beta.188-710084",
+  "version": "0.17.6-beta.188-853774",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -22,9 +22,9 @@
   },
   "peerDependencies": {
     "react": "^19.2.3",
-    "@motiadev/ui": "0.17.6-beta.188-710084",
-    "motia": "0.17.6-beta.188-710084",
-    "@motiadev/core": "0.17.6-beta.188-710084"
+    "@motiadev/core": "0.17.6-beta.188-853774",
+    "@motiadev/ui": "0.17.6-beta.188-853774",
+    "motia": "0.17.6-beta.188-853774"
   },
   "devDependencies": {
     "@bosh-code/tsdown-plugin-inject-css": "^2.0.0",