@plitzi/sdk-dev-tools 0.30.19

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

@@ -0,0 +1,40 @@
+import e from "clsx";
+import { useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTreeNode.tsx
+var i = ({ title: i, action: a, duration: o, status: s, level: c, id: l, isSelected: u, onClick: d }) => {
+	let f = t(() => d(l), [l, d]);
+	return /* @__PURE__ */ r("div", {
+		className: e("flex cursor-pointer items-center gap-2 border-l-2 px-2 py-1 transition-colors", c === 1 ? "pl-5" : "pl-2", {
+			"border-l-violet-500 bg-violet-50 text-violet-700 dark:border-l-violet-500 dark:bg-violet-500/15 dark:text-violet-300": u,
+			"border-l-transparent text-zinc-500 hover:bg-zinc-100 hover:text-zinc-800 dark:border-l-transparent dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-200": !u
+		}),
+		onClick: f,
+		children: [/* @__PURE__ */ n("div", {
+			className: e("h-2 w-2 shrink-0 rounded-full", {
+				"bg-emerald-500": s === "success",
+				"bg-amber-500": s === "skipped",
+				"bg-zinc-300 dark:bg-zinc-600": s === "disabled",
+				"bg-zinc-400 dark:bg-zinc-500": s === "failed"
+			}),
+			title: s
+		}), /* @__PURE__ */ r("div", {
+			className: "flex min-w-0 grow justify-between gap-2",
+			children: [/* @__PURE__ */ n("span", {
+				className: "truncate",
+				children: i
+			}), /* @__PURE__ */ r("div", {
+				className: "flex shrink-0 items-center gap-1.5 text-zinc-400 dark:text-zinc-600",
+				children: [/* @__PURE__ */ n("span", {
+					className: "font-mono",
+					children: o
+				}), a && /* @__PURE__ */ n("span", {
+					className: "rounded bg-zinc-100 px-1 font-mono text-[10px] text-zinc-500 dark:bg-zinc-800 dark:text-zinc-500",
+					children: a
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+export { i as default };

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { RuleGroup, RuleValue } from '@plitzi/plitzi-ui/QueryBuilder';
+export type InteractionNodeProps = {
+    className?: string;
+    name?: string;
+    startTime?: number;
+    endTime?: number;
+    status?: string;
+    when?: RuleGroup;
+    whenParams?: Record<string, RuleValue>;
+    type?: string;
+    action?: string;
+};
+declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import("react/jsx-runtime").JSX.Element;
+export default InteractionNode;

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

@@ -0,0 +1,32 @@
+import e from "./NodeHeader.mjs";
+import t from "./NodeMetadata.mjs";
+import n from "./NodeWhen.mjs";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { getDurationMs as o } from "@plitzi/sdk-shared";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/InteractionNode.tsx
+var s = ({ whenParams: s, name: c = "Node Title", startTime: l = 0, endTime: u = 0, status: d = "notStarted", when: f, type: p, action: m }) => {
+	let h = r(() => `${o(l, u)}ms`, [l, u]);
+	return /* @__PURE__ */ a("div", {
+		className: "flex w-full flex-col gap-2 p-2 text-zinc-700 dark:text-zinc-300",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "truncate font-semibold text-zinc-800 dark:text-zinc-200",
+				children: c
+			}),
+			/* @__PURE__ */ i(e, {
+				duration: h,
+				status: d,
+				type: p,
+				action: m
+			}),
+			/* @__PURE__ */ i(n, { when: f }),
+			/* @__PURE__ */ i(t, {
+				when: f,
+				whenParams: s
+			})
+		]
+	});
+};
+//#endregion
+export { s as default };

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

@@ -0,0 +1,9 @@
+export type NodeHeaderProps = {
+    className?: string;
+    duration?: string;
+    status?: string;
+    type?: string;
+    action?: string;
+};
+declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default NodeHeader;

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

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeHeader.tsx
+var n = ({ duration: n, status: r, type: i, action: a }) => /* @__PURE__ */ t("div", {
+	className: "grid grid-cols-2 gap-x-3 gap-y-0.5 rounded bg-zinc-50 p-2 dark:bg-zinc-800/60",
+	children: [
+		/* @__PURE__ */ t("div", {
+			className: "flex gap-1.5",
+			children: [/* @__PURE__ */ e("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Duration"
+			}), /* @__PURE__ */ e("span", {
+				className: "font-mono text-zinc-700 dark:text-zinc-300",
+				children: n
+			})]
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "flex gap-1.5",
+			children: [/* @__PURE__ */ e("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Type"
+			}), /* @__PURE__ */ e("span", {
+				className: "text-zinc-700 dark:text-zinc-300",
+				children: i
+			})]
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "flex gap-1.5",
+			children: [/* @__PURE__ */ e("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Status"
+			}), /* @__PURE__ */ e("span", {
+				className: "text-zinc-700 dark:text-zinc-300",
+				children: r
+			})]
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "flex gap-1.5",
+			children: [/* @__PURE__ */ e("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Action"
+			}), /* @__PURE__ */ e("span", {
+				className: "text-zinc-700 dark:text-zinc-300",
+				children: a
+			})]
+		})
+	]
+});
+//#endregion
+export { n as default };

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

@@ -0,0 +1,8 @@
+import { RuleGroup, RuleValue } from '@plitzi/plitzi-ui/QueryBuilder';
+export type NodeMetadataProps = {
+    className?: string;
+    when?: RuleGroup;
+    whenParams?: Record<string, RuleValue>;
+};
+declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NodeMetadata;

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

@@ -0,0 +1,20 @@
+import { useMemo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { getValuesRequired as r } from "@plitzi/plitzi-ui/QueryBuilder";
+import i from "@plitzi/sdk-shared/helpers/syntaxHighlight";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeMetadata.tsx
+var a = ({ when: a, whenParams: o }) => {
+	let s = e(() => !a || Object.keys(a).length === 0 ? "" : i(JSON.stringify(r(a, o), null, 2)), [o, a]);
+	return s ? /* @__PURE__ */ n("div", {
+		className: "flex flex-col gap-0.5",
+		children: [/* @__PURE__ */ t("span", {
+			className: "text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Params"
+		}), /* @__PURE__ */ t("pre", {
+			className: "overflow-auto rounded bg-zinc-50 p-2 font-mono text-xs leading-5 dark:bg-zinc-800",
+			dangerouslySetInnerHTML: { __html: s }
+		})]
+	}) : null;
+};
+//#endregion
+export { a as default };

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

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

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

@@ -0,0 +1,19 @@
+import { useMemo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { QueryBuilderFormatter as r } from "@plitzi/plitzi-ui/QueryBuilder";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeWhen.tsx
+var i = ({ when: i }) => {
+	let a = e(() => i && r(i) || null, [i]);
+	return a ? /* @__PURE__ */ n("div", {
+		className: "flex flex-col gap-0.5",
+		children: [/* @__PURE__ */ t("span", {
+			className: "text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Condition"
+		}), /* @__PURE__ */ t("span", {
+			className: "break-all text-zinc-700 dark:text-zinc-300",
+			children: a
+		})]
+	}) : null;
+};
+//#endregion
+export { i as default };

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

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

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/index.mjs

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

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

@@ -0,0 +1,10 @@
+import { LogInteraction as TLogInteraction } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type LogInteractionProps = {
+    className?: string;
+    message?: ReactNode;
+    params: TLogInteraction['params'];
+    time?: string;
+};
+declare const LogInteraction: ({ time, message, params: { elementId, status, node, nodes, startTime, endTime } }: LogInteractionProps) => import("react/jsx-runtime").JSX.Element;
+export default LogInteraction;

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

@@ -0,0 +1,56 @@
+import e from "./LogInteractionBody.mjs";
+import t from "./LogInteractionHeader.mjs";
+import n from "../../LogStatusIcon.mjs";
+import r from "clsx";
+import { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@plitzi/plitzi-ui/ContainerCollapsable";
+import { getDurationMs as c } from "@plitzi/sdk-shared";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteraction.tsx
+var l = /* @__PURE__ */ a("i", { className: "fa-solid fa-angle-right text-[10px]" }), u = /* @__PURE__ */ a("i", { className: "fa-solid fa-angle-down text-[10px]" }), d = ({ time: d, message: f, params: { elementId: p, status: m, node: h, nodes: g, startTime: _ = 0, endTime: v = 0 } }) => {
+	let y = i(() => `${c(_, v)}ms`, [_, v]), b = Object.values(g).filter((e) => e.status === "skipped").length, x = Object.values(g).filter((e) => e.status === "disabled").length;
+	return /* @__PURE__ */ o(s, {
+		className: r("last:border-b-none w-full border-b border-l-2 border-b-zinc-200 px-2 py-1 transition-colors hover:bg-zinc-50 dark:border-b-zinc-700 dark:hover:bg-zinc-800/50", {
+			"border-l-emerald-500": m === "completed",
+			"border-l-red-500": m === "skipped"
+		}),
+		collapsed: !0,
+		children: [/* @__PURE__ */ a(s.Header, {
+			title: /* @__PURE__ */ a(t, {
+				status: m,
+				message: f,
+				time: d
+			}),
+			placement: "left",
+			className: { headerTitle: "overflow-hidden" },
+			iconCollapsed: l,
+			iconExpanded: u,
+			children: /* @__PURE__ */ o("div", {
+				className: "flex gap-3 text-zinc-400 dark:text-zinc-500",
+				children: [
+					m === "completed" && !!b && /* @__PURE__ */ a(n, {
+						logType: "warning",
+						title: "Skipped",
+						children: b
+					}),
+					m === "completed" && !!x && /* @__PURE__ */ a(n, {
+						logType: "custom",
+						iconClassName: "fa-solid fa-ban",
+						title: "Disabled",
+						children: x
+					}),
+					y
+				]
+			})
+		}), /* @__PURE__ */ a(s.Content, { children: /* @__PURE__ */ a(e, {
+			elementId: p,
+			node: h,
+			nodes: g,
+			startTime: _,
+			endTime: v,
+			duration: y
+		}) })]
+	});
+};
+//#endregion
+export { d as default };

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

@@ -0,0 +1,12 @@
+import { LogInteraction } from '@plitzi/sdk-shared';
+export type LogInteractionBodyProps = {
+    className?: string;
+    node: LogInteraction['params']['node'];
+    nodes: LogInteraction['params']['nodes'];
+    startTime: number;
+    endTime: number;
+    duration?: string;
+    elementId?: string;
+};
+declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId }: LogInteractionBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default LogInteractionBody;

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

@@ -0,0 +1,26 @@
+import e from "./BodyContent.mjs";
+import t from "./BodyHeader.mjs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionBody.tsx
+var i = ({ node: i, nodes: a, startTime: o, endTime: s, duration: c, elementId: l }) => /* @__PURE__ */ r("div", {
+	className: "mx-2 my-1.5 flex flex-col gap-2 overflow-hidden rounded border border-zinc-200 text-xs dark:border-zinc-800",
+	children: [/* @__PURE__ */ n("div", {
+		className: "bg-zinc-50 px-3 py-2 dark:bg-zinc-800/60",
+		children: /* @__PURE__ */ n(t, {
+			triggerName: i.title,
+			startTime: o,
+			endTime: s,
+			duration: c,
+			elementId: l
+		})
+	}), /* @__PURE__ */ n("div", {
+		className: "border-t border-zinc-200 dark:border-zinc-800",
+		children: /* @__PURE__ */ n(e, {
+			node: i,
+			nodes: a,
+			className: "gap-0"
+		})
+	})]
+});
+//#endregion
+export { i as default };

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type LogInteractionHeaderProps = {
+    className?: string;
+    status: string;
+    message?: ReactNode;
+    time?: string;
+};
+declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default LogInteractionHeader;

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

@@ -0,0 +1,27 @@
+import e from "../../LogStatus.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionHeader.tsx
+var r = ({ status: r, message: i, time: a }) => /* @__PURE__ */ n("div", {
+	className: "flex w-full items-center gap-2 overflow-hidden",
+	children: [
+		/* @__PURE__ */ t("span", {
+			className: "shrink-0 font-mono text-zinc-400 tabular-nums dark:text-zinc-500",
+			children: a
+		}),
+		r === "completed" && /* @__PURE__ */ t(e, {
+			logType: "success",
+			children: "Completed"
+		}),
+		r === "skipped" && /* @__PURE__ */ t(e, {
+			logType: "custom",
+			iconClassName: "fa-solid fa-forward-step",
+			children: "Skipped"
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "grow basis-0 truncate text-zinc-700 dark:text-zinc-300",
+			children: i
+		})
+	]
+});
+//#endregion
+export { r as default };

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { LogNavigation as TLogNavigation } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type LogNavigationProps = {
+    className?: string;
+    message?: ReactNode;
+    params?: TLogNavigation['params'];
+    time?: string | Date;
+};
+declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import("react/jsx-runtime").JSX.Element;
+export default LogNavigation;

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

@@ -0,0 +1,36 @@
+import e from "./LogNavigationBody.mjs";
+import t from "./LogNavigationHeader.mjs";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@plitzi/plitzi-ui/ContainerCollapsable";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigation.tsx
+var o = /* @__PURE__ */ r("i", { className: "fa-solid fa-angle-right text-[10px]" }), s = /* @__PURE__ */ r("i", { className: "fa-solid fa-angle-down text-[10px]" }), c = ({ time: c, message: l, params: u }) => /* @__PURE__ */ i(a, {
+	className: n("last:border-b-none w-full border-b border-l-2 border-b-zinc-200 px-2 py-1 transition-colors hover:bg-zinc-50 dark:border-b-zinc-700 dark:hover:bg-zinc-800/50", {
+		"border-l-emerald-500": u?.status === "normal",
+		"border-l-red-500": u?.status === "accessDenied",
+		"border-l-amber-500": u?.status !== "normal" && u?.status === "accessDenied"
+	}),
+	collapsed: !0,
+	children: [/* @__PURE__ */ r(a.Header, {
+		title: /* @__PURE__ */ r(t, {
+			status: u?.status,
+			message: l,
+			time: c
+		}),
+		placement: "left",
+		className: { headerTitle: "overflow-hidden" },
+		iconCollapsed: o,
+		iconExpanded: s,
+		children: /* @__PURE__ */ r("span", {
+			className: "text-zinc-400 dark:text-zinc-500",
+			children: "0ms"
+		})
+	}), /* @__PURE__ */ r(a.Content, { children: /* @__PURE__ */ r(e, {
+		elementId: u?.elementId,
+		startTime: c,
+		endTime: c,
+		duration: "0ms"
+	}) })]
+});
+//#endregion
+export { c as default };

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

@@ -0,0 +1,9 @@
+export type LogNavigationBodyProps = {
+    className?: string;
+    startTime?: string | Date;
+    endTime?: string | Date;
+    duration?: string;
+    elementId?: string;
+};
+declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default LogNavigationBody;

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

@@ -0,0 +1,74 @@
+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 { 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", {
+		className: "m-2 flex justify-around gap-4",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex min-w-0 grow basis-0 flex-col gap-2",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-1 font-bold",
+					children: [/* @__PURE__ */ t("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ n("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "Started:" }), typeof s == "string" ? s : a(s)]
+						}),
+						/* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "End:" }), typeof c == "string" ? c : a(c)]
+						}),
+						/* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "Duration:" }), l]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ t("div", { className: "border-r border-gray-300" }),
+			/* @__PURE__ */ n("div", {
+				className: "flex min-w-0 grow basis-0 flex-col gap-2",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ t("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ n("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "Type:" }), /* @__PURE__ */ t("span", { children: "Navigation" })]
+						}),
+						/* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "Trigger:" }), /* @__PURE__ */ t("span", {
+								className: "truncate",
+								children: "-"
+							})]
+						}),
+						f && /* @__PURE__ */ n("div", {
+							className: "flex gap-1",
+							children: [/* @__PURE__ */ t("span", { children: "Element:" }), /* @__PURE__ */ n("span", {
+								className: "cursor-pointer truncate text-blue-500",
+								children: [
+									f.definition.label,
+									" [",
+									o,
+									"]"
+								]
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { o as default };

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

@@ -0,0 +1,10 @@
+import { NavigationStatus } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type LogNavigationHeaderProps = {
+    className?: string;
+    status?: NavigationStatus;
+    message?: ReactNode;
+    time?: string | Date;
+};
+declare const LogNavigationHeader: ({ status, message, time }: LogNavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default LogNavigationHeader;

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

@@ -0,0 +1,42 @@
+import e from "../../LogStatus.mjs";
+import { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { formatDate as i } from "@plitzi/sdk-shared";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationHeader.tsx
+var a = ({ status: a, message: o, time: s }) => {
+	let { logType: c, statusMessage: l } = t(() => a === "normal" ? {
+		logType: "success",
+		statusMessage: "Success"
+	} : a === "redirect" ? {
+		logType: "warning",
+		statusMessage: "Redirected"
+	} : a === "notFound" ? {
+		logType: "warning",
+		statusMessage: "Not Found"
+	} : a === "accessDenied" ? {
+		logType: "danger",
+		statusMessage: "Access Denied"
+	} : {
+		logType: "custom",
+		statusMessage: ""
+	}, [a]);
+	return /* @__PURE__ */ r("div", {
+		className: "flex w-full items-center gap-2 overflow-hidden",
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "shrink-0 font-mono text-zinc-400 tabular-nums dark:text-zinc-500",
+				children: typeof s == "string" ? s : i(s)
+			}),
+			/* @__PURE__ */ n(e, {
+				logType: c,
+				children: l
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "grow basis-0 truncate text-zinc-700 dark:text-zinc-300",
+				children: o
+			})
+		]
+	});
+};
+//#endregion
+export { a as default };

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { LogStore as TLogStore } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type LogStoreProps = {
+    message?: ReactNode;
+    params?: TLogStore['params'];
+    time?: string | Date;
+};
+declare const LogStore: ({ time, message, params }: LogStoreProps) => import("react/jsx-runtime").JSX.Element;
+export default LogStore;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStore.mjs

@@ -0,0 +1,30 @@
+import e from "./LogStoreBody.mjs";
+import t from "./LogStoreHeader.mjs";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@plitzi/plitzi-ui/ContainerCollapsable";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStore.tsx
+var a = /* @__PURE__ */ n("i", { className: "fa-solid fa-angle-right text-[10px]" }), o = /* @__PURE__ */ n("i", { className: "fa-solid fa-angle-down text-[10px]" }), s = ({ time: s, message: c, params: l }) => /* @__PURE__ */ r(i, {
+	className: "last:border-b-none w-full border-b border-l-2 border-b-zinc-200 border-l-violet-500 px-2 py-1 transition-colors hover:bg-zinc-50 dark:border-b-zinc-700 dark:hover:bg-zinc-800/50",
+	collapsed: !0,
+	children: [/* @__PURE__ */ n(i.Header, {
+		title: /* @__PURE__ */ n(t, {
+			storeName: l?.storeName,
+			path: l?.path,
+			message: c,
+			time: s
+		}),
+		placement: "left",
+		className: {
+			headerTitle: "overflow-hidden",
+			header: "hover:bg-transparent dark:hover:bg-transparent"
+		},
+		iconCollapsed: a,
+		iconExpanded: o
+	}), /* @__PURE__ */ n(i.Content, { children: /* @__PURE__ */ n(e, {
+		path: l?.path,
+		prev: l?.prev,
+		next: l?.next
+	}) })]
+});
+//#endregion
+export { s as default };