@plitzi/sdk-dev-tools 0.37.9 → 0.37.10

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

@@ -1,109 +1,108 @@
-import { useCallback as e, useMemo as t } from "react";
-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";
+import e from "../../../../../../highlight/index.mjs";
+import { useCallback as t, useMemo as n, useState as r } from "react";
+import { useCommonStore as i } from "@plitzi/sdk-shared/store";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { formatDate as c } 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] = 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({
+var l = ({ triggerName: l, startTime: u, endTime: d, duration: f, elementId: p, hostElementId: m }) => {
+	let [h] = i("schema.flat"), g = n(() => p ? a(h, p) : void 0, [p, h]), _ = n(() => c(u, "HH:mm:ss.SSS"), [u]), v = n(() => c(d, "HH:mm:ss.SSS"), [d]), y = n(() => {
+		if (typeof document < "u") return document.querySelector(`[data-id="${p}"]`);
+	}, [p]), b = t(() => {
+		y?.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest",
 			inline: "nearest"
 		});
-	}, [_]), y = e(() => {
-		_?.classList.add("devtools-element-hovered");
-	}, [_]), b = e(() => {
-		_?.classList.remove("devtools-element-hovered");
-	}, [_]);
-	return /* @__PURE__ */ i("div", {
+	}, [y]), [x, S] = r(!1);
+	e(x ? p : void 0);
+	let C = t(() => S(!0), []), w = t(() => S(!1), []);
+	return /* @__PURE__ */ s("div", {
 		className: "flex justify-around gap-3",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ s("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__ */ r("i", { className: "fa-regular fa-clock" }), "Times"]
-				}), /* @__PURE__ */ i("div", {
+					children: [/* @__PURE__ */ o("i", { className: "fa-regular fa-clock" }), "Times"]
+				}), /* @__PURE__ */ s("div", {
 					className: "flex flex-col gap-0.5 font-mono text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Start"
-							}), h]
+							}), _]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "End"
-							}), g]
+							}), v]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Duration"
-							}), u]
+							}), f]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ r("div", { className: "w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ o("div", { className: "w-px shrink-0 bg-zinc-200 dark:bg-zinc-800" }),
+			/* @__PURE__ */ s("div", {
 				className: "flex min-w-0 grow basis-0 flex-col",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ s("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__ */ r("i", { className: "fa-solid fa-circle-info" }), "Details"]
-				}), /* @__PURE__ */ i("div", {
+					children: [/* @__PURE__ */ o("i", { className: "fa-solid fa-circle-info" }), "Details"]
+				}), /* @__PURE__ */ s("div", {
 					className: "flex flex-col gap-0.5 text-zinc-700 dark:text-zinc-300",
 					children: [
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Type"
-							}), /* @__PURE__ */ r("span", { children: "Interaction" })]
+							}), /* @__PURE__ */ o("span", { children: "Interaction" })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Trigger"
-							}), /* @__PURE__ */ r("span", {
+							}), /* @__PURE__ */ o("span", {
 								className: "truncate",
-								children: s
+								children: l
 							})]
 						}),
-						f && /* @__PURE__ */ i("div", {
+						m && /* @__PURE__ */ s("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Fired on"
-							}), /* @__PURE__ */ r("span", {
+							}), /* @__PURE__ */ o("span", {
 								className: "truncate font-mono",
-								children: f
+								children: m
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex min-w-0 gap-1",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "shrink-0 text-zinc-400 dark:text-zinc-500",
 								children: "Element"
-							}), /* @__PURE__ */ i("span", {
+							}), /* @__PURE__ */ s("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__ */ i("span", {
+								onClick: b,
+								onMouseEnter: C,
+								onMouseLeave: w,
+								children: [g?.definition.label, p && /* @__PURE__ */ s("span", {
 									className: "ml-1 font-mono text-[10px] text-zinc-400 dark:text-zinc-500",
 									children: [
 										"[",
-										d,
+										p,
 										"]"
 									]
 								})]
@@ -116,4 +115,4 @@ var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d,
 	});
 };
 //#endregion
-export { s as default };
+export { l as default };

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

@@ -4,13 +4,13 @@ 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";
-import c from "@plitzi/plitzi-ui/ContainerCollapsable";
-import { getDurationMs as l } from "@plitzi/sdk-shared";
-import { isInteractionFlow as u } from "@plitzi/sdk-shared/devTools";
+import { isInteractionFlow as o } from "@plitzi/sdk-shared/devTools";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@plitzi/plitzi-ui/ContainerCollapsable";
+import { getDurationMs as u } from "@plitzi/sdk-shared";
 //#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: 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(() => {
+var d = /* @__PURE__ */ s("i", { className: "fa-solid fa-angle-right text-[10px]" }), f = /* @__PURE__ */ s("i", { className: "fa-solid fa-angle-down text-[10px]" }), p = ({ time: r, message: o, params: { elementId: p, hostElementId: m, status: h, node: g, nodes: _, startTime: v = 0, endTime: y = 0 } }) => {
+	let b = a(() => `${u(v, y)}ms`, [v, y]), { failed: x, skipped: S, disabled: C } = a(() => {
 		let e = Object.values(_).map(({ status: e }) => e);
 		return {
 			failed: e.filter((e) => e === "failed").length,
@@ -18,37 +18,37 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 			disabled: e.filter((e) => e === "disabled").length
 		};
 	}, [_]);
-	return /* @__PURE__ */ s(c, {
+	return /* @__PURE__ */ c(l, {
 		className: i("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": h === "completed",
 			"border-l-red-500": h === "failed",
 			"border-l-zinc-300 dark:border-l-zinc-600": h === "skipped"
 		}),
 		collapsed: !0,
-		children: [/* @__PURE__ */ o(c.Header, {
-			title: /* @__PURE__ */ o(n, {
+		children: [/* @__PURE__ */ s(l.Header, {
+			title: /* @__PURE__ */ s(n, {
 				status: h,
-				message: u,
+				message: o,
 				time: r
 			}),
 			placement: "left",
 			className: { headerTitle: "overflow-hidden" },
 			iconCollapsed: d,
 			iconExpanded: f,
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "flex gap-3 text-zinc-400 dark:text-zinc-500",
 				children: [
-					!!x && /* @__PURE__ */ o(e, {
+					!!x && /* @__PURE__ */ s(e, {
 						logType: "danger",
 						title: "Failed",
 						children: x
 					}),
-					h !== "skipped" && !!S && /* @__PURE__ */ o(e, {
+					h !== "skipped" && !!S && /* @__PURE__ */ s(e, {
 						logType: "warning",
 						title: "Skipped",
 						children: S
 					}),
-					h !== "skipped" && !!C && /* @__PURE__ */ o(e, {
+					h !== "skipped" && !!C && /* @__PURE__ */ s(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(t, {
+		}), /* @__PURE__ */ s(l.Content, { children: /* @__PURE__ */ s(t, {
 			elementId: p,
 			hostElementId: m,
 			node: g,
@@ -67,11 +67,11 @@ var d = /* @__PURE__ */ o("i", { className: "fa-solid fa-angle-right text-[10px]
 			duration: b
 		}) })]
 	});
-}, m = ({ time: e, message: t, params: n }) => u(n) ? /* @__PURE__ */ o(p, {
+}, m = ({ time: e, message: t, params: n }) => o(n) ? /* @__PURE__ */ s(p, {
 	time: e,
 	message: t,
 	params: n
-}) : /* @__PURE__ */ o(r, {
+}) : /* @__PURE__ */ s(r, {
 	time: e,
 	message: t,
 	params: n

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

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

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

@@ -0,0 +1,10 @@
+import { LogRealtime as TLogRealtime, LogType } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type LogRealtimeProps = {
+    logType: LogType;
+    message?: ReactNode;
+    params: TLogRealtime['params'];
+    time?: string;
+};
+declare const LogRealtime: ({ logType, time, message, params }: LogRealtimeProps) => import('react').JSX.Element;
+export default LogRealtime;

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

@@ -0,0 +1,58 @@
+import e from "../../LogStatus.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "@plitzi/plitzi-ui/ContainerCollapsable";
+//#region src/components/DevToolsPanel/tabs/Logs/categories/LogRealtime/LogRealtime.tsx
+var i = /* @__PURE__ */ t("i", { className: "fa-solid fa-angle-right text-[10px]" }), a = /* @__PURE__ */ t("i", { className: "fa-solid fa-angle-down text-[10px]" }), o = {
+	status: "Status",
+	received: "In",
+	published: "Out",
+	refused: "Refused"
+}, s = (e) => {
+	switch (e.event) {
+		case "received": return e.message;
+		case "published": return {
+			data: e.data,
+			delivered: e.delivered
+		};
+		case "status": return {
+			topics: e.topics,
+			transport: e.transport
+		};
+		case "refused": return { reason: e.reason };
+	}
+}, c = ({ logType: c, time: l, message: u, params: d }) => /* @__PURE__ */ n(r, {
+	className: "last:border-b-none w-full border-b border-l-2 border-b-zinc-200 border-l-sky-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__ */ t(r.Header, {
+		title: /* @__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: l
+				}),
+				/* @__PURE__ */ t(e, {
+					logType: c,
+					children: o[d.event]
+				}),
+				/* @__PURE__ */ t("div", {
+					className: "grow basis-0 truncate text-zinc-700 dark:text-zinc-300",
+					children: u
+				})
+			]
+		}),
+		placement: "left",
+		className: { headerTitle: "overflow-hidden" },
+		iconCollapsed: i,
+		iconExpanded: a,
+		children: /* @__PURE__ */ t("span", {
+			className: "font-mono text-zinc-400 dark:text-zinc-500",
+			children: "realtime"
+		})
+	}), /* @__PURE__ */ t(r.Content, { children: /* @__PURE__ */ t("pre", {
+		className: "mt-1 overflow-x-auto rounded bg-zinc-50 p-2 text-[11px] text-zinc-600 dark:bg-zinc-800/60 dark:text-zinc-300",
+		children: JSON.stringify(s(d), null, 2)
+	}) })]
+});
+//#endregion
+export { c as default };

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

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

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

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

package/dist/components/DevToolsPanel/tabs/QaViewer/QaAllChecksButton.d.ts

@@ -0,0 +1,3 @@
+/** Every check on at once — or off, when they all are. */
+declare const QaAllChecksButton: () => import('react').JSX.Element;
+export default QaAllChecksButton;

package/dist/components/DevToolsPanel/tabs/QaViewer/QaAllChecksButton.mjs

@@ -0,0 +1,16 @@
+import { QA_CHECKS as e } from "../../../../qa/qaSettings.mjs";
+import t from "../../../../qa/QaContext.mjs";
+import { use as n, useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/QaViewer/QaAllChecksButton.tsx
+var a = () => {
+	let { settings: a, setCheck: o } = n(t), s = e.every((e) => a.checks[e]), c = s ? "None" : "Run all", l = r(() => e.forEach((e) => o(e, !s)), [o, s]);
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "rounded px-1.5 py-0.5 font-medium normal-case hover:bg-zinc-100 dark:hover:bg-zinc-800",
+		onClick: l,
+		children: c
+	});
+};
+//#endregion
+export { a as default };

package/dist/components/DevToolsPanel/tabs/QaViewer/QaCheckRow.d.ts

@@ -0,0 +1,7 @@
+import { QaCheck } from '../../../../qa/qaSettings';
+export type QaCheckRowProps = {
+    check: QaCheck;
+};
+/** A check: its switch, what it looks for, how many it found — and each of them, a way to the element on the page. */
+declare const QaCheckRow: ({ check }: QaCheckRowProps) => import('react').JSX.Element;
+export default QaCheckRow;

package/dist/components/DevToolsPanel/tabs/QaViewer/QaCheckRow.mjs

@@ -0,0 +1,47 @@
+import e from "../../../../qa/QaContext.mjs";
+import { CHECKS as t } from "../../../../qa/checks/index.mjs";
+import n from "./QaFindingItem.mjs";
+import r from "clsx";
+import { use as i, useCallback as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/QaViewer/QaCheckRow.tsx
+var c = 40, l = ({ check: l }) => {
+	let { settings: u, setCheck: d, findings: f } = i(e), { label: p, description: m, colour: h } = t[l], g = u.checks[l], _ = f[l], v = g ? { backgroundColor: h } : { boxShadow: `inset 0 0 0 1.5px ${h}` }, y = a(() => d(l, !g), [
+		d,
+		l,
+		g
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "border-b border-zinc-100 last:border-b-0 dark:border-zinc-800",
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": g,
+			title: m,
+			className: "flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left hover:bg-zinc-50 dark:hover:bg-zinc-800/60",
+			onClick: y,
+			children: [
+				/* @__PURE__ */ o("span", {
+					className: "h-2.5 w-2.5 shrink-0 rounded-full",
+					style: v
+				}),
+				/* @__PURE__ */ o("span", {
+					className: "min-w-0 truncate font-medium text-zinc-800 dark:text-zinc-200",
+					children: p
+				}),
+				g && /* @__PURE__ */ o("span", {
+					className: r("ml-auto rounded-full px-1.5 text-[10px] font-semibold", {
+						"bg-emerald-100 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400": _.length === 0,
+						"bg-rose-100 text-rose-700 dark:bg-rose-500/15 dark:text-rose-400": _.length > 0
+					}),
+					children: _.length
+				})
+			]
+		}), g && _.length > 0 && /* @__PURE__ */ o("div", {
+			className: "max-h-40 overflow-y-auto pb-1",
+			children: _.slice(0, c).map((e, t) => /* @__PURE__ */ o(n, { finding: e }, `${l}-${String(t)}`))
+		})]
+	});
+};
+//#endregion
+export { l as default };

package/dist/components/DevToolsPanel/tabs/QaViewer/QaChecks.d.ts

@@ -0,0 +1,3 @@
+/** The checks a tester runs on every page, each outlining on the page what it finds. */
+declare const QaChecks: () => import('react').JSX.Element;
+export default QaChecks;

package/dist/components/DevToolsPanel/tabs/QaViewer/QaChecks.mjs

@@ -0,0 +1,24 @@
+import { QA_CHECKS as e } from "../../../../qa/qaSettings.mjs";
+import t from "./QaAllChecksButton.mjs";
+import n from "./QaCheckRow.mjs";
+import r from "./QaRescanButton.mjs";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/QaViewer/QaChecks.tsx
+var o = () => /* @__PURE__ */ a("section", {
+	className: "flex min-w-0 flex-col gap-1.5",
+	children: [/* @__PURE__ */ a("div", {
+		className: "flex items-center justify-between gap-2 text-[10px] font-semibold tracking-wider text-zinc-400 uppercase dark:text-zinc-500",
+		children: [/* @__PURE__ */ a("span", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ i("i", { className: "fa-solid fa-list-check" }), "Checks"]
+		}), /* @__PURE__ */ a("span", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ i(r, {}), /* @__PURE__ */ i(t, {})]
+		})]
+	}), /* @__PURE__ */ i("div", {
+		className: "overflow-hidden rounded border border-zinc-200 dark:border-zinc-700",
+		children: e.map((e) => /* @__PURE__ */ i(n, { check: e }, e))
+	})]
+});
+//#endregion
+export { o as default };

package/dist/components/DevToolsPanel/tabs/QaViewer/QaDivider.d.ts

@@ -0,0 +1,3 @@
+/** Between two groups of tools in the bar. */
+declare const QaDivider: () => import('react').JSX.Element;
+export default QaDivider;

package/dist/components/DevToolsPanel/tabs/QaViewer/QaDivider.mjs

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/QaViewer/QaDivider.tsx
+var t = () => /* @__PURE__ */ e("span", { className: "h-4 w-px shrink-0 bg-zinc-200 dark:bg-zinc-700" });
+//#endregion
+export { t as default };

package/dist/components/DevToolsPanel/tabs/QaViewer/QaFindingItem.d.ts

@@ -0,0 +1,7 @@
+import { QaFinding } from '../../../../qa/checks';
+export type QaFindingItemProps = {
+    finding: QaFinding;
+};
+/** One thing a check found: what it is and what is wrong — picked, the page scrolls to it and points at it. */
+declare const QaFindingItem: ({ finding: { element, note } }: QaFindingItemProps) => import('react').JSX.Element;
+export default QaFindingItem;

package/dist/components/DevToolsPanel/tabs/QaViewer/QaFindingItem.mjs

@@ -0,0 +1,32 @@
+import { useCallback as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/DevToolsPanel/tabs/QaViewer/QaFindingItem.tsx
+var r = "devtools-element-hovered", i = 1600, a = ({ finding: { element: a, note: o } }) => {
+	let s = a.getAttribute("data-plitzi-el"), c = e(() => {
+		a.scrollIntoView({
+			block: "center",
+			behavior: "smooth"
+		}), a.classList.add(r), setTimeout(() => a.classList.remove(r), i);
+	}, [a]);
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		className: "flex w-full cursor-pointer items-center gap-2 px-3 py-1 pl-6 text-left hover:bg-zinc-50 dark:hover:bg-zinc-800/60",
+		onClick: c,
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "shrink-0 font-mono text-zinc-500 dark:text-zinc-400",
+				children: a.tagName.toLowerCase()
+			}),
+			s && /* @__PURE__ */ t("span", {
+				className: "truncate font-mono text-violet-600 dark:text-violet-400",
+				children: s
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "ml-auto shrink-0 text-[11px] text-zinc-500 dark:text-zinc-400",
+				children: o
+			})
+		]
+	});
+};
+//#endregion
+export { a as default };

package/dist/components/DevToolsPanel/tabs/QaViewer/QaInspectorDetails.d.ts

@@ -0,0 +1,9 @@
+export type QaInspectorDetailsProps = {
+    element: Element;
+};
+/**
+ * The kept element, in full: its box, its type, its colours and their contrast, the space's classes on it, and every
+ * CSS rule that reaches it as written. Read once per element; the panel draws it anew on "Look again".
+ */
+declare const QaInspectorDetails: ({ element }: QaInspectorDetailsProps) => import('react').JSX.Element | null;
+export default QaInspectorDetails;