@plitzi/sdk-dev-tools 0.30.19 → 0.31.1

package/dist/components/DevToolsPanel/tabs/HistoryViewer/helpers.mjs

@@ -0,0 +1,15 @@
+//#region src/components/DevToolsPanel/tabs/HistoryViewer/helpers.ts
+var e = (e) => new Date(e).toLocaleTimeString(void 0, { hour12: !1 }) + "." + String(e % 1e3).padStart(3, "0"), t = (e) => {
+	if (e === void 0) return "";
+	if (typeof e == "string") return e;
+	if (typeof e == "number" || typeof e == "boolean") return String(e);
+	let t = Array.isArray(e) ? "[…]" : "{…}", n;
+	try {
+		n = JSON.stringify(e) || t;
+	} catch {
+		n = t;
+	}
+	return n.length > 120 ? n.slice(0, 120) + "…" : n;
+}, n = (e, t) => t ? (e.path ?? "").toLowerCase().includes(t.toLowerCase()) : !0;
+//#endregion
+export { e as formatTime, n as matchesFilter, t as previewValue };

package/dist/components/DevToolsPanel/tabs/HistoryViewer/index.d.ts

@@ -0,0 +1,3 @@
+import { default as HistoryViewer } from './HistoryViewer';
+export * from './HistoryViewer';
+export default HistoryViewer;

package/dist/components/DevToolsPanel/tabs/HistoryViewer/index.mjs

@@ -0,0 +1,5 @@
+import e from "./HistoryViewer.mjs";
+//#region src/components/DevToolsPanel/tabs/HistoryViewer/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyContent.mjs

@@ -2,25 +2,25 @@ import e from "./ExecutionTree/index.mjs";
 import t from "./InteractionNode/index.mjs";
 import n from "clsx";
 import { useCallback as r, useMemo as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { get as c } from "@plitzi/plitzi-ui/helpers";
+import { get as o } from "@plitzi/plitzi-ui/helpers";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyContent.tsx
 var l = ({ className: l, node: u, nodes: d }) => {
-	let [f, p] = a(u.id), m = i(() => c(d, `${f}`), [f, d]), h = r((e) => p(e), []);
-	return /* @__PURE__ */ s("div", {
+	let [f, p] = a(u.id), m = i(() => o(d, `${f}`), [f, d]), h = r((e) => p(e), []);
+	return /* @__PURE__ */ c("div", {
 		className: n("flex", l),
 		children: [
-			/* @__PURE__ */ o(e, {
+			/* @__PURE__ */ s(e, {
 				className: "grow basis-0",
 				nodeId: u.id,
 				nodes: d,
 				selected: f,
 				onSelect: h
 			}),
-			/* @__PURE__ */ o("div", { className: "mx-1 w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
-			f && /* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", { className: "mx-1 w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
+			f && /* @__PURE__ */ s("div", {
 				className: "flex min-w-0 grow basis-0",
-				children: /* @__PURE__ */ o(t, {
+				children: /* @__PURE__ */ s(t, {
 					whenParams: m.whenParams,
 					status: m.status,
 					name: m.node.title,

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.mjs

@@ -1,11 +1,11 @@
 import { useCallback as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
-import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { createStoreHook as n } from "@plitzi/nexus/createStore";
+import { get as r } from "@plitzi/plitzi-ui/helpers";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { formatDate as o } from "@plitzi/sdk-shared/helpers";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.tsx
 var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }) => {
-	let { useStore: f } = i(), [p] = f("schema.flat"), m = t(() => d ? a(p, d) : void 0, [d, p]), h = t(() => o(c, "HH:mm:ss.SSS"), [c]), g = t(() => o(l, "HH:mm:ss.SSS"), [l]), _ = t(() => {
+	let { useStore: f } = n(), [p] = f("schema.flat"), m = t(() => d ? r(p, d) : void 0, [d, p]), h = t(() => o(c, "HH:mm:ss.SSS"), [c]), g = t(() => o(l, "HH:mm:ss.SSS"), [l]), _ = t(() => {
 		if (!(typeof document > "u")) return document.querySelector(`[data-id="${d}"]`);
 	}, [d]), v = e(() => {
 		_?.scrollIntoView({
@@ -18,34 +18,34 @@ var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }
 	}, [_]), b = e(() => {
 		_?.classList.remove("devtools-element-hovered");
 	}, [_]);
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "flex justify-around gap-3",
 		children: [
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "mb-1 flex items-center gap-1.5 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
-					children: [/* @__PURE__ */ n("i", { className: "fa-regular fa-clock" }), "Times"]
-				}), /* @__PURE__ */ r("div", {
+					children: [/* @__PURE__ */ i("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ a("div", {
 					className: "flex flex-col gap-0.5 font-mono text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Start"
 							}), h]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "End"
 							}), g]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Duration"
 							}), u]
@@ -53,43 +53,43 @@ var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }
 					]
 				})]
 			}),
-			/* @__PURE__ */ n("div", { className: "w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", { className: "w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
+			/* @__PURE__ */ a("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "mb-1 flex items-center gap-1.5 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
-					children: [/* @__PURE__ */ n("i", { className: "fa-solid fa-circle-info" }), "Details"]
-				}), /* @__PURE__ */ r("div", {
+					children: [/* @__PURE__ */ i("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ a("div", {
 					className: "flex flex-col gap-0.5 text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Type"
-							}), /* @__PURE__ */ n("span", { children: "Interaction" })]
+							}), /* @__PURE__ */ i("span", { children: "Interaction" })]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Trigger"
-							}), /* @__PURE__ */ n("span", {
+							}), /* @__PURE__ */ i("span", {
 								className: "truncate",
 								children: s
 							})]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ i("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Element"
-							}), /* @__PURE__ */ r("span", {
+							}), /* @__PURE__ */ a("span", {
 								className: "cursor-pointer truncate text-violet-600 hover:text-violet-500 dark:text-violet-400 dark:hover:text-violet-300",
 								onClick: v,
 								onMouseEnter: y,
 								onMouseLeave: b,
-								children: [m?.definition.label, d && /* @__PURE__ */ r("span", {
+								children: [m?.definition.label, d && /* @__PURE__ */ a("span", {
 									className: "ml-1 font-mono text-[10px] text-zinc-400 dark:text-zinc-500",
 									children: [
 										"[",

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTree.mjs

@@ -1,34 +1,34 @@
 import e from "./ExecutionTreeNode.mjs";
 import t from "clsx";
 import { useCallback as n, useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { get as o } from "@plitzi/plitzi-ui/helpers";
+import { get as i } from "@plitzi/plitzi-ui/helpers";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { getDurationMs as s } from "@plitzi/sdk-shared";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTree.tsx
 var c = ({ className: c, nodeId: l, nodes: u, selected: d, onSelect: f }) => {
 	let p = r(() => {
-		let e = o(u, l), t = [];
+		let e = i(u, l), t = [];
 		for (; e;) {
-			let { node: n, startTime: r, endTime: i } = e, a = `${s(r, i)}ms`, c = n.id === l ? 0 : 1;
+			let { node: n, startTime: r, endTime: a } = e, o = `${s(r, a)}ms`, c = n.id === l ? 0 : 1;
 			t.push({
 				id: n.id,
 				action: n.action,
 				title: n.title,
 				status: e.status,
 				level: c,
-				duration: a
-			}), e = o(u, n.afterNode);
+				duration: o
+			}), e = i(u, n.afterNode);
 		}
 		return t;
 	}, [l, u]), m = n((e) => f?.(e), [f]);
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: t("flex flex-col gap-1.5", c),
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-center gap-1.5 px-2 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
-			children: [/* @__PURE__ */ i("i", { className: "fa-solid fa-code-merge" }), "Execution Tree"]
-		}), /* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("i", { className: "fa-solid fa-code-merge" }), "Execution Tree"]
+		}), /* @__PURE__ */ a("div", {
 			className: "flex flex-col",
-			children: p.map((t, n) => /* @__PURE__ */ i(e, {
+			children: p.map((t, n) => /* @__PURE__ */ a(e, {
 				id: t.id,
 				action: t.action,
 				title: t.title,

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationBody.mjs

@@ -1,60 +1,60 @@
 import { useMemo as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { createStoreHook as r } from "@plitzi/sdk-store/createStore";
-import { get as i } from "@plitzi/plitzi-ui/helpers";
+import { createStoreHook as t } from "@plitzi/nexus/createStore";
+import { get as n } from "@plitzi/plitzi-ui/helpers";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { formatDate as a } from "@plitzi/sdk-shared/helpers";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationBody.tsx
 var o = ({ elementId: o, startTime: s, endTime: c, duration: l }) => {
-	let { useStore: u } = r(), [d] = u("schema.flat"), f = e(() => o ? i(d, o) : void 0, [o, d]);
-	return /* @__PURE__ */ n("div", {
+	let { useStore: u } = t(), [d] = u("schema.flat"), f = e(() => o ? n(d, o) : void 0, [o, d]);
+	return /* @__PURE__ */ i("div", {
 		className: "m-2 flex justify-around gap-4",
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex min-w-0 grow basis-0 flex-col gap-2",
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ i("div", {
 					className: "flex items-center gap-1 font-bold",
-					children: [/* @__PURE__ */ t("i", { className: "fa-regular fa-clock" }), "Times"]
-				}), /* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ r("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ i("div", {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Started:" }), typeof s == "string" ? s : a(s)]
+							children: [/* @__PURE__ */ r("span", { children: "Started:" }), typeof s == "string" ? s : a(s)]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "End:" }), typeof c == "string" ? c : a(c)]
+							children: [/* @__PURE__ */ r("span", { children: "End:" }), typeof c == "string" ? c : a(c)]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Duration:" }), l]
+							children: [/* @__PURE__ */ r("span", { children: "Duration:" }), l]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ t("div", { className: "border-r border-gray-300" }),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", { className: "border-r border-gray-300" }),
+			/* @__PURE__ */ i("div", {
 				className: "flex min-w-0 grow basis-0 flex-col gap-2",
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ i("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ t("i", { className: "fa-solid fa-circle-info" }), "Details"]
-				}), /* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ r("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ i("div", {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Type:" }), /* @__PURE__ */ t("span", { children: "Navigation" })]
+							children: [/* @__PURE__ */ r("span", { children: "Type:" }), /* @__PURE__ */ r("span", { children: "Navigation" })]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Trigger:" }), /* @__PURE__ */ t("span", {
+							children: [/* @__PURE__ */ r("span", { children: "Trigger:" }), /* @__PURE__ */ r("span", {
 								className: "truncate",
 								children: "-"
 							})]
 						}),
-						f && /* @__PURE__ */ n("div", {
+						f && /* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Element:" }), /* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", { children: "Element:" }), /* @__PURE__ */ i("span", {
 								className: "cursor-pointer truncate text-blue-500",
 								children: [
 									f.definition.label,

package/dist/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.d.ts

@@ -0,0 +1,5 @@
+export type StoreViewerProps = {
+    elementSelected?: string;
+};
+declare const StoreViewer: ({ elementSelected }: StoreViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default StoreViewer;

package/dist/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.mjs

@@ -0,0 +1,32 @@
+import { use as e } from "react";
+import t from "@plitzi/sdk-shared/devTools/DevToolsContext";
+import { createStoreHook as n } from "@plitzi/nexus/createStore";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@uiw/react-json-view";
+import * as a from "@uiw/react-json-view/vscode";
+import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
+//#region src/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.tsx
+var s = {
+	...a.vscodeTheme,
+	width: "100%",
+	height: "100%",
+	overflow: "auto",
+	padding: "8px",
+	fontSize: "14px"
+}, c = ({ elementSelected: a }) => {
+	let { getData: c } = e(t), { useStore: l } = n(), [u] = l();
+	return /* @__PURE__ */ r("div", {
+		className: "flex h-full w-full flex-col",
+		children: /* @__PURE__ */ r(i, {
+			value: (a ? c?.(`getElementDataSource-${a}`) : u) ?? o,
+			style: s,
+			enableClipboard: !1,
+			indentWidth: 15,
+			collapsed: 2,
+			displayObjectSize: !1,
+			displayDataTypes: !1
+		})
+	});
+};
+//#endregion
+export { c as default };

package/dist/components/DevToolsPanel/tabs/StoreViewer/index.d.ts

@@ -0,0 +1,3 @@
+import { default as StoreViewer } from './StoreViewer';
+export * from './StoreViewer';
+export default StoreViewer;

package/dist/components/DevToolsPanel/tabs/StoreViewer/index.mjs

@@ -0,0 +1,5 @@
+import e from "./StoreViewer.mjs";
+//#region src/components/DevToolsPanel/tabs/StoreViewer/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariablesViewer.mjs

@@ -1,33 +1,33 @@
 import e from "./VariablesList.mjs";
 import t from "./VariablesStyleList.mjs";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
-import a from "@plitzi/sdk-shared/dataSource/hooks/useDataSource";
+import { createStoreHook as n } from "@plitzi/nexus/createStore";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/VariablesViewer/VariablesViewer.tsx
-var o = () => {
-	let { useStore: o } = i(), [[s, c]] = o(["schema.variables", "style.variables"]), { variables: l } = a({
-		id: "",
-		mode: "read"
-	});
-	return /* @__PURE__ */ r("div", {
+var a = () => {
+	let { useStore: a } = n(), [[o, s, c]] = a([
+		"schema.variables",
+		"style.variables",
+		"runtime.sources.variables"
+	]);
+	return /* @__PURE__ */ i("div", {
 		className: "flex w-full flex-col gap-4 overflow-y-auto p-3",
-		children: [/* @__PURE__ */ r("section", {
+		children: [/* @__PURE__ */ i("section", {
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				className: "flex items-center gap-2 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
-				children: [/* @__PURE__ */ n("i", { className: "fa-solid fa-code" }), "Schema Variables"]
-			}), /* @__PURE__ */ n(e, {
-				variables: s,
-				variablesParsed: l
+				children: [/* @__PURE__ */ r("i", { className: "fa-solid fa-code" }), "Schema Variables"]
+			}), /* @__PURE__ */ r(e, {
+				variables: o,
+				variablesParsed: c
 			})]
-		}), /* @__PURE__ */ r("section", {
+		}), /* @__PURE__ */ i("section", {
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				className: "flex items-center gap-2 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
-				children: [/* @__PURE__ */ n("i", { className: "fa-solid fa-palette" }), "Style Variables"]
-			}), /* @__PURE__ */ n(t, { variables: c })]
+				children: [/* @__PURE__ */ r("i", { className: "fa-solid fa-palette" }), "Style Variables"]
+			}), /* @__PURE__ */ r(t, { variables: s })]
 		})]
 	});
 };
 //#endregion
-export { o as default };
+export { a as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-dev-tools",
-  "version": "0.30.19",
+  "version": "0.31.1",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -94,6 +94,46 @@
       "types": "./dist/components/DevToolsPanel/tabs/ElementsViewer/index.d.ts",
       "import": "./dist/components/DevToolsPanel/tabs/ElementsViewer/index.mjs"
     },
+    "./components/DevToolsPanel/tabs/HistoryViewer": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/HistoryEntryItem": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/HistoryEntryItem.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/HistoryEntryItem.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/index": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/HistoryToolbar": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/HistoryToolbar.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/HistoryToolbar.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/index": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/helpers": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/helpers.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/helpers.mjs"
+    },
+    "./components/DevToolsPanel/tabs/HistoryViewer/index": {
+      "types": "./dist/components/DevToolsPanel/tabs/HistoryViewer/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/HistoryViewer/index.mjs"
+    },
     "./components/DevToolsPanel/tabs/Logs": {
       "types": "./dist/components/DevToolsPanel/tabs/Logs/index.d.ts",
       "import": "./dist/components/DevToolsPanel/tabs/Logs/index.mjs"
@@ -274,6 +314,18 @@
       "types": "./dist/components/DevToolsPanel/tabs/PluginsViewer/index.d.ts",
       "import": "./dist/components/DevToolsPanel/tabs/PluginsViewer/index.mjs"
     },
+    "./components/DevToolsPanel/tabs/StoreViewer": {
+      "types": "./dist/components/DevToolsPanel/tabs/StoreViewer/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/StoreViewer/index.mjs"
+    },
+    "./components/DevToolsPanel/tabs/StoreViewer/StoreViewer": {
+      "types": "./dist/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.mjs"
+    },
+    "./components/DevToolsPanel/tabs/StoreViewer/index": {
+      "types": "./dist/components/DevToolsPanel/tabs/StoreViewer/index.d.ts",
+      "import": "./dist/components/DevToolsPanel/tabs/StoreViewer/index.mjs"
+    },
     "./components/DevToolsPanel/tabs/VariablesViewer": {
       "types": "./dist/components/DevToolsPanel/tabs/VariablesViewer/index.d.ts",
       "import": "./dist/components/DevToolsPanel/tabs/VariablesViewer/index.mjs"
@@ -334,24 +386,23 @@
   "sideEffects": false,
   "devDependencies": {
     "eslint": "^9.39.4",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10"
+    "vite": "^8.0.14"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.2",
-    "@plitzi/sdk-data-source": "0.30.19",
-    "@plitzi/sdk-navigation": "0.30.19",
-    "@plitzi/sdk-schema": "0.30.19",
-    "@plitzi/sdk-shared": "0.30.19",
-    "@plitzi/sdk-store": "0.30.19",
-    "@plitzi/sdk-style": "0.30.19",
-    "@uiw/react-json-view": "^2.0.0-alpha.42",
+    "@plitzi/nexus": "0.31.1",
+    "@plitzi/plitzi-ui": "^1.6.9",
+    "@plitzi/sdk-navigation": "0.31.1",
+    "@plitzi/sdk-schema": "0.31.1",
+    "@plitzi/sdk-shared": "0.31.1",
+    "@plitzi/sdk-style": "0.31.1",
+    "@uiw/react-json-view": "^2.0.0-alpha.43",
     "clsx": "^2.1.1"
   }
 }

package/dist/components/DevToolsPanel/tabs/DataSourceViewer/DataSourceViewer.d.ts

@@ -1,5 +0,0 @@
-export type DataSourceViewerProps = {
-    elementSelected?: string;
-};
-declare const DataSourceViewer: ({ elementSelected }: DataSourceViewerProps) => import("react/jsx-runtime").JSX.Element;
-export default DataSourceViewer;

package/dist/components/DevToolsPanel/tabs/DataSourceViewer/DataSourceViewer.mjs

@@ -1,30 +0,0 @@
-import { use as e } from "react";
-import t from "@plitzi/sdk-shared/devTools/DevToolsContext";
-import n from "@uiw/react-json-view";
-import * as r from "@uiw/react-json-view/vscode";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/DevToolsPanel/tabs/DataSourceViewer/DataSourceViewer.tsx
-var a = {
-	...r.vscodeTheme,
-	width: "100%",
-	height: "100%",
-	overflow: "auto",
-	padding: "8px",
-	fontSize: "14px"
-}, o = ({ elementSelected: r }) => {
-	let { getData: o } = e(t);
-	return /* @__PURE__ */ i("div", {
-		className: "flex h-full w-full flex-col",
-		children: /* @__PURE__ */ i(n, {
-			value: r ? o?.(`getElementDataSource-${r}`) : {},
-			style: a,
-			enableClipboard: !1,
-			indentWidth: 15,
-			collapsed: 2,
-			displayObjectSize: !1,
-			displayDataTypes: !1
-		})
-	});
-};
-//#endregion
-export { o as default };

package/dist/components/DevToolsPanel/tabs/DataSourceViewer/index.d.ts

@@ -1,3 +0,0 @@
-import { default as DataSourceViewer } from './DataSourceViewer';
-export * from './DataSourceViewer';
-export default DataSourceViewer;

package/dist/components/DevToolsPanel/tabs/DataSourceViewer/index.mjs

@@ -1,5 +0,0 @@
-import e from "./DataSourceViewer.mjs";
-//#region src/components/DevToolsPanel/tabs/DataSourceViewer/index.ts
-var t = e;
-//#endregion
-export { t as default };