@piwitests/server 0.18.2 → 0.20.0

package/.output/server/chunks/build/{PageStateCard-Bwee6JTk.mjs → useCopyRich-RJKhWoyj.mjs}

@@ -1,20 +1,22 @@
-import { o as _sfc_main$p, p as __nuxt_component_12, n as _sfc_main$7$1, m as _sfc_main$k, r as useRuntimeConfig, E as refreshNuxtData, F as _export_sfc, j as useToast, _ as _sfc_main$d$1 } from './server.mjs';
-import { _ as _sfc_main$j } from './Alert-Bp1Wz_sq.mjs';
-import { f as formatRelativeTime, k as getTraceViewerUrl, l as fileApiUrl, m as parsePatchLines, n as patchLineClass, o as getFileApiPath, q as formatBytes, e as errorMessage } from './index-CULN3-en.mjs';
-import { defineComponent, ref, mergeProps, unref, withCtx, withDirectives, createVNode, renderSlot, vShow, withKeys, withModifiers, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, Fragment, computed, resolveDynamicComponent, createSlots, renderList, isRef, nextTick, useModel, watch, mergeModels, useSSRContext } from 'vue';
+import { j as useToast, o as _sfc_main$p, s as __nuxt_component_12, n as _sfc_main$7$1, m as _sfc_main$k$1, r as useRuntimeConfig, v as _sfc_main$8$1, G as refreshNuxtData, H as _export_sfc, _ as _sfc_main$d$1 } from './server.mjs';
+import { _ as __nuxt_component_2$1, a as __nuxt_component_9 } from './HelpHint-DrcIv-Oj.mjs';
+import { _ as _sfc_main$n } from './Separator-CR4WcEKD.mjs';
+import { ref, defineComponent, mergeProps, unref, withCtx, withDirectives, createVNode, renderSlot, vShow, withKeys, withModifiers, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, Fragment, computed, resolveDynamicComponent, createSlots, renderList, isRef, nextTick, useModel, watch, mergeModels, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderSlot, ssrRenderAttr, ssrInterpolate, ssrRenderVNode, ssrRenderList, ssrRenderClass, ssrRenderTeleport } from 'vue/server-renderer';
-import { _ as __nuxt_component_2$1, a as __nuxt_component_9 } from './HelpHint-YEMWtKu1.mjs';
-import { d7 as recommendLocatorFix } from '../nitro/nitro.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-COd9TuDq.mjs';
-import { _ as _sfc_main$n } from './Modal-CfA78Hm1.mjs';
-import { u as useCopy } from './useCopy-BQQKcwlq.mjs';
-import { u as useFetch } from './fetch-8kznMtBM.mjs';
-import { _ as _sfc_main$l } from './Tabs-BV9XqjoO.mjs';
-import { _ as _sfc_main$m } from './Tooltip-7vwuDPrZ.mjs';
-import { _ as __nuxt_component_5 } from './CodeBlock-BGwNmJ8J.mjs';
-import { _ as __nuxt_component_1$3 } from './OpenInIdeLink-B92wosXu.mjs';
-import { _ as _sfc_main$i } from './Card-BQP_oZkQ.mjs';
-import { d as useFoldedState } from './useAiStatus-ZO987RY7.mjs';
+import { u as useDesktopDownload } from './useDesktopDownload-BepjqxOt.mjs';
+import { u as useCopy } from './useCopy-CeKWgHyT.mjs';
+import { f as formatRelativeTime, m as getTraceViewerUrl, n as fileApiUrl, o as parsePatchLines, q as patchLineClass, e as errorMessage, u as getFileApiPath } from './index-CU2nZhAa.mjs';
+import { _ as _sfc_main$k } from './Alert-C4xq8lao.mjs';
+import { dx as recommendLocatorFix, aa as formatBytes } from '../nitro/nitro.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
+import { _ as _sfc_main$o } from './Modal-pSDlXzT3.mjs';
+import { u as useFetch } from './fetch-B4FwBOzu.mjs';
+import { _ as _sfc_main$l } from './Tabs-BkSOnbaB.mjs';
+import { _ as _sfc_main$m } from './Tooltip-Dv4htNP6.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-BgE-NSmE.mjs';
+import { _ as __nuxt_component_1$3 } from './OpenInIdeLink-CQWKKChd.mjs';
+import { _ as _sfc_main$j } from './Card-BQP_oZkQ.mjs';
+import { b as useFoldedState } from './useAiStatus-CxjMmDDY.mjs';
 
 const CAPTURED_ATTRIBUTES = [
   "id",
@@ -32,6 +34,348 @@ const CAPTURED_ATTRIBUTES = [
   "multiple"
 ];
 
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "ExportMenu",
+  __ssrInlineRender: true,
+  props: {
+    endpoint: {},
+    baseName: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { download } = useDesktopDownload();
+    const { copy } = useCopy();
+    const toast = useToast();
+    const open = ref(false);
+    const busy = ref("");
+    const base = computed(() => (useRuntimeConfig().app?.baseURL ?? "/").replace(/\/$/, ""));
+    function withBase(path) {
+      return `${base.value}${path}`;
+    }
+    async function run(format) {
+      open.value = false;
+      await download(withBase(`${props.endpoint}?format=${format}`), `${props.baseName}.${format}`, {
+        binary: format === "zip"
+      });
+    }
+    function printReport() {
+      open.value = false;
+      (void 0).open(withBase(`${props.endpoint}?format=html&print=1`), "_blank");
+    }
+    async function copyFrom(path, label, pick) {
+      busy.value = label;
+      try {
+        const response = await fetch(withBase(path));
+        if (!response.ok) throw new Error(`Request failed (${response.status})`);
+        const text = await response.text();
+        copy(pick ? pick(text) : text, { toast: `${label} copied` });
+        open.value = false;
+      } catch (error) {
+        toast.add({ title: `Could not copy ${label.toLowerCase()}`, description: errorMessage(error), color: "error" });
+      } finally {
+        busy.value = "";
+      }
+    }
+    function copyReport() {
+      return copyFrom(`${props.endpoint}?format=md`, "Report");
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UPopover = _sfc_main$8$1;
+      const _component_UButton = _sfc_main$k$1;
+      const _component_HelpHint = __nuxt_component_2$1;
+      const _component_USeparator = _sfc_main$n;
+      _push(ssrRenderComponent(_component_UPopover, mergeProps({
+        open: unref(open),
+        "onUpdate:open": ($event) => isRef(open) ? open.value = $event : null
+      }, _attrs), {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="w-64 p-1 space-y-0.5"${_scopeId}><div class="flex items-center justify-between px-2 pt-1 pb-1"${_scopeId}><p class="text-xs font-medium text-gray-500"${_scopeId}>Download</p>`);
+            _push2(ssrRenderComponent(_component_HelpHint, { topic: "export.offline" }, null, _parent2, _scopeId));
+            _push2(`</div>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-file-code",
+              title: "One self-contained HTML file with screenshots and video embedded",
+              onClick: ($event) => run("html")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` HTML — single file `);
+                } else {
+                  return [
+                    createTextVNode(" HTML — single file ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-file-archive",
+              title: "Report plus the raw artifacts, including trace archives and data.json",
+              onClick: ($event) => run("zip")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` ZIP — with all evidence `);
+                } else {
+                  return [
+                    createTextVNode(" ZIP — with all evidence ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-printer",
+              title: "Opens the report with your browser's print dialog, for Save as PDF",
+              onClick: printReport
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` PDF — via print `);
+                } else {
+                  return [
+                    createTextVNode(" PDF — via print ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-file-text",
+              title: "The Markdown report as a file",
+              onClick: ($event) => run("md")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Markdown `);
+                } else {
+                  return [
+                    createTextVNode(" Markdown ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-file-json",
+              title: "Everything the report contains, machine-readable",
+              onClick: ($event) => run("json")
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` JSON `);
+                } else {
+                  return [
+                    createTextVNode(" JSON ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_USeparator, { class: "my-1" }, null, _parent2, _scopeId));
+            _push2(`<p class="text-xs font-medium text-gray-500 px-2 pt-1 pb-1"${_scopeId}>Copy to clipboard</p>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              block: "",
+              size: "sm",
+              color: "neutral",
+              variant: "ghost",
+              class: "justify-start",
+              icon: "i-lucide-clipboard-list",
+              loading: unref(busy) === "Report",
+              title: "The whole investigation as Markdown, for an issue or a chat",
+              onClick: copyReport
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Report (Markdown) `);
+                } else {
+                  return [
+                    createTextVNode(" Report (Markdown) ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "w-64 p-1 space-y-0.5" }, [
+                createVNode("div", { class: "flex items-center justify-between px-2 pt-1 pb-1" }, [
+                  createVNode("p", { class: "text-xs font-medium text-gray-500" }, "Download"),
+                  createVNode(_component_HelpHint, { topic: "export.offline" })
+                ]),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-file-code",
+                  title: "One self-contained HTML file with screenshots and video embedded",
+                  onClick: ($event) => run("html")
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" HTML — single file ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-file-archive",
+                  title: "Report plus the raw artifacts, including trace archives and data.json",
+                  onClick: ($event) => run("zip")
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" ZIP — with all evidence ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-printer",
+                  title: "Opens the report with your browser's print dialog, for Save as PDF",
+                  onClick: printReport
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" PDF — via print ")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-file-text",
+                  title: "The Markdown report as a file",
+                  onClick: ($event) => run("md")
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Markdown ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-file-json",
+                  title: "Everything the report contains, machine-readable",
+                  onClick: ($event) => run("json")
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" JSON ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_USeparator, { class: "my-1" }),
+                createVNode("p", { class: "text-xs font-medium text-gray-500 px-2 pt-1 pb-1" }, "Copy to clipboard"),
+                createVNode(_component_UButton, {
+                  block: "",
+                  size: "sm",
+                  color: "neutral",
+                  variant: "ghost",
+                  class: "justify-start",
+                  icon: "i-lucide-clipboard-list",
+                  loading: unref(busy) === "Report",
+                  title: "The whole investigation as Markdown, for an issue or a chat",
+                  onClick: copyReport
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Report (Markdown) ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UButton, {
+              icon: "i-lucide-share",
+              size: "xs",
+              color: "neutral",
+              variant: "outline",
+              title: "Take this investigation away"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Export `);
+                } else {
+                  return [
+                    createTextVNode(" Export ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UButton, {
+                icon: "i-lucide-share",
+                size: "xs",
+                color: "neutral",
+                variant: "outline",
+                title: "Take this investigation away"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Export ")
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/ExportMenu.vue");
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+};
+const __nuxt_component_6$1 = Object.assign(_sfc_main$i, { __name: "ExportMenu" });
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSectionCard",
   __ssrInlineRender: true,
@@ -55,7 +399,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     __expose({ setFolded, reveal });
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$i;
+      const _component_UCard = _sfc_main$j;
       const _component_UIcon = _sfc_main$p;
       const _component_HelpHint = __nuxt_component_2$1;
       _push(`<div${ssrRenderAttrs(mergeProps({
@@ -210,7 +554,7 @@ _sfc_main$h.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/CollapsibleSectionCard.vue");
   return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const __nuxt_component_23 = Object.assign(_sfc_main$h, { __name: "CollapsibleSectionCard" });
+const __nuxt_component_25 = Object.assign(_sfc_main$h, { __name: "CollapsibleSectionCard" });
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "DiffPatch",
   __ssrInlineRender: true,
@@ -274,7 +618,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UBadge = _sfc_main$7$1;
       const _component_UIcon = _sfc_main$p;
-      const _component_UButton = _sfc_main$k;
+      const _component_UButton = _sfc_main$k$1;
       _push(`<div${ssrRenderAttrs(mergeProps({
         class: ["flex items-center gap-2 rounded border", [
           __props.dense ? "py-1 px-2" : "py-1.5 px-2.5",
@@ -401,11 +745,11 @@ function installSnapshotPicker(config) {
   }
   var ACTIONABLE = ["button", "a", "input", "select", "textarea", "summary", "option"];
   function snapIndex(chain2) {
-    for (var i2 = 0; i2 < Math.min(chain2.length, 4); i2++) {
-      var el = chain2[i2];
+    for (var i = 0; i < Math.min(chain2.length, 4); i++) {
+      var el = chain2[i];
       var t = (el.tagName || "").toLowerCase();
-      if (ACTIONABLE.indexOf(t) !== -1) return i2;
-      if (el.getAttribute && (el.getAttribute("role") || el.getAttribute("data-testid"))) return i2;
+      if (ACTIONABLE.indexOf(t) !== -1) return i;
+      if (el.getAttribute && (el.getAttribute("role") || el.getAttribute("data-testid"))) return i;
     }
     return 0;
   }
@@ -434,8 +778,8 @@ function installSnapshotPicker(config) {
   if (foot) foot.id = "__piwi_picker_foot";
   function probe(el) {
     var attrs = {};
-    for (var i2 = 0; i2 < PROBED_ATTRS.length; i2++) {
-      var k = PROBED_ATTRS[i2];
+    for (var i = 0; i < PROBED_ATTRS.length; i++) {
+      var k = PROBED_ATTRS[i];
       var v = el.getAttribute(k) || el[k];
       attrs[k] = typeof v === "string" ? v.slice(0, 200) : v ? String(v).slice(0, 200) : null;
     }
@@ -538,15 +882,13 @@ function installSnapshotPicker(config) {
     }
   }
   function onKey(e) {
-    if (e.key === "Escape" || e.key === "ArrowUp" || e.key === "ArrowDown") {
-      stop(e);
-      handleKey(e.key);
-    }
+    stop(e);
+    handleKey(e.key);
   }
   var hintBoxes = [];
   function clearHints() {
-    for (var i2 = 0; i2 < hintBoxes.length; i2++) {
-      if (hintBoxes[i2].parentNode) hintBoxes[i2].parentNode.removeChild(hintBoxes[i2]);
+    for (var i = 0; i < hintBoxes.length; i++) {
+      if (hintBoxes[i].parentNode) hintBoxes[i].parentNode.removeChild(hintBoxes[i]);
     }
     hintBoxes = [];
   }
@@ -561,8 +903,8 @@ function installSnapshotPicker(config) {
     );
     var exact = [];
     var partial = [];
-    for (var i2 = 0; i2 < all.length; i2++) {
-      var el = all[i2];
+    for (var i = 0; i < all.length; i++) {
+      var el = all[i];
       var t = norm(el.textContent);
       if (!t) {
         var pl = norm(el.getAttribute && (el.getAttribute("placeholder") || el.getAttribute("aria-label")) || "");
@@ -593,8 +935,8 @@ function installSnapshotPicker(config) {
     clearHints();
     if (!hints || !hints.length) return;
     var best = null;
-    for (var i2 = 0; i2 < hints.length; i2++) {
-      var h = hints[i2];
+    for (var i = 0; i < hints.length; i++) {
+      var h = hints[i];
       var matches = textMatches(h && h.text);
       for (var j = 0; j < Math.min(matches.length, 3); j++) {
         box(matches[j], "#f59e0b");
@@ -603,7 +945,7 @@ function installSnapshotPicker(config) {
     }
     if (best) scrollHostTo(best);
     setTimeout(function() {
-      for (var i3 = 0; i3 < hintBoxes.length; i3++) hintBoxes[i3].style.opacity = "0";
+      for (var i2 = 0; i2 < hintBoxes.length; i2++) hintBoxes[i2].style.opacity = "0";
     }, 2600);
     setTimeout(clearHints, 3e3);
   }
@@ -672,19 +1014,49 @@ function installSnapshotPicker(config) {
     highlight.style.display = "none";
     clearHints();
     banner.innerHTML = '<div style="text-align:center;color:#9ca3af;">Analyzing element…</div>';
-    removeListeners();
+    freezeAfterPick();
     g.parent.postMessage({ type: "elementPicked", attrs }, "*");
   }
-  var suppressed = ["mousedown", "mouseup", "pointerdown", "pointerup", "auxclick", "dblclick"];
-  function removeListeners() {
+  var INERT_EVENTS = [
+    "mousedown",
+    "mouseup",
+    "pointerdown",
+    "pointerup",
+    "auxclick",
+    "dblclick",
+    "contextmenu",
+    "submit",
+    "beforeinput",
+    "input",
+    "change",
+    "paste",
+    "cut",
+    "drop",
+    "dragstart",
+    "keypress",
+    "keyup",
+    "touchstart",
+    "touchend"
+  ];
+  function addInert() {
+    for (var i = 0; i < INERT_EVENTS.length; i++) doc.addEventListener(INERT_EVENTS[i], stop, true);
+  }
+  function disarmPicking() {
     doc.removeEventListener("mousemove", onMove, true);
     doc.removeEventListener("click", onClick, true);
     doc.removeEventListener("keydown", onKey, true);
     g.removeEventListener("message", onParentMsg, false);
-    for (var i2 = 0; i2 < suppressed.length; i2++) doc.removeEventListener(suppressed[i2], stop, true);
+  }
+  function freezeAfterPick() {
+    disarmPicking();
+    doc.addEventListener("click", stop, true);
+    doc.addEventListener("keydown", stop, true);
   }
   function doClose() {
-    removeListeners();
+    disarmPicking();
+    for (var i = 0; i < INERT_EVENTS.length; i++) doc.removeEventListener(INERT_EVENTS[i], stop, true);
+    doc.removeEventListener("click", stop, true);
+    doc.removeEventListener("keydown", stop, true);
     clearHints();
     highlight.remove();
     banner.remove();
@@ -694,7 +1066,7 @@ function installSnapshotPicker(config) {
   doc.addEventListener("click", onClick, true);
   doc.addEventListener("keydown", onKey, true);
   g.addEventListener("message", onParentMsg, false);
-  for (var i = 0; i < suppressed.length; i++) doc.addEventListener(suppressed[i], stop, true);
+  addInert();
   function reportHeight() {
     var h = Math.max(doc.documentElement ? doc.documentElement.scrollHeight : 0, doc.body ? doc.body.scrollHeight : 0);
     if (h > 0) g.parent.postMessage({ type: "piwiContentHeight", height: h }, "*");
@@ -744,7 +1116,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       snapshotPending.value = true;
       snapshotError.value = null;
       try {
-        const query = viewSource.value ? `?source=${viewSource.value}` : "";
+        const params = new URLSearchParams({ inlineStyles: "1" });
+        if (viewSource.value) params.set("source", viewSource.value);
+        const query = `?${params.toString()}`;
         snapshot.value = await $fetch(
           `/api/test-runs/${props.runId}/cases/${props.testRunsCaseId}/dom-snapshot${query}`
         );
@@ -957,9 +1331,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, 2e3);
     }
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UModal = _sfc_main$n;
+      const _component_UModal = _sfc_main$o;
       const _component_UIcon = _sfc_main$p;
-      const _component_UButton = _sfc_main$k;
+      const _component_UButton = _sfc_main$k$1;
       const _component_UInput = _sfc_main$d$1;
       const _component_UBadge = _sfc_main$7$1;
       _push(ssrRenderComponent(_component_UModal, mergeProps({
@@ -1742,7 +2116,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const cardComponent = computed(() => props.storageKey ? __nuxt_component_23 : __nuxt_component_11);
+    const cardComponent = computed(() => props.storageKey ? __nuxt_component_25 : __nuxt_component_11);
     const cardBind = computed(() => props.storageKey ? { storageKey: props.storageKey } : {});
     const {
       data: healing,
@@ -1904,8 +2278,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       () => showAllAlternatives.value ? alternatives.value : alternatives.value.slice(0, ALT_PREVIEW)
     );
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UButton = _sfc_main$k;
-      const _component_UAlert = _sfc_main$j;
+      const _component_UButton = _sfc_main$k$1;
+      const _component_UAlert = _sfc_main$k;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_UIcon = _sfc_main$p;
       const _component_UBadge = _sfc_main$7$1;
@@ -2943,7 +3317,7 @@ _sfc_main$d.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/LocatorHealingPanel.vue");
   return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const __nuxt_component_17 = Object.assign(_sfc_main$d, { __name: "LocatorHealingPanel" });
+const __nuxt_component_19 = Object.assign(_sfc_main$d, { __name: "LocatorHealingPanel" });
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "EnvironmentDiffCard",
   __ssrInlineRender: true,
@@ -2954,7 +3328,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const cardComponent = computed(() => props.storageKey ? __nuxt_component_23 : __nuxt_component_11);
+    const cardComponent = computed(() => props.storageKey ? __nuxt_component_25 : __nuxt_component_11);
     const cardBind = computed(() => props.storageKey ? { storageKey: props.storageKey } : {});
     const {
       data: diff,
@@ -2984,7 +3358,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const card = ref(null);
     __expose({ reveal: () => card.value?.reveal?.() });
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UAlert = _sfc_main$j;
+      const _component_UAlert = _sfc_main$k;
       const _component_UIcon = _sfc_main$p;
       if (!unref(pending) && !unref(error) && unref(diff)?.status === "ok") {
         ssrRenderVNode(_push, createVNode(resolveDynamicComponent(unref(cardComponent)), mergeProps({
@@ -3108,7 +3482,7 @@ _sfc_main$c.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/EnvironmentDiffCard.vue");
   return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const __nuxt_component_18 = Object.assign(_sfc_main$c, { __name: "EnvironmentDiffCard" });
+const __nuxt_component_20 = Object.assign(_sfc_main$c, { __name: "EnvironmentDiffCard" });
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ScreenshotLightbox",
   __ssrInlineRender: true,
@@ -3184,7 +3558,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const cardComponent = computed(() => props.storageKey ? __nuxt_component_23 : __nuxt_component_11);
+    const cardComponent = computed(() => props.storageKey ? __nuxt_component_25 : __nuxt_component_11);
     const cardBind = computed(() => props.storageKey ? { storageKey: props.storageKey } : {});
     const config = useRuntimeConfig();
     const {
@@ -3232,7 +3606,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     __expose({ reveal: () => card.value?.reveal?.() });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UBadge = _sfc_main$7$1;
-      const _component_UAlert = _sfc_main$j;
+      const _component_UAlert = _sfc_main$k;
       const _component_UTabs = _sfc_main$l;
       const _component_ScreenshotLightbox = __nuxt_component_4$2;
       if (!unref(pending) && !unref(error) && unref(diff)) {
@@ -3437,7 +3811,7 @@ _sfc_main$a.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/VisualDiffCard.vue");
   return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const __nuxt_component_19 = Object.assign(_sfc_main$a, { __name: "VisualDiffCard" });
+const __nuxt_component_21 = Object.assign(_sfc_main$a, { __name: "VisualDiffCard" });
 const DISPLAY_CAP = 2e4;
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "DomSnapshotCard",
@@ -3449,7 +3823,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const cardComponent = computed(() => props.storageKey ? __nuxt_component_23 : __nuxt_component_11);
+    const cardComponent = computed(() => props.storageKey ? __nuxt_component_25 : __nuxt_component_11);
     const cardBind = computed(() => props.storageKey ? { storageKey: props.storageKey } : {});
     const {
       data: snapshot,
@@ -3476,7 +3850,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     __expose({ reveal: () => card.value?.reveal?.() });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UTooltip = _sfc_main$m;
-      const _component_UButton = _sfc_main$k;
+      const _component_UButton = _sfc_main$k$1;
       const _component_CodeBlock = __nuxt_component_5;
       if (!unref(pending) && !unref(error) && unref(snapshot)?.status === "ok" && unref(snapshot).html) {
         ssrRenderVNode(_push, createVNode(resolveDynamicComponent(unref(cardComponent)), mergeProps({
@@ -3603,7 +3977,7 @@ _sfc_main$9.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/DomSnapshotCard.vue");
   return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const __nuxt_component_25 = Object.assign(_sfc_main$9, { __name: "DomSnapshotCard" });
+const __nuxt_component_27 = Object.assign(_sfc_main$9, { __name: "DomSnapshotCard" });
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TestEvidenceSection",
   __ssrInlineRender: true,
@@ -3924,7 +4298,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UIcon = _sfc_main$p;
-      const _component_UButton = _sfc_main$k;
+      const _component_UButton = _sfc_main$k$1;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center justify-between gap-2" }, _attrs))}><div class="flex items-center gap-2 min-w-0">`);
       _push(ssrRenderComponent(_component_UIcon, {
         name: "i-lucide-file-archive",
@@ -4271,7 +4645,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const cardComponent = computed(() => props.plain ? "div" : props.storageKey ? __nuxt_component_23 : __nuxt_component_11);
+    const cardComponent = computed(() => props.plain ? "div" : props.storageKey ? __nuxt_component_25 : __nuxt_component_11);
     const cardBind = computed(
       () => props.plain ? {} : {
         icon: "i-lucide-database",
@@ -4431,7 +4805,42 @@ _sfc_main.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/PageStateCard.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const __nuxt_component_22 = Object.assign(_sfc_main, { __name: "PageStateCard" });
+const __nuxt_component_24 = Object.assign(_sfc_main, { __name: "PageStateCard" });
+function useCopyRich(options = {}) {
+  const copied = ref(false);
+  const toast = useToast();
+  let timer = null;
+  async function copyRich(plain, html, opts = {}) {
+    try {
+      if (typeof ClipboardItem !== "undefined") {
+        await (void 0).clipboard.write([
+          new ClipboardItem({
+            "text/plain": new Blob([plain], { type: "text/plain" }),
+            "text/html": new Blob([html], { type: "text/html" })
+          })
+        ]);
+      } else {
+        await (void 0).clipboard.writeText(plain);
+      }
+      copied.value = true;
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(() => {
+        copied.value = false;
+        timer = null;
+      }, options.duration ?? 2e3);
+      if (opts.toast) {
+        toast.add({
+          title: typeof opts.toast === "string" ? opts.toast : "Copied to clipboard",
+          icon: "i-lucide-check",
+          color: "success",
+          duration: 2e3
+        });
+      }
+    } catch {
+    }
+  }
+  return { copyRich, copied };
+}
 
-export { __nuxt_component_23 as _, __nuxt_component_17 as a, __nuxt_component_18 as b, __nuxt_component_19 as c, __nuxt_component_25 as d, isVideoFile as e, __nuxt_component_1$1 as f, __nuxt_component_2 as g, __nuxt_component_3$1 as h, isImageFile as i, __nuxt_component_4$1 as j, __nuxt_component_3 as k, __nuxt_component_4 as l, __nuxt_component_22 as m, __nuxt_component_1$2 as n, __nuxt_component_1 as o, __nuxt_component_3$2 as p, __nuxt_component_4$2 as q, stripAnsi as s };
-//# sourceMappingURL=PageStateCard-Bwee6JTk.mjs.map
+export { __nuxt_component_25 as _, __nuxt_component_19 as a, __nuxt_component_20 as b, __nuxt_component_21 as c, __nuxt_component_27 as d, __nuxt_component_6$1 as e, isVideoFile as f, __nuxt_component_1$1 as g, __nuxt_component_2 as h, isImageFile as i, __nuxt_component_3$1 as j, __nuxt_component_4$1 as k, __nuxt_component_3 as l, __nuxt_component_4 as m, __nuxt_component_24 as n, __nuxt_component_1$2 as o, __nuxt_component_1 as p, __nuxt_component_3$2 as q, __nuxt_component_4$2 as r, stripAnsi as s, useCopyRich as u };
+//# sourceMappingURL=useCopyRich-RJKhWoyj.mjs.map