@plitzi/sdk-dev-tools 0.37.1 → 0.37.3

package/dist/components/DevToolsPanel/tabs/Logs/Log.d.ts

@@ -7,5 +7,5 @@ export type LogProps = {
     message?: ReactNode;
     params: LogParams;
 };
-declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import('react').JSX.Element>;
 export default _default;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatus.d.ts

@@ -6,5 +6,5 @@ export type LogStatusProps = {
     className?: string;
     logType: LogType | 'custom';
 };
-declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import("react").JSX.Element;
+declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import('react').JSX.Element;
 export default LogStatus;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatusIcon.d.ts

@@ -7,5 +7,5 @@ export type LogStatusIconProps = {
     logType: LogType | 'custom';
     title?: string;
 };
-declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import("react").JSX.Element;
+declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import('react').JSX.Element;
 export default LogStatusIcon;

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

@@ -8,5 +8,5 @@ export type LogsProps = {
     logTypeFilter?: LogType;
     onClear?: () => void;
 };
-declare const Logs: ({ items, autoScrollOffset, orientation, logTypeFilter, onClear }: LogsProps) => import("react").JSX.Element;
+declare const Logs: ({ items, autoScrollOffset, orientation, logTypeFilter, onClear }: LogsProps) => import('react').JSX.Element;
 export default Logs;

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummary.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryProps = {
     orientation: Orientation;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import("react").JSX.Element;
+declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import('react').JSX.Element;
 export default LogsSummary;

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummaryItem.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryItemProps = {
     suffix?: string;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import("react").JSX.Element;
+declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import('react').JSX.Element;
 export default LogsSummaryItem;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogAction/LogAction.d.ts

@@ -7,5 +7,5 @@ export type LogActionProps = {
     params: TLogAction['params'];
 };
 /** Adds mode, server run id and refusal reason to the message line. */
-declare const LogAction: ({ className, time, message, params }: LogActionProps) => import("react").JSX.Element;
+declare const LogAction: ({ className, time, message, params }: LogActionProps) => import('react').JSX.Element;
 export default LogAction;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyContent.d.ts

@@ -4,5 +4,5 @@ export type BodyContentProps = {
     node: InteractionFlowParams['node'];
     nodes: InteractionFlowParams['nodes'];
 };
-declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import("react").JSX.Element;
+declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import('react').JSX.Element;
 export default BodyContent;

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.d.ts

@@ -8,5 +8,5 @@ export type BodyHeaderProps = {
     elementId?: string;
     hostElementId?: string;
 };
-declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId, hostElementId }: BodyHeaderProps) => import("react").JSX.Element;
+declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId, hostElementId }: BodyHeaderProps) => import('react').JSX.Element;
 export default BodyHeader;

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 { useCommonStore as i } from "@plitzi/sdk-shared/store";
-import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { get as n } from "@plitzi/plitzi-ui/helpers";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useCommonStore as a } from "@plitzi/sdk-shared/store";
 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, hostElementId: f }) => {
-	let [p] = i("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 [p] = a("schema.flat"), m = t(() => d ? n(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__ */ i("div", {
 		className: "flex justify-around gap-3",
 		children: [
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ i("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__ */ r("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ i("div", {
 					className: "flex flex-col gap-0.5 font-mono text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Start"
 							}), h]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "End"
 							}), g]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Duration"
 							}), u]
@@ -53,53 +53,53 @@ 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__ */ r("div", { className: "w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
+			/* @__PURE__ */ i("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ i("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__ */ r("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ i("div", {
 					className: "flex flex-col gap-0.5 text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Type"
-							}), /* @__PURE__ */ n("span", { children: "Interaction" })]
+							}), /* @__PURE__ */ r("span", { children: "Interaction" })]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Trigger"
-							}), /* @__PURE__ */ n("span", {
+							}), /* @__PURE__ */ r("span", {
 								className: "truncate",
 								children: s
 							})]
 						}),
-						f && /* @__PURE__ */ r("div", {
+						f && /* @__PURE__ */ i("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Fired on"
-							}), /* @__PURE__ */ n("span", {
+							}), /* @__PURE__ */ r("span", {
 								className: "truncate font-mono",
 								children: f
 							})]
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ i("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ r("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Element"
-							}), /* @__PURE__ */ r("span", {
+							}), /* @__PURE__ */ i("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__ */ i("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.d.ts

@@ -7,5 +7,5 @@ export type ExecutionTreeProps = {
     nodes: Nodes;
     onSelect?: (id?: string) => void;
 };
-declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import("react").JSX.Element;
+declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import('react').JSX.Element;
 export default ExecutionTree;

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/LogInteraction/ExecutionTree/ExecutionTreeNode.d.ts

@@ -9,5 +9,5 @@ export type ExecutionTreeNodeProps = {
     status?: InteractionNodeStatus;
     onClick: (id: string) => void;
 };
-declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import("react").JSX.Element;
+declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import('react').JSX.Element;
 export default ExecutionTreeNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/InteractionNode.d.ts

@@ -10,5 +10,5 @@ export type InteractionNodeProps = {
     type?: string;
     action?: string;
 };
-declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import("react").JSX.Element;
+declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import('react').JSX.Element;
 export default InteractionNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeHeader.d.ts

@@ -5,5 +5,5 @@ export type NodeHeaderProps = {
     type?: string;
     action?: string;
 };
-declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import("react").JSX.Element;
+declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import('react').JSX.Element;
 export default NodeHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeMetadata.d.ts

@@ -4,5 +4,5 @@ export type NodeMetadataProps = {
     when?: RuleGroup;
     whenParams?: Record<string, RuleValue>;
 };
-declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import("react").JSX.Element | null;
+declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import('react').JSX.Element | null;
 export default NodeMetadata;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeWhen.d.ts

@@ -2,5 +2,5 @@ import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
 export type NodeWhenProps = {
     when?: RuleGroup;
 };
-declare const NodeWhen: ({ when }: NodeWhenProps) => import("react").JSX.Element | null;
+declare const NodeWhen: ({ when }: NodeWhenProps) => import('react').JSX.Element | null;
 export default NodeWhen;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteraction.d.ts

@@ -11,5 +11,5 @@ export type LogInteractionProps = {
     params: TLogInteraction['params'];
     time?: string;
 };
-declare const LogInteraction: ({ time, message, params }: LogInteractionProps) => import("react").JSX.Element;
+declare const LogInteraction: ({ time, message, params }: LogInteractionProps) => import('react').JSX.Element;
 export default LogInteraction;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionBody.d.ts

@@ -9,5 +9,5 @@ export type LogInteractionBodyProps = {
     elementId?: string;
     hostElementId?: string;
 };
-declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId, hostElementId }: LogInteractionBodyProps) => import("react").JSX.Element;
+declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId, hostElementId }: LogInteractionBodyProps) => import('react').JSX.Element;
 export default LogInteractionBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionHeader.d.ts

@@ -6,5 +6,5 @@ export type LogInteractionHeaderProps = {
     message?: ReactNode;
     time?: string;
 };
-declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import("react").JSX.Element;
+declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import('react').JSX.Element;
 export default LogInteractionHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionNote.d.ts

@@ -13,5 +13,5 @@ export type LogInteractionNoteProps = {
  * step itself and, usually, the one fact that explains it: what was thrown, or what names WERE registered where
  * this one looked.
  */
-declare const LogInteractionNote: ({ time, message, params }: LogInteractionNoteProps) => import("react").JSX.Element;
+declare const LogInteractionNote: ({ time, message, params }: LogInteractionNoteProps) => import('react').JSX.Element;
 export default LogInteractionNote;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigation.d.ts

@@ -6,5 +6,5 @@ export type LogNavigationProps = {
     params?: TLogNavigation['params'];
     time?: string | Date;
 };
-declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import("react").JSX.Element;
+declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import('react').JSX.Element;
 export default LogNavigation;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationBody.d.ts

@@ -5,5 +5,5 @@ export type LogNavigationBodyProps = {
     duration?: string;
     elementId?: string;
 };
-declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import("react").JSX.Element;
+declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import('react').JSX.Element;
 export default LogNavigationBody;

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 { useCommonStore as r } from "@plitzi/sdk-shared/store";
-import { get as i } from "@plitzi/plitzi-ui/helpers";
+import { get as t } from "@plitzi/plitzi-ui/helpers";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCommonStore as i } from "@plitzi/sdk-shared/store";
 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 [u] = r("schema.flat"), d = e(() => o ? i(u, o) : void 0, [o, u]);
-	return /* @__PURE__ */ n("div", {
+	let [u] = i("schema.flat"), d = e(() => o ? t(u, o) : void 0, [o, u]);
+	return /* @__PURE__ */ r("div", {
 		className: "m-2 flex justify-around gap-4",
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex min-w-0 grow basis-0 flex-col gap-2",
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center gap-1 font-bold",
-					children: [/* @__PURE__ */ t("i", { className: "fa-regular fa-clock" }), "Times"]
-				}), /* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ n("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ r("div", {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Started:" }), typeof s == "string" ? s : a(s)]
+							children: [/* @__PURE__ */ n("span", { children: "Started:" }), typeof s == "string" ? s : a(s)]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "End:" }), typeof c == "string" ? c : a(c)]
+							children: [/* @__PURE__ */ n("span", { children: "End:" }), typeof c == "string" ? c : a(c)]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Duration:" }), l]
+							children: [/* @__PURE__ */ n("span", { children: "Duration:" }), l]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ t("div", { className: "border-r border-gray-300" }),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ n("div", { className: "border-r border-gray-300" }),
+			/* @__PURE__ */ r("div", {
 				className: "flex min-w-0 grow basis-0 flex-col gap-2",
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ t("i", { className: "fa-solid fa-circle-info" }), "Details"]
-				}), /* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ n("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ r("div", {
 					className: "flex flex-col",
 					children: [
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Type:" }), /* @__PURE__ */ t("span", { children: "Navigation" })]
+							children: [/* @__PURE__ */ n("span", { children: "Type:" }), /* @__PURE__ */ n("span", { children: "Navigation" })]
 						}),
-						/* @__PURE__ */ n("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Trigger:" }), /* @__PURE__ */ t("span", {
+							children: [/* @__PURE__ */ n("span", { children: "Trigger:" }), /* @__PURE__ */ n("span", {
 								className: "truncate",
 								children: "-"
 							})]
 						}),
-						d && /* @__PURE__ */ n("div", {
+						d && /* @__PURE__ */ r("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ t("span", { children: "Element:" }), /* @__PURE__ */ n("span", {
+							children: [/* @__PURE__ */ n("span", { children: "Element:" }), /* @__PURE__ */ r("span", {
 								className: "cursor-pointer truncate text-blue-500",
 								children: [
 									d.definition.label,

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationHeader.d.ts

@@ -6,5 +6,5 @@ export type LogNavigationHeaderProps = {
     message?: ReactNode;
     time?: string | Date;
 };
-declare const LogNavigationHeader: ({ status, message, time }: LogNavigationHeaderProps) => import("react").JSX.Element;
+declare const LogNavigationHeader: ({ status, message, time }: LogNavigationHeaderProps) => import('react').JSX.Element;
 export default LogNavigationHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNetwork/LogNetwork.d.ts

@@ -6,5 +6,5 @@ export type LogNetworkProps = {
     params: TLogNetwork['params'];
     time?: string;
 };
-declare const LogNetwork: ({ time, message, params: { event, issues, payload } }: LogNetworkProps) => import("react").JSX.Element;
+declare const LogNetwork: ({ time, message, params: { event, issues, payload } }: LogNetworkProps) => import('react').JSX.Element;
 export default LogNetwork;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStore.d.ts

@@ -5,5 +5,5 @@ export type LogStoreProps = {
     params?: TLogStore['params'];
     time?: string | Date;
 };
-declare const LogStore: ({ time, message, params }: LogStoreProps) => import("react").JSX.Element;
+declare const LogStore: ({ time, message, params }: LogStoreProps) => import('react').JSX.Element;
 export default LogStore;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStoreBody.d.ts

@@ -22,5 +22,5 @@ export type LogStoreBodyProps = {
     next?: unknown;
     contextLines?: number;
 };
-declare const LogStoreBody: ({ path, prev, next, contextLines }: LogStoreBodyProps) => import("react").JSX.Element;
+declare const LogStoreBody: ({ path, prev, next, contextLines }: LogStoreBodyProps) => import('react').JSX.Element;
 export default LogStoreBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStoreHeader.d.ts

@@ -5,5 +5,5 @@ export type LogStoreHeaderProps = {
     message?: ReactNode;
     time?: string | Date;
 };
-declare const LogStoreHeader: ({ storeName, path, message, time }: LogStoreHeaderProps) => import("react").JSX.Element;
+declare const LogStoreHeader: ({ storeName, path, message, time }: LogStoreHeaderProps) => import('react').JSX.Element;
 export default LogStoreHeader;

package/dist/components/DevToolsPanel/tabs/PluginsViewer/PluginDetails.d.ts

@@ -11,5 +11,5 @@ export type PluginEntry = {
 export type PluginDetailsProps = {
     entry: PluginEntry;
 };
-declare const PluginDetails: ({ entry }: PluginDetailsProps) => import("react").JSX.Element;
+declare const PluginDetails: ({ entry }: PluginDetailsProps) => import('react').JSX.Element;
 export default PluginDetails;

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

@@ -2,5 +2,5 @@ export type PluginsViewerProps = {
     className?: string;
 };
 /** Plugins from both registers: installed bundles (PluginsContext) and space-shipped ones (component registry). */
-declare const PluginsViewer: ({ className }: PluginsViewerProps) => import("react").JSX.Element;
+declare const PluginsViewer: ({ className }: PluginsViewerProps) => import('react').JSX.Element;
 export default PluginsViewer;

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

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

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

@@ -12,5 +12,5 @@ export type FreshnessMarkProps = {
  * every path unless somebody asked for one. The rest of what there is to say about it is the Cache tab's job, so
  * nothing here hides behind a tooltip.
  */
-declare const FreshnessMark: ({ record: { expiresAt }, now }: FreshnessMarkProps) => import("react").JSX.Element;
+declare const FreshnessMark: ({ record: { expiresAt }, now }: FreshnessMarkProps) => import('react').JSX.Element;
 export default FreshnessMark;

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

@@ -1,2 +1,2 @@
-declare const TracingViewer: () => import("react").JSX.Element;
+declare const TracingViewer: () => import('react').JSX.Element;
 export default TracingViewer;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/CommitCause/CommitCause.d.ts

@@ -6,5 +6,5 @@ export type CommitCauseProps = {
     active: FlameNode | undefined;
     onSelectElement: (id: string | undefined) => void;
 };
-declare const CommitCause: ({ commit, model, active, onSelectElement }: CommitCauseProps) => import("react").JSX.Element | null;
+declare const CommitCause: ({ commit, model, active, onSelectElement }: CommitCauseProps) => import('react').JSX.Element | null;
 export default CommitCause;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/CommitStrip/CommitStrip.d.ts

@@ -5,5 +5,5 @@ export type CommitStripProps = {
     hydrated: boolean;
     onSelect: (commitId: number) => void;
 };
-declare const CommitStrip: ({ commits, selectedIndex, hydrated, onSelect }: CommitStripProps) => import("react").JSX.Element;
+declare const CommitStrip: ({ commits, selectedIndex, hydrated, onSelect }: CommitStripProps) => import('react').JSX.Element;
 export default CommitStrip;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/DetailSidebar/DetailSidebar.d.ts

@@ -5,5 +5,5 @@ export type DetailSidebarProps = {
     commit: CommitEntry;
     model: FlameModel;
 };
-declare const DetailSidebar: ({ node, commit, model }: DetailSidebarProps) => import("react").JSX.Element;
+declare const DetailSidebar: ({ node, commit, model }: DetailSidebarProps) => import('react').JSX.Element;
 export default DetailSidebar;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/DurationLegend/DurationLegend.d.ts

@@ -1,2 +1,2 @@
-declare const DurationLegend: () => import("react").JSX.Element;
+declare const DurationLegend: () => import('react').JSX.Element;
 export default DurationLegend;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/FlameFrame.d.ts

@@ -8,5 +8,5 @@ export type FlameFrameProps = {
     selected: boolean;
     onClick: (node: FlameNode) => void;
 };
-declare const FlameFrame: ({ node, left, width, top, selected, onClick }: FlameFrameProps) => import("react").JSX.Element;
+declare const FlameFrame: ({ node, left, width, top, selected, onClick }: FlameFrameProps) => import('react').JSX.Element;
 export default FlameFrame;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/Flamegraph.d.ts

@@ -9,5 +9,5 @@ export type FlamegraphProps = {
     onSelectElement: (id: string | undefined) => void;
     onToggleSidebar: () => void;
 };
-declare const Flamegraph: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: FlamegraphProps) => import("react").JSX.Element;
+declare const Flamegraph: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: FlamegraphProps) => import('react').JSX.Element;
 export default Flamegraph;