@piwitests/server 0.19.0 → 0.20.0

package/.output/server/chunks/build/CiEnvCard-DB5DvBh1.mjs

@@ -0,0 +1,1492 @@
+import { _ as _sfc_main$9 } from './Tooltip-Dv4htNP6.mjs';
+import { o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7$1, _ as _sfc_main$d$1 } from './server.mjs';
+import { _ as _sfc_main$b } from './Modal-pSDlXzT3.mjs';
+import { _ as _sfc_main$c } from './Alert-C4xq8lao.mjs';
+import { _ as _sfc_main$d } from './FormField-B0HKsdMd.mjs';
+import { _ as _sfc_main$7 } from './Select-5DK9frQ7.mjs';
+import { _ as _sfc_main$e } from './Switch-B5Fp8ULt.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-BgE-NSmE.mjs';
+import { defineComponent, useModel, ref, computed, mergeProps, unref, mergeModels, withCtx, createTextVNode, createVNode, isRef, openBlock, createBlock, createCommentVNode, toDisplayString, createSlots, renderSlot, watch, nextTick, Fragment, renderList, onScopeDispose, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderClass, ssrRenderSlot, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';
+import { e as escapeGrep, t as toPosixPath } from './useOpenInIde-BbTnPhFA.mjs';
+import { _ as __nuxt_component_3, u as useDesktopProjectLink } from './BrowserBadge-MFvBwxmD.mjs';
+import { t as tauriCore, a as tauriEvent } from './useTauri-Kf3HE_42.mjs';
+import { D as isStatusInFlight, E as getStatusIcon, v as getStatusColor, a as formatStatusLabel, e as errorMessage } from './index-CU2nZhAa.mjs';
+import { _ as _sfc_main$8 } from './Tabs-BkSOnbaB.mjs';
+import { _ as _sfc_main$a } from './Card-BQP_oZkQ.mjs';
+import { _ as __nuxt_component_2$1 } from './HelpHint-DrcIv-Oj.mjs';
+
+const RUN_MODE_FLAGS = {
+  normal: [],
+  headed: ["--headed"],
+  debug: ["--debug"],
+  ui: ["--ui"]
+};
+function groupByProject(cases) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const c of cases) {
+    const key = c.projectName || "";
+    if (!groups.has(key)) groups.set(key, []);
+    groups.get(key).push(c);
+  }
+  return groups;
+}
+function specArgs(cases, mode) {
+  if (mode === "grep") {
+    const escaped = cases.map((c) => escapeGrep(c.title));
+    return ["--grep", escaped.length === 1 ? escaped[0] : `(${escaped.join("|")})`];
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const specs = [];
+  for (const c of cases) {
+    const spec = mode === "file-line" && c.line ? `${toPosixPath(c.filePath)}:${c.line}` : toPosixPath(c.filePath);
+    if (seen.has(spec)) continue;
+    seen.add(spec);
+    specs.push(spec);
+  }
+  return specs;
+}
+function displayArg(arg) {
+  return /[\s"'()|]/.test(arg) ? `"${arg.replace(/"/g, '\\"')}"` : arg;
+}
+function buildLocalRunPlan(cases, options = {}) {
+  if (cases.length === 0) return [];
+  const mode = options.mode ?? "file-line";
+  const runMode = options.runMode ?? "normal";
+  const repeatEach = Math.min(1e3, Math.max(1, Math.floor(options.repeatEach ?? 1)));
+  const steps = [];
+  for (const [project, projectCases] of groupByProject(cases)) {
+    const args = specArgs(projectCases, mode);
+    if (project) args.push(`--project=${project}`);
+    args.push(...RUN_MODE_FLAGS[runMode]);
+    if (options.trace) args.push("--trace=on");
+    if (repeatEach > 1) args.push(`--repeat-each=${repeatEach}`);
+    steps.push({ args, display: ["playwright", "test", ...args.map(displayArg)].join(" ") });
+  }
+  return steps;
+}
+const MAX_LINES = 2e3;
+function useDesktopLocalRunner() {
+  const status = ref("idle");
+  const lines = ref([]);
+  const exitCode = ref(null);
+  const stepIndex = ref(0);
+  const stepCount = ref(0);
+  const running = computed(() => status.value === "running");
+  let currentRunId = null;
+  let starting = false;
+  let stopped = false;
+  let pending = [];
+  let unlisten = null;
+  let resolveExit = null;
+  function pushLine(text, error) {
+    lines.value.push({ text, error });
+    if (lines.value.length > MAX_LINES) lines.value.splice(0, lines.value.length - MAX_LINES);
+  }
+  function handleEvent(payload) {
+    if (payload.kind === "exit") {
+      resolveExit?.(payload.code);
+      return;
+    }
+    pushLine(payload.line ?? "", payload.kind !== "stdout");
+  }
+  async function ensureListener() {
+    if (unlisten) return;
+    const events = tauriEvent();
+    if (!events) throw new Error("The desktop bridge is unavailable.");
+    unlisten = await events.listen("piwi:local-run", ({ payload }) => {
+      if (payload.id === currentRunId) {
+        handleEvent(payload);
+      } else if (starting) {
+        pending.push(payload);
+      }
+    });
+  }
+  async function runStep(projectId, step) {
+    const core = tauriCore();
+    if (!core) throw new Error("The desktop bridge is unavailable.");
+    const exit = new Promise((resolve) => {
+      resolveExit = resolve;
+    });
+    starting = true;
+    pending = [];
+    try {
+      currentRunId = await core.invoke("desktop_run_local_tests", {
+        projectId: String(projectId),
+        args: step.args
+      });
+    } finally {
+      starting = false;
+    }
+    for (const event of pending) {
+      if (event.id === currentRunId) handleEvent(event);
+    }
+    pending = [];
+    const code = await exit;
+    currentRunId = null;
+    resolveExit = null;
+    return code;
+  }
+  async function start(projectId, steps) {
+    if (running.value || steps.length === 0) return;
+    stopped = false;
+    lines.value = [];
+    exitCode.value = null;
+    stepCount.value = steps.length;
+    stepIndex.value = 0;
+    status.value = "running";
+    try {
+      await ensureListener();
+      let worst = 0;
+      for (const [index, step] of steps.entries()) {
+        if (stopped) break;
+        stepIndex.value = index;
+        if (steps.length > 1) pushLine(`$ ${step.display}`, false);
+        const code = await runStep(projectId, step);
+        if (stopped) break;
+        if (code !== 0) worst = code ?? 1;
+      }
+      if (stopped) {
+        status.value = "stopped";
+      } else {
+        exitCode.value = typeof worst === "number" ? worst : 1;
+        status.value = worst === 0 ? "passed" : "failed";
+      }
+    } catch (error) {
+      pushLine(errorMessage(error), true);
+      status.value = "error";
+    }
+  }
+  async function stop() {
+    if (!running.value) return;
+    stopped = true;
+    const core = tauriCore();
+    const id = currentRunId;
+    if (core && id != null) {
+      try {
+        await core.invoke("desktop_stop_local_tests", { runId: id });
+      } catch {
+      }
+    }
+    resolveExit?.(null);
+    status.value = "stopped";
+  }
+  onScopeDispose(() => {
+    if (running.value) void stop();
+    unlisten?.();
+    unlisten = null;
+  });
+  return { status, running, lines, exitCode, stepIndex, stepCount, start, stop };
+}
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopRunLocallyModal",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    projectId: {},
+    projectLabel: {},
+    cases: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props) {
+    const props = __props;
+    const open = useModel(__props, "open");
+    const { link, busy, pickAndLink } = useDesktopProjectLink(() => props.projectId);
+    const { status, running, lines, exitCode, stepIndex, stepCount, start, stop } = useDesktopLocalRunner();
+    const mode = ref("file-line");
+    const runMode = ref("normal");
+    const trace = ref(false);
+    const repeatEach = ref(1);
+    const modeItems = [
+      { label: "File:line", value: "file-line" },
+      { label: "Title (grep)", value: "grep" },
+      { label: "File only", value: "file" }
+    ];
+    const runModeItems = [
+      { label: "Headless", value: "normal" },
+      { label: "Headed", value: "headed" },
+      { label: "Debug (inspector)", value: "debug" },
+      { label: "UI mode", value: "ui" }
+    ];
+    const linked = computed(() => !!link.value?.exists);
+    const plan = computed(
+      () => buildLocalRunPlan(props.cases, {
+        mode: mode.value,
+        runMode: runMode.value,
+        trace: trace.value,
+        repeatEach: repeatEach.value
+      })
+    );
+    const preview = computed(() => plan.value.map((s) => s.display).join("\n"));
+    const statusBadge = computed(() => {
+      switch (status.value) {
+        case "running":
+          return {
+            label: stepCount.value > 1 ? `Running ${stepIndex.value + 1}/${stepCount.value}…` : "Running…",
+            color: "info"
+          };
+        case "passed":
+          return { label: "Passed", color: "success" };
+        case "failed":
+          return { label: exitCode.value != null ? `Failed (exit ${exitCode.value})` : "Failed", color: "error" };
+        case "stopped":
+          return { label: "Stopped", color: "neutral" };
+        case "error":
+          return { label: "Could not run", color: "error" };
+        default:
+          return null;
+      }
+    });
+    async function run() {
+      await start(props.projectId, plan.value);
+    }
+    watch(open, (value) => {
+      if (!value && running.value) void stop();
+    });
+    const outputEl = ref(null);
+    watch(
+      () => lines.value.length,
+      async () => {
+        await nextTick();
+        outputEl.value?.scrollTo({ top: outputEl.value.scrollHeight });
+      }
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$b;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UAlert = _sfc_main$c;
+      const _component_UButton = _sfc_main$k;
+      const _component_UFormField = _sfc_main$d;
+      const _component_USelect = _sfc_main$7;
+      const _component_UInput = _sfc_main$d$1;
+      const _component_USwitch = _sfc_main$e;
+      const _component_CodeBlock = __nuxt_component_5;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: open.value,
+        "onUpdate:open": ($event) => open.value = $event,
+        ui: { content: "max-w-2xl" }
+      }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-2 min-w-0"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-monitor-play",
+              class: "size-5 text-primary shrink-0"
+            }, null, _parent2, _scopeId));
+            _push2(`<h2 class="text-base font-semibold truncate"${_scopeId}>Run tests locally</h2>`);
+            _push2(ssrRenderComponent(_component_UBadge, {
+              color: "neutral",
+              variant: "subtle",
+              size: "sm"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`${ssrInterpolate(__props.cases.length)} test${ssrInterpolate(__props.cases.length === 1 ? "" : "s")}`);
+                } else {
+                  return [
+                    createTextVNode(toDisplayString(__props.cases.length) + " test" + toDisplayString(__props.cases.length === 1 ? "" : "s"), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-monitor-play",
+                  class: "size-5 text-primary shrink-0"
+                }),
+                createVNode("h2", { class: "text-base font-semibold truncate" }, "Run tests locally"),
+                createVNode(_component_UBadge, {
+                  color: "neutral",
+                  variant: "subtle",
+                  size: "sm"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.cases.length) + " test" + toDisplayString(__props.cases.length === 1 ? "" : "s"), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}>`);
+            if (!unref(linked)) {
+              _push2(`<div class="space-y-3"${_scopeId}><p class="text-sm text-muted"${_scopeId}> Link ${ssrInterpolate(__props.projectLabel || "this project")} to its local checkout — the folder that contains these tests. Piwi runs that folder&#39;s own Playwright with the app&#39;s bundled Node, so nothing else needs to be installed. </p>`);
+              if (unref(link) && !unref(link).exists) {
+                _push2(ssrRenderComponent(_component_UAlert, {
+                  color: "warning",
+                  variant: "soft",
+                  icon: "i-lucide-folder-x",
+                  title: "The linked folder no longer exists",
+                  description: unref(link).path
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_UButton, {
+                icon: "i-lucide-folder-plus",
+                loading: unref(busy),
+                onClick: unref(pickAndLink)
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`Choose folder…`);
+                  } else {
+                    return [
+                      createTextVNode("Choose folder…")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              _push2(`<!--[--><div class="flex items-center justify-between gap-3"${_scopeId}><div class="flex items-center gap-2 min-w-0 text-sm"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-folder-check",
+                class: "size-4 text-success shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(`<code class="text-xs break-all"${_scopeId}>${ssrInterpolate(unref(link)?.path)}</code></div>`);
+              _push2(ssrRenderComponent(_component_UButton, {
+                size: "xs",
+                color: "neutral",
+                variant: "ghost",
+                icon: "i-lucide-folder-search",
+                loading: unref(busy),
+                disabled: unref(running),
+                onClick: unref(pickAndLink)
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Change `);
+                  } else {
+                    return [
+                      createTextVNode(" Change ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><div class="grid grid-cols-2 gap-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Select tests by",
+                name: "mode"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(mode),
+                      "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                      items: modeItems,
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(mode),
+                        "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                        items: modeItems,
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Browser",
+                name: "runMode"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(runMode),
+                      "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                      items: runModeItems,
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(runMode),
+                        "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                        items: runModeItems,
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Repeat each",
+                name: "repeatEach",
+                description: "Run every test N times — flake reproduction."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(repeatEach),
+                      "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                      modelModifiers: { number: true },
+                      type: "number",
+                      min: "1",
+                      max: "1000",
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(repeatEach),
+                        "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                        modelModifiers: { number: true },
+                        type: "number",
+                        min: "1",
+                        max: "1000",
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Trace",
+                name: "trace",
+                description: "Force trace recording (--trace=on)."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USwitch, {
+                      modelValue: unref(trace),
+                      "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                      disabled: unref(running)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USwitch, {
+                        modelValue: unref(trace),
+                        "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                        disabled: unref(running)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><div class="space-y-1"${_scopeId}><div class="text-xs text-muted"${_scopeId}>Runs in the linked folder</div>`);
+              _push2(ssrRenderComponent(_component_CodeBlock, {
+                code: unref(preview),
+                lang: "sh"
+              }, null, _parent2, _scopeId));
+              _push2(`</div><p class="text-xs text-muted"${_scopeId}> Results are reported by the folder&#39;s own Playwright config — with the Piwi reporter set up, the new run appears in this app automatically. </p>`);
+              if (unref(status) !== "idle") {
+                _push2(`<div class="space-y-2"${_scopeId}><div class="h-64 overflow-y-auto rounded-md bg-zinc-950 p-3"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(lines), (line, i) => {
+                  _push2(`<p class="${ssrRenderClass([line.error ? "text-red-400" : "text-zinc-300", "font-mono text-xs whitespace-pre-wrap"])}"${_scopeId}>${ssrInterpolate(line.text || " ")}</p>`);
+                });
+                _push2(`<!--]--></div></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--]-->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                !unref(linked) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "space-y-3"
+                }, [
+                  createVNode("p", { class: "text-sm text-muted" }, " Link " + toDisplayString(__props.projectLabel || "this project") + " to its local checkout — the folder that contains these tests. Piwi runs that folder's own Playwright with the app's bundled Node, so nothing else needs to be installed. ", 1),
+                  unref(link) && !unref(link).exists ? (openBlock(), createBlock(_component_UAlert, {
+                    key: 0,
+                    color: "warning",
+                    variant: "soft",
+                    icon: "i-lucide-folder-x",
+                    title: "The linked folder no longer exists",
+                    description: unref(link).path
+                  }, null, 8, ["description"])) : createCommentVNode("", true),
+                  createVNode(_component_UButton, {
+                    icon: "i-lucide-folder-plus",
+                    loading: unref(busy),
+                    onClick: unref(pickAndLink)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Choose folder…")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"])
+                ])) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                  createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                    createVNode("div", { class: "flex items-center gap-2 min-w-0 text-sm" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-folder-check",
+                        class: "size-4 text-success shrink-0"
+                      }),
+                      createVNode("code", { class: "text-xs break-all" }, toDisplayString(unref(link)?.path), 1)
+                    ]),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "ghost",
+                      icon: "i-lucide-folder-search",
+                      loading: unref(busy),
+                      disabled: unref(running),
+                      onClick: unref(pickAndLink)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Change ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "disabled", "onClick"])
+                  ]),
+                  createVNode("div", { class: "grid grid-cols-2 gap-3" }, [
+                    createVNode(_component_UFormField, {
+                      label: "Select tests by",
+                      name: "mode"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USelect, {
+                          modelValue: unref(mode),
+                          "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                          items: modeItems,
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Browser",
+                      name: "runMode"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USelect, {
+                          modelValue: unref(runMode),
+                          "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                          items: runModeItems,
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Repeat each",
+                      name: "repeatEach",
+                      description: "Run every test N times — flake reproduction."
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(repeatEach),
+                          "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                          modelModifiers: { number: true },
+                          type: "number",
+                          min: "1",
+                          max: "1000",
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Trace",
+                      name: "trace",
+                      description: "Force trace recording (--trace=on)."
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USwitch, {
+                          modelValue: unref(trace),
+                          "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                          disabled: unref(running)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  createVNode("div", { class: "space-y-1" }, [
+                    createVNode("div", { class: "text-xs text-muted" }, "Runs in the linked folder"),
+                    createVNode(_component_CodeBlock, {
+                      code: unref(preview),
+                      lang: "sh"
+                    }, null, 8, ["code"])
+                  ]),
+                  createVNode("p", { class: "text-xs text-muted" }, " Results are reported by the folder's own Playwright config — with the Piwi reporter set up, the new run appears in this app automatically. "),
+                  unref(status) !== "idle" ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "space-y-2"
+                  }, [
+                    createVNode("div", {
+                      ref_key: "outputEl",
+                      ref: outputEl,
+                      class: "h-64 overflow-y-auto rounded-md bg-zinc-950 p-3"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(lines), (line, i) => {
+                        return openBlock(), createBlock("p", {
+                          key: i,
+                          class: ["font-mono text-xs whitespace-pre-wrap", line.error ? "text-red-400" : "text-zinc-300"]
+                        }, toDisplayString(line.text || " "), 3);
+                      }), 128))
+                    ], 512)
+                  ])) : createCommentVNode("", true)
+                ], 64))
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-between w-full gap-3"${_scopeId}>`);
+            if (unref(statusBadge)) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: unref(statusBadge).color,
+                variant: "subtle"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(statusBadge).label)}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(statusBadge).label), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<span${_scopeId}></span>`);
+            }
+            _push2(`<div class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "neutral",
+              variant: "ghost",
+              onClick: ($event) => open.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`Close`);
+                } else {
+                  return [
+                    createTextVNode("Close")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (unref(running)) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                color: "error",
+                icon: "i-lucide-square",
+                onClick: ($event) => unref(stop)()
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`Stop`);
+                  } else {
+                    return [
+                      createTextVNode("Stop")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(ssrRenderComponent(_component_UButton, {
+                icon: "i-lucide-play",
+                disabled: !unref(linked) || unref(plan).length === 0 || unref(busy),
+                onClick: ($event) => run()
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(status) === "idle" ? "Run" : "Run again")}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(status) === "idle" ? "Run" : "Run again"), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-between w-full gap-3" }, [
+                unref(statusBadge) ? (openBlock(), createBlock(_component_UBadge, {
+                  key: 0,
+                  color: unref(statusBadge).color,
+                  variant: "subtle"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(statusBadge).label), 1)
+                  ]),
+                  _: 1
+                }, 8, ["color"])) : (openBlock(), createBlock("span", { key: 1 })),
+                createVNode("div", { class: "flex items-center gap-2" }, [
+                  createVNode(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => open.value = false
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Close")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  unref(running) ? (openBlock(), createBlock(_component_UButton, {
+                    key: 0,
+                    color: "error",
+                    icon: "i-lucide-square",
+                    onClick: ($event) => unref(stop)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Stop")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : (openBlock(), createBlock(_component_UButton, {
+                    key: 1,
+                    icon: "i-lucide-play",
+                    disabled: !unref(linked) || unref(plan).length === 0 || unref(busy),
+                    onClick: ($event) => run()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(status) === "idle" ? "Run" : "Run again"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"]))
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopRunLocallyModal.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$6, { __name: "DesktopRunLocallyModal" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopRunLocallyButton",
+  __ssrInlineRender: true,
+  props: {
+    projectId: {},
+    projectLabel: {},
+    cases: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const available = ref(false);
+    const open = ref(false);
+    const canRun = computed(() => available.value && props.projectId != null && props.cases.length > 0);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UTooltip = _sfc_main$9;
+      const _component_UButton = _sfc_main$k;
+      const _component_DesktopRunLocallyModal = __nuxt_component_2;
+      if (unref(canRun)) {
+        _push(`<span${ssrRenderAttrs(mergeProps({ class: "inline-flex" }, _attrs))}>`);
+        _push(ssrRenderComponent(_component_UTooltip, { text: "Run these tests on this machine" }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                size: "xs",
+                color: "warning",
+                variant: "subtle",
+                icon: "i-lucide-monitor-play",
+                onClick: ($event) => open.value = true
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Run locally `);
+                  } else {
+                    return [
+                      createTextVNode(" Run locally ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_UButton, {
+                  size: "xs",
+                  color: "warning",
+                  variant: "subtle",
+                  icon: "i-lucide-monitor-play",
+                  onClick: ($event) => open.value = true
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Run locally ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_DesktopRunLocallyModal, {
+          open: unref(open),
+          "onUpdate:open": ($event) => isRef(open) ? open.value = $event : null,
+          "project-id": __props.projectId,
+          "project-label": __props.projectLabel,
+          cases: __props.cases
+        }, null, _parent));
+        _push(`</span>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopRunLocallyButton.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_13 = Object.assign(_sfc_main$5, { __name: "DesktopRunLocallyButton" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DetailPageLayout",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    tabItems: {},
+    tabPanelClass: {}
+  }, {
+    "modelValue": { required: true },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const activeTab = useModel(__props, "modelValue");
+    const summaryCollapsed = ref(false);
+    const activeTabIcon = computed(() => props.tabItems.find((t) => t.value === activeTab.value)?.icon);
+    function panelClasses(value) {
+      const desktop = props.tabPanelClass?.[value] ?? "overflow-y-auto";
+      return ["min-h-0", "lg:flex-1", desktop, "max-lg:!block", "max-lg:!overflow-visible"];
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$p;
+      const _component_USelect = _sfc_main$7;
+      const _component_UTabs = _sfc_main$8;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full gap-4 p-1 max-lg:overflow-y-auto lg:overflow-hidden" }, _attrs))}>`);
+      if (_ctx.$slots.summary) {
+        _push(`<div class="lg:shrink-0"><div class="${ssrRenderClass(unref(summaryCollapsed) ? "max-lg:hidden" : "")}">`);
+        ssrRenderSlot(_ctx.$slots, "summary", {}, null, _push, _parent);
+        _push(`</div><button type="button" class="lg:hidden mt-2 w-full flex items-center justify-center gap-1 rounded-md border border-default py-1.5 text-xs font-medium text-muted hover:bg-elevated/60 transition-colors">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: unref(summaryCollapsed) ? "i-lucide-chevron-down" : "i-lucide-chevron-up",
+          class: "size-3.5"
+        }, null, _parent));
+        _push(` ${ssrInterpolate(unref(summaryCollapsed) ? "Show summary" : "Hide summary")}</button></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="lg:shrink-0 max-lg:sticky max-lg:top-0 max-lg:z-10 max-lg:-mx-1 max-lg:bg-(--ui-bg-canvas) max-lg:px-1 max-lg:py-1.5">`);
+      _push(ssrRenderComponent(_component_USelect, {
+        modelValue: activeTab.value,
+        "onUpdate:modelValue": ($event) => activeTab.value = $event,
+        items: __props.tabItems,
+        icon: unref(activeTabIcon),
+        size: "md",
+        class: "w-full sm:hidden"
+      }, null, _parent));
+      _push(ssrRenderComponent(_component_UTabs, {
+        modelValue: activeTab.value,
+        "onUpdate:modelValue": ($event) => activeTab.value = $event,
+        items: __props.tabItems,
+        size: "sm",
+        class: "hidden sm:flex",
+        ui: { list: "overflow-x-auto", trigger: "shrink-0" }
+      }, null, _parent));
+      _push(`</div><!--[-->`);
+      ssrRenderList(__props.tabItems, (item) => {
+        _push(`<!--[-->`);
+        if (activeTab.value === item.value) {
+          _push(`<div class="${ssrRenderClass(panelClasses(item.value))}">`);
+          ssrRenderSlot(_ctx.$slots, `tab-${item.slot ?? item.value}`, {}, null, _push, _parent);
+          _push(`</div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+      });
+      _push(`<!--]--></div>`);
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/DetailPageLayout.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$4, { __name: "DetailPageLayout" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "StatusBlock",
+  __ssrInlineRender: true,
+  props: {
+    status: {},
+    size: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center gap-2.5" }, _attrs))}><div class="${ssrRenderClass([[
+        __props.size === "sm" ? "size-7" : "size-8",
+        {
+          "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-400": __props.status === "passed",
+          "bg-rose-100 text-rose-700 dark:bg-rose-900/40 dark:text-rose-400": __props.status === "failed" || __props.status === "timedout",
+          "bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400": __props.status === "cancelled" || __props.status === "skipped",
+          "bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-400": __props.status === "didnotrun",
+          "bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-400": __props.status === "running" || __props.status === "initialising" || __props.status === "finalizing"
+        }
+      ], "shrink-0 rounded-lg flex items-center justify-center"])}">`);
+      _push(ssrRenderComponent(_component_UIcon, {
+        name: ("getStatusIcon" in _ctx ? _ctx.getStatusIcon : unref(getStatusIcon))(__props.status),
+        class: [__props.size === "sm" ? "size-3.5" : "size-4.5", { "animate-spin": ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(__props.status) }]
+      }, null, _parent));
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_UBadge, {
+        color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(__props.status),
+        variant: "subtle",
+        class: "capitalize gap-1 items-center"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(__props.status)) {
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-circle",
+                class: "size-3 animate-spin shrink-0"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(` ${ssrInterpolate(("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(__props.status))}`);
+          } else {
+            return [
+              ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(__props.status) ? (openBlock(), createBlock(_component_UIcon, {
+                key: 0,
+                name: "i-lucide-loader-circle",
+                class: "size-3 animate-spin shrink-0"
+              })) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(__props.status)), 1)
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/StatusBlock.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main$3, { __name: "StatusBlock" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BlockCard",
+  __ssrInlineRender: true,
+  props: {
+    title: {},
+    icon: {},
+    subtitle: {},
+    iconClass: { default: "text-primary" },
+    help: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UCard = _sfc_main$a;
+      const _component_UIcon = _sfc_main$p;
+      const _component_HelpHint = __nuxt_component_2$1;
+      _push(ssrRenderComponent(_component_UCard, mergeProps({
+        class: "shadow-xs",
+        ui: { header: "px-3 py-2.5 sm:px-3", body: "p-3 sm:p-3" }
+      }, _attrs), createSlots({
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-start justify-between gap-2"${_scopeId}><div class="flex items-center gap-2 min-w-0"${_scopeId}>`);
+            if (__props.icon) {
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: __props.icon,
+                class: ["w-4 h-4 shrink-0", __props.iconClass]
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<div class="min-w-0"${_scopeId}><span class="text-sm font-medium inline-flex items-center gap-1"${_scopeId}>${ssrInterpolate(__props.title)}`);
+            if (__props.help) {
+              _push2(ssrRenderComponent(_component_HelpHint, { topic: __props.help }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span>`);
+            if (__props.subtitle || _ctx.$slots.subtitle) {
+              _push2(`<p class="text-xs text-gray-400 mt-0.5"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "subtitle", {}, () => {
+                _push2(`${ssrInterpolate(__props.subtitle)}`);
+              }, _push2, _parent2, _scopeId);
+              _push2(`</p>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div></div>`);
+            if (_ctx.$slots.actions) {
+              _push2(`<div class="flex items-center gap-1 shrink-0"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "actions", {}, null, _push2, _parent2, _scopeId);
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-start justify-between gap-2" }, [
+                createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                  __props.icon ? (openBlock(), createBlock(_component_UIcon, {
+                    key: 0,
+                    name: __props.icon,
+                    class: ["w-4 h-4 shrink-0", __props.iconClass]
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                  createVNode("div", { class: "min-w-0" }, [
+                    createVNode("span", { class: "text-sm font-medium inline-flex items-center gap-1" }, [
+                      createTextVNode(toDisplayString(__props.title), 1),
+                      __props.help ? (openBlock(), createBlock(_component_HelpHint, {
+                        key: 0,
+                        topic: __props.help
+                      }, null, 8, ["topic"])) : createCommentVNode("", true)
+                    ]),
+                    __props.subtitle || _ctx.$slots.subtitle ? (openBlock(), createBlock("p", {
+                      key: 0,
+                      class: "text-xs text-gray-400 mt-0.5"
+                    }, [
+                      renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                        createTextVNode(toDisplayString(__props.subtitle), 1)
+                      ])
+                    ])) : createCommentVNode("", true)
+                  ])
+                ]),
+                _ctx.$slots.actions ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center gap-1 shrink-0"
+                }, [
+                  renderSlot(_ctx.$slots, "actions")
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "default")
+            ];
+          }
+        }),
+        _: 2
+      }, [
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
+            } else {
+              return [
+                renderSlot(_ctx.$slots, "footer")
+              ];
+            }
+          }),
+          key: "0"
+        } : void 0
+      ]), _parent));
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/BlockCard.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_16 = Object.assign(_sfc_main$2, { __name: "BlockCard" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SourceInfoCard",
+  __ssrInlineRender: true,
+  props: {
+    scm: {},
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_BlockCard = __nuxt_component_16;
+      const _component_UIcon = _sfc_main$p;
+      _push(ssrRenderComponent(_component_BlockCard, mergeProps({
+        class: _ctx.$props.class,
+        title: "Source",
+        icon: "i-lucide-git-branch"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-1.5 text-sm"${_scopeId}>`);
+            if (__props.scm.branch || __props.scm.commit || __props.scm.author) {
+              _push2(`<div class="flex items-center gap-x-3 gap-y-1 flex-wrap"${_scopeId}>`);
+              if (__props.scm.branch) {
+                _push2(`<span class="flex items-center gap-1.5"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-git-branch",
+                  class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="font-medium"${_scopeId}>${ssrInterpolate(__props.scm.branch)}</span></span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.scm.commit) {
+                _push2(`<span class="flex items-center gap-1.5"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-git-commit-horizontal",
+                  class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<code class="text-xs font-mono bg-gray-100 dark:bg-gray-800 px-1 rounded"${_scopeId}>${ssrInterpolate(__props.scm.commit.length >= 8 ? __props.scm.commit.substring(0, 8) : __props.scm.commit)}</code></span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.scm.author) {
+                _push2(`<span class="flex items-center gap-1.5"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-user",
+                  class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="text-gray-600 dark:text-gray-400"${_scopeId}>${ssrInterpolate(__props.scm.author)}</span></span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.scm.commitMessage) {
+              _push2(`<p class="text-gray-400 text-xs break-words"${_scopeId}>${ssrInterpolate(__props.scm.commitMessage)}</p>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-1.5 text-sm" }, [
+                __props.scm.branch || __props.scm.commit || __props.scm.author ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center gap-x-3 gap-y-1 flex-wrap"
+                }, [
+                  __props.scm.branch ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "flex items-center gap-1.5"
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-git-branch",
+                      class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                    }),
+                    createVNode("span", { class: "font-medium" }, toDisplayString(__props.scm.branch), 1)
+                  ])) : createCommentVNode("", true),
+                  __props.scm.commit ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "flex items-center gap-1.5"
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-git-commit-horizontal",
+                      class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                    }),
+                    createVNode("code", { class: "text-xs font-mono bg-gray-100 dark:bg-gray-800 px-1 rounded" }, toDisplayString(__props.scm.commit.length >= 8 ? __props.scm.commit.substring(0, 8) : __props.scm.commit), 1)
+                  ])) : createCommentVNode("", true),
+                  __props.scm.author ? (openBlock(), createBlock("span", {
+                    key: 2,
+                    class: "flex items-center gap-1.5"
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-user",
+                      class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                    }),
+                    createVNode("span", { class: "text-gray-600 dark:text-gray-400" }, toDisplayString(__props.scm.author), 1)
+                  ])) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                __props.scm.commitMessage ? (openBlock(), createBlock("p", {
+                  key: 1,
+                  class: "text-gray-400 text-xs break-words"
+                }, toDisplayString(__props.scm.commitMessage), 1)) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/SourceInfoCard.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_15 = Object.assign(_sfc_main$1, { __name: "SourceInfoCard" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CiEnvCard",
+  __ssrInlineRender: true,
+  props: {
+    ci: {},
+    environment: {},
+    playwrightVersion: {},
+    reporterVersion: {},
+    browser: {},
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_BlockCard = __nuxt_component_16;
+      const _component_UIcon = _sfc_main$p;
+      const _component_BrowserBadge = __nuxt_component_3;
+      _push(ssrRenderComponent(_component_BlockCard, mergeProps({
+        class: _ctx.$props.class,
+        title: "CI / Env",
+        icon: "i-lucide-cloud",
+        help: "run.ci-env"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-1.5 text-sm"${_scopeId}>`);
+            if (__props.environment || __props.ci?.provider) {
+              _push2(`<div class="flex items-center gap-x-2 gap-y-1 flex-wrap"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-cloud",
+                class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+              }, null, _parent2, _scopeId));
+              if (__props.environment) {
+                _push2(`<span class="rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"${_scopeId}>${ssrInterpolate(__props.environment)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.ci?.provider) {
+                _push2(`<span${_scopeId}>${ssrInterpolate(__props.ci.provider)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.ci?.buildNumber || __props.ci?.buildUrl) {
+              _push2(`<div class="flex items-center gap-1.5"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-hash",
+                class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+              }, null, _parent2, _scopeId));
+              if (__props.ci?.buildUrl) {
+                _push2(`<a${ssrRenderAttr("href", __props.ci.buildUrl)} target="_blank" class="text-primary hover:underline"${_scopeId}>${ssrInterpolate(__props.ci?.buildNumber ? `Build #${__props.ci.buildNumber}` : "View build")}</a>`);
+              } else {
+                _push2(`<span${_scopeId}>Build #${ssrInterpolate(__props.ci.buildNumber)}</span>`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.ci?.workflow || __props.ci?.jobName) {
+              _push2(`<div class="flex items-center gap-x-1.5 gap-y-1 flex-wrap"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-workflow",
+                class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+              }, null, _parent2, _scopeId));
+              if (__props.ci?.workflow) {
+                _push2(`<span${_scopeId}>${ssrInterpolate(__props.ci.workflow)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.ci?.workflow && __props.ci?.jobName) {
+                _push2(`<span class="text-gray-300 dark:text-gray-600"${_scopeId}>·</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.ci?.jobName) {
+                _push2(`<span${_scopeId}>${ssrInterpolate(__props.ci.jobName)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.playwrightVersion || __props.reporterVersion) {
+              _push2(`<div class="flex items-center gap-x-1.5 gap-y-1 flex-wrap"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-tag",
+                class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+              }, null, _parent2, _scopeId));
+              if (__props.playwrightVersion) {
+                _push2(`<span${_scopeId}>Playwright v${ssrInterpolate(__props.playwrightVersion)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.playwrightVersion && __props.reporterVersion) {
+                _push2(`<span class="text-gray-300 dark:text-gray-600"${_scopeId}>·</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.reporterVersion) {
+                _push2(`<span${_scopeId}>Piwi v${ssrInterpolate(__props.reporterVersion)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.browser) {
+              _push2(`<div class="flex items-center gap-1.5"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_BrowserBadge, {
+                browser: { ...__props.browser, viewport: void 0 },
+                size: "sm"
+              }, null, _parent2, _scopeId));
+              if (__props.browser.viewport) {
+                _push2(`<span class="tabular-nums"${_scopeId}>${ssrInterpolate(__props.browser.viewport.width)}×${ssrInterpolate(__props.browser.viewport.height)} `);
+                if (__props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1) {
+                  _push2(`<span class="text-gray-400"${_scopeId}>@${ssrInterpolate(__props.browser.deviceScaleFactor)}x</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-1.5 text-sm" }, [
+                __props.environment || __props.ci?.provider ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center gap-x-2 gap-y-1 flex-wrap"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-cloud",
+                    class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                  }),
+                  __props.environment ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"
+                  }, toDisplayString(__props.environment), 1)) : createCommentVNode("", true),
+                  __props.ci?.provider ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(__props.ci.provider), 1)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                __props.ci?.buildNumber || __props.ci?.buildUrl ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "flex items-center gap-1.5"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-hash",
+                    class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                  }),
+                  __props.ci?.buildUrl ? (openBlock(), createBlock("a", {
+                    key: 0,
+                    href: __props.ci.buildUrl,
+                    target: "_blank",
+                    class: "text-primary hover:underline"
+                  }, toDisplayString(__props.ci?.buildNumber ? `Build #${__props.ci.buildNumber}` : "View build"), 9, ["href"])) : (openBlock(), createBlock("span", { key: 1 }, "Build #" + toDisplayString(__props.ci.buildNumber), 1))
+                ])) : createCommentVNode("", true),
+                __props.ci?.workflow || __props.ci?.jobName ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "flex items-center gap-x-1.5 gap-y-1 flex-wrap"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-workflow",
+                    class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                  }),
+                  __props.ci?.workflow ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(__props.ci.workflow), 1)) : createCommentVNode("", true),
+                  __props.ci?.workflow && __props.ci?.jobName ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "text-gray-300 dark:text-gray-600"
+                  }, "·")) : createCommentVNode("", true),
+                  __props.ci?.jobName ? (openBlock(), createBlock("span", { key: 2 }, toDisplayString(__props.ci.jobName), 1)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                __props.playwrightVersion || __props.reporterVersion ? (openBlock(), createBlock("div", {
+                  key: 3,
+                  class: "flex items-center gap-x-1.5 gap-y-1 flex-wrap"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-tag",
+                    class: "w-3.5 h-3.5 text-gray-400 shrink-0"
+                  }),
+                  __props.playwrightVersion ? (openBlock(), createBlock("span", { key: 0 }, "Playwright v" + toDisplayString(__props.playwrightVersion), 1)) : createCommentVNode("", true),
+                  __props.playwrightVersion && __props.reporterVersion ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "text-gray-300 dark:text-gray-600"
+                  }, "·")) : createCommentVNode("", true),
+                  __props.reporterVersion ? (openBlock(), createBlock("span", { key: 2 }, "Piwi v" + toDisplayString(__props.reporterVersion), 1)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                __props.browser ? (openBlock(), createBlock("div", {
+                  key: 4,
+                  class: "flex items-center gap-1.5"
+                }, [
+                  createVNode(_component_BrowserBadge, {
+                    browser: { ...__props.browser, viewport: void 0 },
+                    size: "sm"
+                  }, null, 8, ["browser"]),
+                  __props.browser.viewport ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "tabular-nums"
+                  }, [
+                    createTextVNode(toDisplayString(__props.browser.viewport.width) + "×" + toDisplayString(__props.browser.viewport.height) + " ", 1),
+                    __props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1 ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: "text-gray-400"
+                    }, "@" + toDisplayString(__props.browser.deviceScaleFactor) + "x", 1)) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/CiEnvCard.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const __nuxt_component_14 = Object.assign(_sfc_main, { __name: "CiEnvCard" });
+
+export { __nuxt_component_8 as _, __nuxt_component_13 as a, __nuxt_component_1 as b, __nuxt_component_15 as c, __nuxt_component_14 as d, __nuxt_component_16 as e };
+//# sourceMappingURL=CiEnvCard-DB5DvBh1.mjs.map