@plitzi/sdk-dev-tools 0.33.1 → 0.34.0

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

@@ -4,43 +4,58 @@ import n from "clsx";
 import { use as r, useCallback as i, useMemo as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import l from "@plitzi/sdk-plugins/PluginsContext";
+import u from "@plitzi/sdk-shared/elements/ComponentContext";
 //#region src/components/DevToolsPanel/tabs/PluginsViewer/PluginsViewer.tsx
-var u = ({ className: u }) => {
-	let { plugins: d } = r(l), f = a(() => Object.keys(d).map((e) => {
-		let t = d[e];
-		return {
-			...t,
-			id: e,
-			name: e,
+var d = {
+	"local-custom": "Shipped with this space",
+	remote: "Installed"
+}, f = ({ className: f }) => {
+	let { plugins: p } = r(l), { components: m } = r(u), h = a(() => {
+		let e = /* @__PURE__ */ new Map();
+		return Object.entries(m.current).forEach(([t, n]) => {
+			let { origin: r } = n;
+			(r === "local-custom" || r === "remote") && e.set(t, {
+				type: t,
+				origin: r,
+				version: n.version
+			});
+		}), Object.entries(p).forEach(([t, n]) => {
+			let r = e.get(t), { manifest: i } = n;
+			e.set(t, {
+				type: t,
+				origin: r?.origin ?? "remote",
+				version: i.version || r?.version,
+				author: i.author,
+				settings: n.settings
+			});
+		}), [...e.values()].map((e) => ({
+			...e,
+			id: e.type,
+			name: e.type,
 			label: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-0.5",
 				children: [/* @__PURE__ */ s("span", {
 					className: "capitalize",
-					children: e
+					children: e.type
 				}), /* @__PURE__ */ s("span", {
 					className: "text-[10px] text-zinc-400 dark:text-zinc-500",
-					children: t.manifest.version
+					children: e.version ?? d[e.origin]
 				})]
 			})
-		};
-	}), [d]), [p, m] = o(), h = i((e) => m(e), []);
+		}));
+	}, [p, m.current]), [g, _] = o(), v = i((e) => _(e), []);
 	return /* @__PURE__ */ c("div", {
-		className: n("flex h-full w-full", u),
+		className: n("flex h-full w-full", f),
 		children: [/* @__PURE__ */ s(t, {
 			className: "w-[240px]",
-			items: f,
-			value: p,
-			onSelect: h
-		}), p ? /* @__PURE__ */ s(e, {
-			label: p.name,
-			version: p.manifest.version,
-			author: p.manifest.author,
-			settings: p.settings
-		}) : /* @__PURE__ */ c("div", {
+			items: h,
+			value: g,
+			onSelect: v
+		}), g ? /* @__PURE__ */ s(e, { entry: g }) : /* @__PURE__ */ c("div", {
 			className: "flex grow flex-col items-center justify-center gap-2 text-zinc-400 dark:text-zinc-600",
 			children: [/* @__PURE__ */ s("i", { className: "fa-solid fa-puzzle-piece text-2xl opacity-30" }), /* @__PURE__ */ s("span", { children: "Select a plugin" })]
 		})]
 	});
 };
 //#endregion
-export { u as default };
+export { f as default };

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

@@ -2,57 +2,58 @@ import e from "./helpers/mapFunctionValues.mjs";
 import t from "./helpers/renderFunctionValue.mjs";
 import { useSelectedStore as n } from "../../../../scope/useScope.mjs";
 import r from "../../../../scope/useStoreState.mjs";
-import i from "clsx";
-import { use as a, useCallback as o, useMemo as s } from "react";
-import c from "@plitzi/sdk-shared/devTools/DevToolsContext";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import d from "@plitzi/plitzi-ui/hooks/useStorage";
-import f from "@uiw/react-json-view";
-import * as p from "@uiw/react-json-view/vscode";
-import { emptyObject as m } from "@plitzi/sdk-shared/helpers/utils";
+import i from "@plitzi/plitzi-ui/hooks/useStorage";
+import a from "clsx";
+import { use as o, useCallback as s, useMemo as c } from "react";
+import l from "@plitzi/sdk-shared/theme/useTheme";
+import u from "@plitzi/sdk-shared/devTools/DevToolsContext";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "@uiw/react-json-view";
+import * as m from "@uiw/react-json-view/vscode";
+import { emptyObject as h } from "@plitzi/sdk-shared/helpers/utils";
 //#region src/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.tsx
-var h = {
-	...p.vscodeTheme,
+var g = {
+	...m.vscodeTheme,
 	width: "100%",
 	height: "100%",
 	overflow: "auto",
 	padding: "8px",
 	fontSize: "14px"
-}, g = (e) => i("cursor-pointer rounded px-2 py-0.5 font-medium transition-colors", e ? "bg-violet-500/15 text-violet-600 dark:text-violet-300" : "text-zinc-500 hover:bg-zinc-200/70 hover:text-zinc-800 dark:text-zinc-400 dark:hover:bg-zinc-700/50 dark:hover:text-zinc-100"), _ = ({ elementSelected: i }) => {
-	let { getData: p } = a(c), _ = n(), [v, y] = d("plitzi-sdk.dev-tools.store.view", "own"), b = r(i ? void 0 : _, v === "merged"), x = o(() => y("own"), [y]), S = o(() => y("merged"), [y]), C = i ? p?.(`getElementDataSource-${i}`) : b, w = s(() => e(C), [C]);
-	return /* @__PURE__ */ u("div", {
+}, _ = (e) => a("cursor-pointer rounded px-2 py-0.5 font-medium transition-colors", e ? "bg-violet-500/15 text-violet-600 dark:text-violet-300" : "text-zinc-500 hover:bg-zinc-200/70 hover:text-zinc-800 dark:text-zinc-400 dark:hover:bg-zinc-700/50 dark:hover:text-zinc-100"), v = ({ elementSelected: a }) => {
+	let { resolvedTheme: m } = l(), { getData: v } = o(u), y = n(), [b, x] = i("plitzi-sdk.dev-tools.store.view", "own"), S = r(a ? void 0 : y, b === "merged"), C = s(() => x("own"), [x]), w = s(() => x("merged"), [x]), T = a ? v?.(`getElementDataSource-${a}`) : S, E = c(() => e(T), [T]);
+	return /* @__PURE__ */ f("div", {
 		className: "flex h-full w-full flex-col",
-		children: [!i && /* @__PURE__ */ u("div", {
+		children: [!a && /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 items-center gap-1 border-b border-zinc-200 px-2 py-1 text-[11px] dark:border-zinc-800",
 			children: [
-				/* @__PURE__ */ l("span", {
+				/* @__PURE__ */ d("span", {
 					className: "mr-1 text-zinc-400 dark:text-zinc-500",
 					children: "View"
 				}),
-				/* @__PURE__ */ l("button", {
-					className: g(v === "own"),
-					onClick: x,
+				/* @__PURE__ */ d("button", {
+					className: _(b === "own"),
+					onClick: C,
 					title: "Only this scope's own layer",
 					children: "Own"
 				}),
-				/* @__PURE__ */ l("button", {
-					className: g(v === "merged"),
-					onClick: S,
+				/* @__PURE__ */ d("button", {
+					className: _(b === "merged"),
+					onClick: w,
 					title: "Own layer merged over the parent scope chain",
 					children: "Merged"
 				})
 			]
-		}), /* @__PURE__ */ l(f, {
-			value: w ?? m,
-			style: h,
+		}), /* @__PURE__ */ d(p, {
+			value: E ?? h,
+			style: m === "dark" ? g : void 0,
 			enableClipboard: !1,
 			indentWidth: 15,
 			collapsed: 2,
 			displayObjectSize: !1,
 			displayDataTypes: !1,
-			children: /* @__PURE__ */ l(f.String, { render: t })
+			children: /* @__PURE__ */ d(p.String, { render: t })
 		})]
 	});
 };
 //#endregion
-export { _ as default };
+export { v as default };

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

@@ -5,23 +5,23 @@ import i from "./components/HotspotsList/HotspotsList.mjs";
 import a from "./components/RankedList/RankedList.mjs";
 import o from "./components/TracingToolbar/TracingToolbar.mjs";
 import s from "./useHighlightElement.mjs";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "@plitzi/plitzi-ui/hooks/useStorage";
+import c from "@plitzi/plitzi-ui/hooks/useStorage";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useCommonStore as g } from "@plitzi/sdk-shared/store";
 import { useTracing as _ } from "@plitzi/sdk-shared/store/tracing";
 //#region src/components/DevToolsPanel/tabs/TracingViewer/TracingViewer.tsx
 var v = () => {
-	let { enabled: v, hydrated: y, commits: b, tree: x, clear: S } = _(), [[C, w]] = g(["schema.flat", "navigation.currentPageId"]), [T, E] = h("plitzi-sdk.dev-tools.tracing.view", "ranked"), [D, O] = h("plitzi-sdk.dev-tools.tracing.persist", !1), [k, A] = h("plitzi-sdk.dev-tools.tracing.sidebar-open", !1), [j, M] = f(), [N, P] = f(), F = d(w);
-	l(() => {
+	let { enabled: v, hydrated: y, commits: b, tree: x, clear: S } = _(), [[C, w]] = g(["schema.flat", "navigation.currentPageId"]), [T, E] = c("plitzi-sdk.dev-tools.tracing.view", "ranked"), [D, O] = c("plitzi-sdk.dev-tools.tracing.persist", !1), [k, A] = c("plitzi-sdk.dev-tools.tracing.sidebar-open", !1), [j, M] = p(), [N, P] = p(), F = f(w);
+	u(() => {
 		F.current !== w && (F.current = w, D || (S(), M(void 0), P(void 0)));
 	}, [
 		w,
 		D,
 		S
 	]);
-	let I = u(() => {
-		if (!(!y || b.length === 0)) return {
+	let I = d(() => {
+		if (y && b.length !== 0) return {
 			commitId: 0,
 			timestamp: b[0].timestamp,
 			duration: 0,
@@ -33,36 +33,36 @@ var v = () => {
 		y,
 		b,
 		x
-	]), L = u(() => I ? [I, ...b] : b, [I, b]), R = b[0]?.commitId, z = u(() => {
+	]), L = d(() => I ? [I, ...b] : b, [I, b]), R = b[0]?.commitId, z = d(() => {
 		if (L.length === 0) return -1;
 		let e = L.findIndex((e) => e.commitId === j);
 		return e === -1 ? L.length - 1 : e;
-	}, [L, j]), B = z === -1 ? void 0 : L[z], V = B?.commitId === 0, H = u(() => B && !V ? e(B, x, C) : void 0, [
+	}, [L, j]), B = z === -1 ? void 0 : L[z], V = B?.commitId === 0, H = d(() => B && !V ? e(B, x, C) : void 0, [
 		B,
 		V,
 		x,
 		C
-	]), U = u(() => H?.nodes.find((e) => e.id === N), [H, N]);
-	s(U?.id);
-	let W = u(() => B ? t(B, y, B.commitId === R) : "update", [
+	]), U = d(() => H?.nodes.find((e) => e.id === N) ?? H?.nodes.find((e) => e.elementId === N), [H, N]);
+	s(U?.elementId ?? N);
+	let W = d(() => B ? t(B, y, B.commitId === R) : "update", [
 		B,
 		y,
 		R
-	]), G = c((e) => {
+	]), G = l((e) => {
 		M(e), P(void 0);
-	}, []), K = c((e) => {
+	}, []), K = l((e) => {
 		P(e), e && A(!0);
-	}, [A]), q = c(() => A((e) => !e), [A]), J = c((e) => {
+	}, [A]), q = l(() => A((e) => !e), [A]), J = l((e) => {
 		let t = z + e;
 		t >= 0 && t < L.length && (M(L[t].commitId), P(void 0));
-	}, [L, z]), Y = c((e) => {
+	}, [L, z]), Y = l((e) => {
 		(e.key === "ArrowLeft" || e.key === "ArrowRight") && (e.preventDefault(), J(e.key === "ArrowLeft" ? -1 : 1));
 	}, [J]);
-	return v ? B ? /* @__PURE__ */ m("div", {
+	return v ? B ? /* @__PURE__ */ h("div", {
 		className: "flex h-full min-h-0 w-full flex-col",
 		onKeyDown: Y,
 		children: [
-			/* @__PURE__ */ p(o, {
+			/* @__PURE__ */ m(o, {
 				view: T,
 				persist: D,
 				commitCount: b.length,
@@ -70,41 +70,41 @@ var v = () => {
 				onViewChange: E,
 				onPersistChange: O
 			}),
-			T !== "hotspots" && /* @__PURE__ */ p(n, {
+			T !== "hotspots" && /* @__PURE__ */ m(n, {
 				commits: L,
 				selectedIndex: z,
 				hydrated: y,
 				onSelect: G
 			}),
-			T !== "hotspots" && V && /* @__PURE__ */ m("div", {
+			T !== "hotspots" && V && /* @__PURE__ */ h("div", {
 				className: "flex grow flex-col items-center justify-center gap-3 px-6 text-center text-zinc-500 dark:text-zinc-400",
 				children: [
-					/* @__PURE__ */ p("i", { className: "fa-solid fa-server text-3xl opacity-30" }),
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ m("i", { className: "fa-solid fa-server text-3xl opacity-30" }),
+					/* @__PURE__ */ m("span", {
 						className: "text-sm font-medium text-zinc-600 dark:text-zinc-300",
 						children: "Server render (SSR)"
 					}),
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ h("span", {
 						className: "max-w-md text-xs leading-relaxed",
 						children: [
 							"This page was rendered on the server first. React's Profiler doesn't run during server rendering, so there's no per-element timing for it — this commit marks that baseline. Commit\xA0#",
 							R,
 							" ",
 							"is the client ",
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ m("span", {
 								className: "font-medium text-violet-600 dark:text-violet-400",
 								children: "hydration"
 							}),
 							" of this tree."
 						]
 					}),
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ h("span", {
 						className: "text-[11px] opacity-70",
 						children: [B.elementCount, " elements in the rendered tree"]
 					})
 				]
 			}),
-			T === "ranked" && H && /* @__PURE__ */ p(a, {
+			T === "ranked" && H && /* @__PURE__ */ m(a, {
 				commit: B,
 				model: H,
 				active: U,
@@ -113,7 +113,7 @@ var v = () => {
 				onSelectElement: K,
 				onToggleSidebar: q
 			}),
-			T === "flamegraph" && H && /* @__PURE__ */ p(r, {
+			T === "flamegraph" && H && /* @__PURE__ */ m(r, {
 				commit: B,
 				model: H,
 				active: U,
@@ -122,7 +122,7 @@ var v = () => {
 				onSelectElement: K,
 				onToggleSidebar: q
 			}),
-			T === "hotspots" && /* @__PURE__ */ p(i, {
+			T === "hotspots" && /* @__PURE__ */ m(i, {
 				commits: b,
 				tree: x,
 				flat: C,
@@ -130,25 +130,25 @@ var v = () => {
 				onSelectElement: K
 			})
 		]
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "flex h-full min-h-0 w-full flex-col",
-		children: [/* @__PURE__ */ p(o, {
+		children: [/* @__PURE__ */ m(o, {
 			view: T,
 			persist: D,
 			commitCount: b.length,
 			onClear: S,
 			onViewChange: E,
 			onPersistChange: O
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "flex grow flex-col items-center justify-center gap-2 text-zinc-400 dark:text-zinc-500",
-			children: [/* @__PURE__ */ p("i", { className: "fa-solid fa-chart-column text-3xl opacity-20" }), /* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ m("i", { className: "fa-solid fa-chart-column text-3xl opacity-20" }), /* @__PURE__ */ m("span", {
 				className: "text-xs",
 				children: "No commits recorded yet — interact with the page"
 			})]
 		})]
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "flex h-full w-full flex-col items-center justify-center gap-2 text-zinc-400 dark:text-zinc-500",
-		children: [/* @__PURE__ */ p("i", { className: "fa-solid fa-gauge-high text-3xl opacity-20" }), /* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ m("i", { className: "fa-solid fa-gauge-high text-3xl opacity-20" }), /* @__PURE__ */ m("span", {
 			className: "text-xs",
 			children: "Enable debugMode to record render tracing"
 		})]

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/FlameFrame.mjs

@@ -1,7 +1,8 @@
 import { HATCH_STYLE as e, formatMs as t, formatPercent as n, frameColor as r, frameTextColor as i } from "../../helpers.mjs";
 import a from "clsx";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-var c = ({ node: c, left: l, width: u, top: d, selected: f, onClick: p }) => {
+//#region src/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/FlameFrame.tsx
+var c = 18, l = ({ node: c, left: l, width: u, top: d, selected: f, onClick: p }) => {
 	let m = {
 		left: `${l}%`,
 		width: `${u}%`,
@@ -26,4 +27,4 @@ var c = ({ node: c, left: l, width: u, top: d, selected: f, onClick: p }) => {
 	});
 };
 //#endregion
-export { c as default };
+export { c as ROW_HEIGHT, l as default };

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/Flamegraph.mjs

@@ -9,26 +9,30 @@ import s from "./FlameFrame.mjs";
 import { useCallback as c, useMemo as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/Flamegraph.tsx
-var f = 1e-6, p = ({ commit: p, model: m, active: h, origin: g, sidebarOpen: _, onSelectElement: v, onToggleSidebar: y }) => {
-	let b = l(() => {
+var f = 1e-6, p = 3e-4, m = ({ commit: m, model: h, active: g, origin: _, sidebarOpen: v, onSelectElement: y, onToggleSidebar: b }) => {
+	let x = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of m.nodes) e.set(t.id, t);
+		for (let t of h.nodes) e.set(t.id, t);
 		return e;
-	}, [m]), x = h, S = x ? x.x : 0, C = x ? x.width : 1, w = x ? x.depth : 0, T = l(() => {
-		if (!x) return [];
-		let e = [], t = x.parentId;
+	}, [h]), S = g, C = S ? S.x : 0, w = S ? S.width : 1, T = S ? S.depth : 0, E = l(() => {
+		if (!S) return [];
+		let e = [], t = S.parentId;
 		for (; t !== void 0;) {
-			let n = b.get(t);
+			let n = x.get(t);
 			if (!n) break;
 			e.push(n), t = n.parentId;
 		}
 		return e.reverse();
-	}, [x, b]), E = l(() => m.nodes.filter((e) => e.depth >= w && e.x >= S - f && e.x + e.width <= S + C + f), [
-		m,
-		S,
+	}, [S, x]), D = l(() => h.nodes.filter((e) => e.depth >= T && e.x >= C - f && e.x + e.width <= C + w + f), [
+		h,
 		C,
-		w
-	]), D = l(() => E.reduce((e, t) => Math.max(e, t.depth), w), [E, w]), O = c((e) => v(e.id === h?.id ? void 0 : e.id), [h, v]);
+		w,
+		T
+	]), O = l(() => D.filter((e) => e.width / w >= p || e.id === g?.id), [
+		D,
+		w,
+		g
+	]), k = D.length - O.length, A = l(() => O.reduce((e, t) => Math.max(e, t.depth), T), [O, T]), j = c((e) => y(e.id === g?.id ? void 0 : e.id), [g, y]);
 	return /* @__PURE__ */ d("div", {
 		className: "flex min-h-0 flex-1 flex-col overflow-hidden",
 		children: [
@@ -37,26 +41,35 @@ var f = 1e-6, p = ({ commit: p, model: m, active: h, origin: g, sidebarOpen: _,
 				children: [
 					/* @__PURE__ */ d("span", {
 						className: "font-medium text-zinc-700 dark:text-zinc-200",
-						children: ["Commit #", p.commitId]
+						children: ["Commit #", m.commitId]
 					}),
-					g !== "update" && /* @__PURE__ */ u("span", {
+					_ !== "update" && /* @__PURE__ */ u("span", {
 						className: "rounded bg-violet-100 px-1 text-[9px] font-medium text-violet-700 uppercase dark:bg-violet-500/20 dark:text-violet-300",
-						children: e[g]
+						children: e[_]
 					}),
 					/* @__PURE__ */ u("span", {
 						className: "opacity-60",
 						children: "click a frame to zoom · click the focused frame to zoom out"
 					}),
+					k > 0 && /* @__PURE__ */ d("span", {
+						className: "opacity-60",
+						title: "Frames too narrow to draw at this zoom level — zoom in to see them",
+						children: [
+							"· ",
+							k,
+							" too narrow to draw"
+						]
+					}),
 					/* @__PURE__ */ u(t, {
-						commit: p,
-						model: m,
-						active: h,
-						onSelectElement: v
+						commit: m,
+						model: h,
+						active: g,
+						onSelectElement: y
 					}),
 					/* @__PURE__ */ u(o, {
 						className: "ml-auto",
-						open: _,
-						onToggle: y
+						open: v,
+						onToggle: b
 					})
 				]
 			}),
@@ -66,27 +79,27 @@ var f = 1e-6, p = ({ commit: p, model: m, active: h, origin: g, sidebarOpen: _,
 					className: "min-h-0 flex-1 overflow-auto p-1",
 					children: /* @__PURE__ */ d("div", {
 						className: "relative w-full",
-						style: { height: (D + 1) * 18 },
-						children: [T.map((e) => /* @__PURE__ */ u(s, {
+						style: { height: (A + 1) * 18 },
+						children: [E.map((e) => /* @__PURE__ */ u(s, {
 							node: e,
 							left: 0,
 							width: 100,
 							top: e.depth * 18,
-							selected: e.id === h?.id,
-							onClick: O
-						}, e.id)), E.map((e) => /* @__PURE__ */ u(s, {
+							selected: e.id === g?.id,
+							onClick: j
+						}, e.id)), O.map((e) => /* @__PURE__ */ u(s, {
 							node: e,
-							left: (e.x - S) / C * 100,
-							width: e.width / C * 100,
+							left: (e.x - C) / w * 100,
+							width: e.width / w * 100,
 							top: e.depth * 18,
-							selected: e.id === h?.id,
-							onClick: O
+							selected: e.id === g?.id,
+							onClick: j
 						}, e.id))]
 					})
-				}), _ && /* @__PURE__ */ u(i, { children: h ? /* @__PURE__ */ u(n, {
-					node: h,
-					commit: p,
-					model: m
+				}), v && /* @__PURE__ */ u(i, { children: g ? /* @__PURE__ */ u(n, {
+					node: g,
+					commit: m,
+					model: h
 				}) : /* @__PURE__ */ u(a, {}) })]
 			}),
 			/* @__PURE__ */ u(r, {})
@@ -94,4 +107,4 @@ var f = 1e-6, p = ({ commit: p, model: m, active: h, origin: g, sidebarOpen: _,
 	});
 };
 //#endregion
-export { p as default };
+export { m as default };