@plitzi/sdk-dev-tools 0.35.8 → 0.35.10

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunDetail/RunDetail.mjs

@@ -0,0 +1,140 @@
+import { MODE_LABEL as e, failedStep as t, formatMs as n, formatTime as r, isLive as i, runDuration as a, statusTone as o, traceResultOf as s } from "../../helpers.mjs";
+import c from "../FlowTimeline/index.mjs";
+import l from "../PayloadView/index.mjs";
+import u from "clsx";
+import { useMemo as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/ActionsViewer/components/RunDetail/RunDetail.tsx
+var h = {
+	info: "bg-violet-500/15 text-violet-600 dark:text-violet-400",
+	success: "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400",
+	danger: "bg-red-500/15 text-red-600 dark:text-red-400",
+	warning: "bg-amber-500/15 text-amber-600 dark:text-amber-400",
+	custom: "bg-zinc-500/15 text-zinc-500 dark:text-zinc-400"
+}, g = "This page was sent what the flow DID, not what each step read or answered. Open the action in the builder, or run the deployment in dev mode, to inspect a step.", _ = "The server did not send the steps for this run: the action is behind a session, or this page is not authorized to debug it.", v = "The flow is still running. Its steps arrive with the answer.", y = ({ run: y, selectedStepId: b, onSelectStep: x }) => {
+	let S = t(y.steps), C = a(y), w = d(() => b === void 0 ? void 0 : s(y.trace, b), [y.trace, b]);
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ m("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ p("span", {
+				className: "truncate text-xs font-medium text-zinc-700 dark:text-zinc-100",
+				children: y.actionId || "(no action named)"
+			}), /* @__PURE__ */ p("span", {
+				className: u("shrink-0 rounded px-1 py-0.5 text-[9px]", h[o(y.status)]),
+				children: y.reason ?? y.status
+			})]
+		}),
+		y.error !== void 0 && /* @__PURE__ */ m("div", {
+			className: "mt-1 flex flex-col gap-1 rounded border border-red-200 bg-red-50 px-2 py-1.5 dark:border-red-500/30 dark:bg-red-500/10",
+			children: [/* @__PURE__ */ m("span", {
+				className: "font-medium text-red-600 dark:text-red-400",
+				children: [/* @__PURE__ */ p("i", { className: "fa-solid fa-circle-exclamation mr-1" }), S === void 0 ? "The run failed" : `Failed at “${S.title}”`]
+			}), /* @__PURE__ */ p("span", {
+				className: "break-words text-red-700 dark:text-red-300",
+				children: y.error
+			})]
+		}),
+		/* @__PURE__ */ p("div", {
+			className: "mt-1 font-medium tracking-wide text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Flow"
+		}),
+		y.steps === void 0 && /* @__PURE__ */ p("span", {
+			className: "text-zinc-400 italic dark:text-zinc-500",
+			children: i(y) ? v : _
+		}),
+		y.steps !== void 0 && /* @__PURE__ */ p(c, {
+			steps: y.steps,
+			selectedStepId: b,
+			onSelectStep: x
+		}),
+		b !== void 0 && w === void 0 && /* @__PURE__ */ p("span", {
+			className: "text-zinc-400 italic dark:text-zinc-500",
+			children: g
+		}),
+		w !== void 0 && /* @__PURE__ */ p("div", {
+			className: "overflow-auto rounded border border-zinc-200 dark:border-zinc-700",
+			children: /* @__PURE__ */ p(l, { value: w })
+		}),
+		/* @__PURE__ */ p("div", {
+			className: "mt-1 font-medium tracking-wide text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Run"
+		}),
+		/* @__PURE__ */ m("div", {
+			className: "flex justify-between gap-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Mode"
+			}), /* @__PURE__ */ p("span", {
+				className: "text-zinc-700 dark:text-zinc-200",
+				children: e[y.mode]
+			})]
+		}),
+		/* @__PURE__ */ m("div", {
+			className: "flex justify-between gap-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Started"
+			}), /* @__PURE__ */ p("span", {
+				className: "text-zinc-700 tabular-nums dark:text-zinc-200",
+				children: r(y.startedAt)
+			})]
+		}),
+		/* @__PURE__ */ m("div", {
+			className: "flex justify-between gap-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Took"
+			}), /* @__PURE__ */ p("span", {
+				className: "text-zinc-700 tabular-nums dark:text-zinc-200",
+				children: C === void 0 ? "still running" : n(C)
+			})]
+		}),
+		y.elementId !== void 0 && /* @__PURE__ */ m("div", {
+			className: "flex justify-between gap-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Element"
+			}), /* @__PURE__ */ p("span", {
+				className: "truncate font-mono text-zinc-600 dark:text-zinc-300",
+				children: y.elementId
+			})]
+		}),
+		y.runId !== void 0 && /* @__PURE__ */ m("div", {
+			className: "flex flex-col gap-0.5",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-zinc-400 dark:text-zinc-500",
+				children: "Run id"
+			}), /* @__PURE__ */ p("span", {
+				className: "font-mono break-all text-zinc-600 dark:text-zinc-300",
+				children: y.runId
+			})]
+		}),
+		y.input !== void 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			className: "mt-1 font-medium tracking-wide text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Input"
+		}), /* @__PURE__ */ p("div", {
+			className: "overflow-auto rounded border border-zinc-200 dark:border-zinc-700",
+			children: /* @__PURE__ */ p(l, { value: y.input })
+		})] }),
+		y.output !== void 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			className: "mt-1 font-medium tracking-wide text-zinc-400 uppercase dark:text-zinc-500",
+			children: "Output"
+		}), /* @__PURE__ */ p("div", {
+			className: "overflow-auto rounded border border-zinc-200 dark:border-zinc-700",
+			children: /* @__PURE__ */ p(l, { value: y.output })
+		})] }),
+		y.progress.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+			className: "mt-1 font-medium tracking-wide text-zinc-400 uppercase dark:text-zinc-500",
+			children: [
+				"Progress (",
+				y.progress.length,
+				")"
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: "overflow-auto rounded border border-zinc-200 dark:border-zinc-700",
+			children: /* @__PURE__ */ p(l, { value: y.progress })
+		})] })
+	] });
+};
+//#endregion
+export { y as default };

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunDetail/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RunDetail } from './RunDetail';
+export type { RunDetailProps } from './RunDetail';
+export default RunDetail;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunDetail/index.mjs

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

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/RunList.d.ts

@@ -0,0 +1,11 @@
+import { ActionRunEntry } from '@plitzi/sdk-shared';
+export type RunListProps = {
+    runs: ActionRunEntry[];
+    /** Whether anything has run at all, as opposed to nothing matching the filter — two different empty states. */
+    total: number;
+    selectedRunId?: string;
+    onSelect: (runId: string) => void;
+    onCancel: (runId: string) => void;
+};
+declare const RunList: ({ runs, total, selectedRunId, onSelect, onCancel }: RunListProps) => import("react").JSX.Element;
+export default RunList;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/RunList.mjs

@@ -0,0 +1,24 @@
+import e from "../RunRow/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/RunList.tsx
+var r = "No server action has run on this page yet. A run appears the moment one is SENT — including the ones that never come back — and the server adds the ones it ran to build the page.", i = ({ runs: i, total: a, selectedRunId: o, onSelect: s, onCancel: c }) => /* @__PURE__ */ n("div", {
+	className: "flex min-w-0 grow flex-col overflow-auto",
+	children: [
+		a === 0 && /* @__PURE__ */ t("div", {
+			className: "p-3 text-[11px] text-zinc-500 dark:text-zinc-400",
+			children: r
+		}),
+		a > 0 && i.length === 0 && /* @__PURE__ */ t("div", {
+			className: "p-3 text-[11px] text-zinc-500 dark:text-zinc-400",
+			children: "No run matches this filter."
+		}),
+		i.map((n) => /* @__PURE__ */ t(e, {
+			run: n,
+			selected: n.id === o,
+			onSelect: s,
+			onCancel: c
+		}, n.id))
+	]
+});
+//#endregion
+export { i as default };

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RunList } from './RunList';
+export type { RunListProps } from './RunList';
+export default RunList;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/index.mjs

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

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/RunRow.d.ts

@@ -0,0 +1,10 @@
+import { ActionRunEntry } from '@plitzi/sdk-shared';
+export type RunRowProps = {
+    run: ActionRunEntry;
+    selected: boolean;
+    onSelect: (runId: string) => void;
+    onCancel: (runId: string) => void;
+};
+/** One run in the log: enough to recognise it, and enough to tell a healthy one from the one to open. */
+declare const RunRow: ({ run, selected, onSelect, onCancel }: RunRowProps) => import("react").JSX.Element;
+export default RunRow;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/RunRow.mjs

@@ -0,0 +1,88 @@
+import { MODE_ICON as e, MODE_LABEL as t, failedStep as n, formatMs as r, formatTime as i, isLive as a, runDuration as o, statusTone as s, stepCount as c } from "../../helpers.mjs";
+import l from "../../../Logs/LogStatusIcon.mjs";
+import u from "clsx";
+import { useCallback as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import m from "@plitzi/plitzi-ui/Button";
+//#region src/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/RunRow.tsx
+var h = {
+	running: "fa-solid fa-circle-notch fa-spin",
+	streaming: "fa-solid fa-circle-notch fa-spin",
+	accepted: "fa-solid fa-paper-plane",
+	completed: "fa-solid fa-check",
+	failed: "fa-solid fa-xmark",
+	aborted: "fa-solid fa-hand",
+	skipped: "fa-solid fa-forward"
+}, g = {
+	info: "border-l-violet-400",
+	success: "border-l-emerald-400",
+	danger: "border-l-red-400",
+	warning: "border-l-amber-400",
+	custom: "border-l-zinc-300 dark:border-l-zinc-600"
+}, _ = ({ run: _, selected: v, onSelect: y, onCancel: b }) => {
+	let x = d(() => y(_.id), [y, _.id]), S = d(() => b(_.id), [b, _.id]), C = n(_.steps), w = o(_);
+	return /* @__PURE__ */ p("div", {
+		className: u("flex items-center gap-2 border-b border-l-2 px-2", g[s(_.status)], {
+			"border-b-zinc-100 bg-violet-500/5 dark:border-b-zinc-800": v,
+			"border-b-zinc-100 hover:bg-zinc-50 dark:border-b-zinc-800 dark:hover:bg-zinc-800/60": !v
+		}),
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			className: "flex grow flex-col gap-0.5 py-1.5 text-left",
+			onClick: x,
+			children: [/* @__PURE__ */ p("div", {
+				className: "flex items-center gap-1.5 text-[11px]",
+				children: [
+					/* @__PURE__ */ f(l, {
+						logType: s(_.status),
+						iconClassName: h[_.status]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "truncate font-medium text-zinc-700 dark:text-zinc-100",
+						children: _.actionId || "(no action named)"
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "flex shrink-0 items-center gap-1 rounded-sm bg-zinc-100 px-1 text-[9px] text-zinc-500 uppercase dark:bg-zinc-800 dark:text-zinc-400",
+						title: _.mode === "render" ? "Run by the server while it built this page" : void 0,
+						children: [/* @__PURE__ */ f("i", { className: e[_.mode] }), t[_.mode]]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "ml-auto shrink-0 text-zinc-400 tabular-nums dark:text-zinc-500",
+						children: w === void 0 ? "…" : r(w)
+					})
+				]
+			}), /* @__PURE__ */ p("div", {
+				className: "flex items-center gap-1.5 text-[10px] text-zinc-400 dark:text-zinc-500",
+				children: [
+					/* @__PURE__ */ f("span", {
+						className: "shrink-0 tabular-nums",
+						children: i(_.startedAt)
+					}),
+					_.steps !== void 0 && /* @__PURE__ */ f("span", {
+						className: "shrink-0",
+						children: c(_.steps.length)
+					}),
+					_.elementId !== void 0 && /* @__PURE__ */ f("span", {
+						className: "truncate font-mono",
+						children: _.elementId
+					}),
+					C !== void 0 && /* @__PURE__ */ p("span", {
+						className: "truncate text-red-500 dark:text-red-400",
+						children: [/* @__PURE__ */ f("i", { className: "fa-solid fa-circle-exclamation mr-1" }), C.title]
+					}),
+					C === void 0 && _.reason !== void 0 && /* @__PURE__ */ f("span", {
+						className: "truncate text-amber-600 dark:text-amber-400",
+						children: _.reason
+					})
+				]
+			})]
+		}), a(_) && _.cancellable === !0 && /* @__PURE__ */ f(m, {
+			size: "xs",
+			intent: "secondary",
+			onClick: S,
+			children: "Cancel"
+		})]
+	});
+};
+//#endregion
+export { _ as default };

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/index.d.ts

@@ -0,0 +1,3 @@
+import { default as RunRow } from './RunRow';
+export type { RunRowProps } from './RunRow';
+export default RunRow;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/index.mjs

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

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/StepRow.d.ts

@@ -0,0 +1,9 @@
+import { StepBar } from '../../helpers';
+export type StepRowProps = {
+    bar: StepBar;
+    selected: boolean;
+    onSelect: (stepId: string) => void;
+};
+/** One step of a flow: what it was, how it ended, and how much of the run it took. */
+declare const StepRow: ({ bar, selected, onSelect }: StepRowProps) => import("react").JSX.Element;
+export default StepRow;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/StepRow.mjs

@@ -0,0 +1,57 @@
+import { STEP_BAR as e, STEP_ICON as t, formatMs as n, stepTone as r } from "../../helpers.mjs";
+import i from "../../../Logs/LogStatusIcon.mjs";
+import a from "clsx";
+import { useCallback as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/StepRow.tsx
+var l = ({ bar: l, selected: u, onSelect: d }) => {
+	let { step: f, offset: p, width: m } = l, h = o(() => d(f.id), [d, f.id]);
+	return /* @__PURE__ */ c("button", {
+		type: "button",
+		onClick: h,
+		"aria-pressed": u,
+		className: a("flex w-full flex-col gap-1 rounded px-1.5 py-1 text-left transition-colors", {
+			"bg-violet-500/10": u,
+			"hover:bg-zinc-100 dark:hover:bg-zinc-800": !u
+		}),
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-1.5 text-[11px]",
+				children: [
+					/* @__PURE__ */ s(i, {
+						logType: r(f.status),
+						iconClassName: t[f.status]
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "truncate font-medium text-zinc-700 dark:text-zinc-200",
+						children: f.title
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "truncate font-mono text-[10px] text-zinc-400 dark:text-zinc-500",
+						children: f.action
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "ml-auto shrink-0 text-zinc-400 tabular-nums dark:text-zinc-500",
+						children: n(f.endTime - f.startTime)
+					})
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "h-1 w-full rounded-full bg-zinc-100 dark:bg-zinc-800",
+				children: /* @__PURE__ */ s("div", {
+					className: a("h-1 rounded-full", e[f.status]),
+					style: {
+						marginLeft: `${p * 100}%`,
+						width: `${m * 100}%`
+					}
+				})
+			}),
+			f.error !== void 0 && /* @__PURE__ */ s("span", {
+				className: "text-[10px] break-words text-red-600 dark:text-red-400",
+				children: f.error
+			})
+		]
+	});
+};
+//#endregion
+export { l as default };

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/index.d.ts

@@ -0,0 +1,3 @@
+import { default as StepRow } from './StepRow';
+export type { StepRowProps } from './StepRow';
+export default StepRow;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/index.mjs

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

package/dist/components/DevToolsPanel/tabs/ActionsViewer/helpers.d.ts

@@ -0,0 +1,53 @@
+import { ActionRunEntry, ActionRunStep } from '@plitzi/sdk-shared';
+/** Which runs the list shows. `live` is what somebody watches a page with; `failed` is what they came to find. */
+export type RunFilter = 'all' | 'live' | 'failed';
+/** The tone vocabulary the rest of the panel already speaks — see `LogStatusIcon`. */
+export type StatusTone = 'danger' | 'warning' | 'success' | 'info' | 'custom';
+/** Still happening: no end time, and the step that started it still holds the handle. */
+export declare const isLive: (run: ActionRunEntry) => boolean;
+export declare const hasFailed: (run: ActionRunEntry) => boolean;
+export declare const runDuration: (run: ActionRunEntry) => number | undefined;
+export declare const formatMs: (ms: number) => string;
+export declare const formatTime: (value: number) => string;
+export declare const statusTone: (status: string) => StatusTone;
+export declare const stepTone: (status: ActionRunStep["status"]) => StatusTone;
+export declare const STEP_ICON: Record<ActionRunStep['status'], string>;
+/** The bar's fill, by how the step ended: a skipped step is drawn as a track, not as work. */
+export declare const STEP_BAR: Record<ActionRunStep['status'], string>;
+/** How the run reached the server, said in one word beside the action's name. */
+export declare const MODE_LABEL: Record<ActionRunEntry['mode'], string>;
+export declare const MODE_ICON: Record<ActionRunEntry['mode'], string>;
+export declare const stepCount: (count: number) => string;
+/** Where a flow broke — the first thing anybody opening a failed run is looking for. */
+export declare const failedStep: (steps: ActionRunStep[] | undefined) => ActionRunStep | undefined;
+/**
+ * Whether a run answers to what was typed in the search box.
+ *
+ * Everything a person might have in mind when they go looking: the action, the run id the server put in the header,
+ * the element a render fed, how it ended, and the steps themselves — a flow is often remembered by the step that
+ * breaks rather than by its own name.
+ */
+export declare const matchesQuery: (run: ActionRunEntry, query: string) => boolean;
+export declare const filterRuns: (runs: ActionRunEntry[], filter: RunFilter, query: string) => ActionRunEntry[];
+/** One step placed on the run's own wall clock. */
+export type StepBar = {
+    step: ActionRunStep;
+    offset: number;
+    width: number;
+};
+/**
+ * Each step as a share of the whole run, so the timeline shows WHERE the time went.
+ *
+ * Against the run's own span rather than a fixed scale: what matters is which step took the flow, and a run of 40ms
+ * and one of 40s are read the same way. A step too short to see is still given a sliver — a step that ran and a step
+ * that did not must never look alike.
+ */
+export declare const stepBars: (steps: ActionRunStep[]) => StepBar[];
+/**
+ * What a step actually READ and ANSWERED, when the deployment sent the full trace.
+ *
+ * Only an authoring session and a development server ever receive it — a visitor's answer carries the outline and
+ * nothing else — so this returns `undefined` far more often than not, and the panel says so rather than showing a
+ * blank where data would be.
+ */
+export declare const traceResultOf: (trace: Record<string, unknown>[] | undefined, stepId: string) => unknown;

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

@@ -0,0 +1,65 @@
+//#region src/components/DevToolsPanel/tabs/ActionsViewer/helpers.ts
+var e = (e) => e.endedAt === void 0, t = (e) => e.status === "failed" || e.status === "aborted", n = (e) => e.endedAt === void 0 ? void 0 : e.endedAt - e.startedAt, r = (e) => e < 1e3 ? `${Math.round(e)}ms` : `${(e / 1e3).toFixed(2)}s`, i = (e) => new Date(e).toLocaleTimeString(), a = {
+	running: "info",
+	streaming: "info",
+	accepted: "info",
+	completed: "success",
+	failed: "danger",
+	aborted: "warning",
+	skipped: "custom"
+}, o = (e) => a[e] ?? "custom", s = {
+	success: "success",
+	failed: "danger",
+	skipped: "custom",
+	disabled: "custom"
+}, c = (e) => s[e], l = {
+	success: "fa-solid fa-check",
+	failed: "fa-solid fa-xmark",
+	skipped: "fa-solid fa-forward",
+	disabled: "fa-solid fa-ban"
+}, u = {
+	success: "bg-emerald-500/70",
+	failed: "bg-red-500/80",
+	skipped: "bg-zinc-400/40",
+	disabled: "bg-zinc-400/30"
+}, d = {
+	await: "await",
+	detached: "detached",
+	stream: "stream",
+	render: "render"
+}, f = {
+	await: "fa-solid fa-right-left",
+	detached: "fa-solid fa-paper-plane",
+	stream: "fa-solid fa-wave-square",
+	render: "fa-solid fa-server"
+}, p = (e) => `${e} ${e === 1 ? "step" : "steps"}`, m = (e) => e?.find((e) => e.status === "failed"), h = (e, t) => {
+	let n = t.trim().toLowerCase();
+	return n === "" || [
+		e.actionId,
+		e.runId,
+		e.elementId,
+		e.status,
+		e.reason,
+		e.error,
+		...(e.steps ?? []).map((e) => `${e.title} ${e.action} ${e.error ?? ""}`)
+	].some((e) => typeof e == "string" && e.toLowerCase().includes(n));
+}, g = (n, r, i) => n.filter((n) => r === "live" && !e(n) || r === "failed" && !t(n) ? !1 : h(n, i)), _ = (e) => {
+	if (e.length === 0) return [];
+	let t = Math.min(...e.map((e) => e.startTime)), n = Math.max(...e.map((e) => e.endTime)) - t;
+	return e.map((e) => n <= 0 ? {
+		step: e,
+		offset: 0,
+		width: 1
+	} : {
+		step: e,
+		offset: (e.startTime - t) / n,
+		width: Math.max((e.endTime - e.startTime) / n, .02)
+	});
+}, v = (e) => {
+	let { node: t } = e;
+	if (typeof t != "object" || !t || !("id" in t)) return;
+	let { id: n } = t;
+	return typeof n == "string" ? n : void 0;
+}, y = (e, t) => e?.find((e) => v(e) === t)?.result;
+//#endregion
+export { f as MODE_ICON, d as MODE_LABEL, u as STEP_BAR, l as STEP_ICON, m as failedStep, g as filterRuns, r as formatMs, i as formatTime, t as hasFailed, e as isLive, h as matchesQuery, n as runDuration, o as statusTone, _ as stepBars, p as stepCount, c as stepTone, y as traceResultOf };

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

@@ -1,7 +1,7 @@
-import e from "./LogInteractionBody.mjs";
-import t from "./LogInteractionHeader.mjs";
-import n from "./LogInteractionNote.mjs";
-import r from "../../LogStatusIcon.mjs";
+import e from "../../LogStatusIcon.mjs";
+import t from "./LogInteractionBody.mjs";
+import n from "./LogInteractionHeader.mjs";
+import r from "./LogInteractionNote.mjs";
 import i from "clsx";
 import { useMemo as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ import c from "@plitzi/plitzi-ui/ContainerCollapsable";
 import { getDurationMs as l } from "@plitzi/sdk-shared";
 import { isInteractionFlow as u } from "@plitzi/sdk-shared/devTools";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteraction.tsx
-var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]" }), f = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-down text-[10px]" }), p = ({ time: n, message: u, params: { elementId: p, hostElementId: m, status: h, node: g, nodes: _, startTime: v = 0, endTime: y = 0 } }) => {
+var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]" }), f = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-down text-[10px]" }), p = ({ time: r, message: u, params: { elementId: p, hostElementId: m, status: h, node: g, nodes: _, startTime: v = 0, endTime: y = 0 } }) => {
 	let b = a(() => `${l(v, y)}ms`, [v, y]), { failed: x, skipped: S, disabled: C } = a(() => {
 		let e = Object.values(_).map(({ status: e }) => e);
 		return {
@@ -26,10 +26,10 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 		}),
 		collapsed: !0,
 		children: [/* @__PURE__ */ o(c.Header, {
-			title: /* @__PURE__ */ o(t, {
+			title: /* @__PURE__ */ o(n, {
 				status: h,
 				message: u,
-				time: n
+				time: r
 			}),
 			placement: "left",
 			className: { headerTitle: "overflow-hidden" },
@@ -38,17 +38,17 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 			children: /* @__PURE__ */ s("div", {
 				className: "flex gap-3 text-zinc-400 dark:text-zinc-500",
 				children: [
-					!!x && /* @__PURE__ */ o(r, {
+					!!x && /* @__PURE__ */ o(e, {
 						logType: "danger",
 						title: "Failed",
 						children: x
 					}),
-					h !== "skipped" && !!S && /* @__PURE__ */ o(r, {
+					h !== "skipped" && !!S && /* @__PURE__ */ o(e, {
 						logType: "warning",
 						title: "Skipped",
 						children: S
 					}),
-					h !== "skipped" && !!C && /* @__PURE__ */ o(r, {
+					h !== "skipped" && !!C && /* @__PURE__ */ o(e, {
 						logType: "custom",
 						iconClassName: "fa-solid fa-ban",
 						title: "Disabled",
@@ -57,7 +57,7 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 					b
 				]
 			})
-		}), /* @__PURE__ */ o(c.Content, { children: /* @__PURE__ */ o(e, {
+		}), /* @__PURE__ */ o(c.Content, { children: /* @__PURE__ */ o(t, {
 			elementId: p,
 			hostElementId: m,
 			node: g,
@@ -67,14 +67,14 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 			duration: b
 		}) })]
 	});
-}, m = ({ time: e, message: t, params: r }) => u(r) ? /* @__PURE__ */ o(p, {
+}, m = ({ time: e, message: t, params: n }) => u(n) ? /* @__PURE__ */ o(p, {
 	time: e,
 	message: t,
-	params: r
-}) : /* @__PURE__ */ o(n, {
+	params: n
+}) : /* @__PURE__ */ o(r, {
 	time: e,
 	message: t,
-	params: r
+	params: n
 });
 //#endregion
 export { m as default };