@piwitests/server 0.24.0 → 0.26.0

package/.output/server/chunks/build/DesktopRunLocallyButton-iNzrDsEs.mjs

@@ -1,1183 +0,0 @@
-import { defineComponent, ref, watch, computed, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, openBlock, createBlock, createCommentVNode, isRef, toValue, provide, renderSlot, useModel, Fragment, mergeModels, useSSRContext } from 'vue';
-import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderSlot } from 'vue/server-renderer';
-import { L as useTimestamp, m as _sfc_main$k, M as _sfc_main$a, a as useComponentProps, b as useAppConfig, t as tv, K as fieldGroupInjectionKey, P as Primitive, o as _sfc_main$p, _ as _sfc_main$d, n as _sfc_main$7$1 } from './server.mjs';
-import { _ as _sfc_main$3 } from './Tooltip-BI3WQErw.mjs';
-import { _ as _sfc_main$4 } from './Modal-hKLvVFNp.mjs';
-import { _ as _sfc_main$5 } from './Alert-He-UxEt6.mjs';
-import { _ as _sfc_main$6 } from './FormField-GYHKiSI6.mjs';
-import { _ as _sfc_main$7 } from './Select-CEyw7HGK.mjs';
-import { _ as _sfc_main$8 } from './Switch-R2n82ncQ.mjs';
-import { _ as __nuxt_component_5 } from './CodeBlock-B8BNtZAe.mjs';
-import { u as useDesktopLocalRuns, L as LOCAL_RUN_MODE_ITEMS, l as localRunProgressLabel, R as RETRY_MODE_ITEMS, b as buildLocalRunPlan } from './useDesktopLocalRuns-k7Gw3Fv3.mjs';
-import { u as useDesktopProjectLink } from './useDesktopProjectLink-WwLte59P.mjs';
-import { t as tauriCore } from './useTauri-Kf3HE_42.mjs';
-import { a as useCopy } from './fetch-tkz5_OA-.mjs';
-import { b as buildRetryCommand } from './useOpenInIde-D74FmDNg.mjs';
-
-const theme = {
-  "base": "relative",
-  "variants": {
-    "size": {
-      "xs": "",
-      "sm": "",
-      "md": "",
-      "lg": "",
-      "xl": ""
-    },
-    "orientation": {
-      "horizontal": "inline-flex -space-x-px",
-      "vertical": "flex flex-col -space-y-px"
-    }
-  }
-};
-const _sfc_main$2 = {
-  __name: "UFieldGroup",
-  __ssrInlineRender: true,
-  props: {
-    as: { type: null, required: false },
-    size: { type: null, required: false },
-    orientation: { type: null, required: false, default: "horizontal" },
-    class: { type: null, required: false },
-    ui: { type: Object, required: false }
-  },
-  setup(__props) {
-    const _props = __props;
-    const props = useComponentProps("fieldGroup", _props);
-    const appConfig = useAppConfig();
-    const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.fieldGroup || {} }));
-    provide(fieldGroupInjectionKey, computed(() => ({
-      orientation: props.orientation,
-      size: props.size
-    })));
-    return (_ctx, _push, _parent, _attrs) => {
-      _push(ssrRenderComponent(unref(Primitive), mergeProps({
-        as: unref(props).as,
-        "data-orientation": unref(props).orientation,
-        class: ui.value({ orientation: unref(props).orientation, class: [unref(props).ui?.base, unref(props).class] })
-      }, _attrs), {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
-          } else {
-            return [
-              renderSlot(_ctx.$slots, "default")
-            ];
-          }
-        }),
-        _: 3
-      }, _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("../../../node_modules/@nuxt/ui/dist/runtime/components/FieldGroup.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-function useDesktopSpecCheck(projectId, cases) {
-  const specFiles = computed(() => [
-    ...new Set(
-      toValue(cases).map((c) => c.filePath).filter(Boolean)
-    )
-  ]);
-  const missingSpecs = ref([]);
-  const wrongFolder = computed(
-    () => specFiles.value.length > 0 && missingSpecs.value.length === specFiles.value.length
-  );
-  async function checkSpecs(linkedFolderExists) {
-    const core = tauriCore();
-    const id = toValue(projectId);
-    missingSpecs.value = [];
-    if (!core || !linkedFolderExists || id == null || specFiles.value.length === 0) return;
-    try {
-      const result = await core.invoke("desktop_check_local_specs", {
-        projectId: String(id),
-        files: specFiles.value
-      });
-      missingSpecs.value = result?.missing ?? [];
-    } catch {
-    }
-  }
-  return { specFiles, missingSpecs, wrongFolder, checkSpecs };
-}
-function useDesktopEnvCheck(projectId) {
-  const env = ref(null);
-  const playwrightMissing = computed(() => !!env.value?.exists && env.value.playwrightCli == null);
-  async function checkEnv() {
-    const core = tauriCore();
-    const id = toValue(projectId);
-    env.value = null;
-    if (!core || id == null) return;
-    try {
-      env.value = await core.invoke("desktop_check_local_env", { projectId: String(id) });
-    } catch {
-    }
-  }
-  return { env, playwrightMissing, checkEnv };
-}
-const _sfc_main$1 = /* @__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 store = useDesktopLocalRuns();
-    const { link, busy, pickAndLink } = useDesktopProjectLink(() => props.projectId);
-    const { missingSpecs, wrongFolder, checkSpecs } = useDesktopSpecCheck(
-      () => props.projectId,
-      () => props.cases
-    );
-    const { playwrightMissing, checkEnv } = useDesktopEnvCheck(() => props.projectId);
-    const linked = computed(() => !!link.value?.exists);
-    const options = computed({
-      get: () => store.getProjectOptions(props.projectId),
-      set: (value) => store.saveProjectOptions(props.projectId, value)
-    });
-    const mode = computed({
-      get: () => options.value.mode,
-      set: (value) => options.value = { ...options.value, mode: value }
-    });
-    const runMode = computed({
-      get: () => options.value.runMode,
-      set: (value) => options.value = { ...options.value, runMode: value }
-    });
-    const trace = computed({
-      get: () => options.value.trace,
-      set: (value) => options.value = { ...options.value, trace: value }
-    });
-    const repeatEach = computed({
-      get: () => options.value.repeatEach,
-      set: (value) => options.value = { ...options.value, repeatEach: value }
-    });
-    const modeItems = RETRY_MODE_ITEMS;
-    const runModeItems = LOCAL_RUN_MODE_ITEMS;
-    watch([open, () => link.value?.path, linked], () => {
-      if (!open.value) return;
-      void checkSpecs(linked.value);
-      void checkEnv();
-    });
-    const plan = computed(() => buildLocalRunPlan(props.cases, options.value));
-    const preview = computed(() => plan.value.map((s) => s.display).join("\n"));
-    function run() {
-      store.startRun({
-        projectId: props.projectId,
-        projectLabel: props.projectLabel,
-        cases: props.cases
-      });
-      open.value = false;
-    }
-    return (_ctx, _push, _parent, _attrs) => {
-      const _component_UModal = _sfc_main$4;
-      const _component_UIcon = _sfc_main$p;
-      const _component_UBadge = _sfc_main$7$1;
-      const _component_UAlert = _sfc_main$5;
-      const _component_UButton = _sfc_main$k;
-      const _component_UFormField = _sfc_main$6;
-      const _component_USelect = _sfc_main$7;
-      const _component_UInput = _sfc_main$d;
-      const _component_USwitch = _sfc_main$8;
-      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),
-                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: unref(modeItems),
-                      class: "w-full"
-                    }, null, _parent3, _scopeId2));
-                  } else {
-                    return [
-                      createVNode(_component_USelect, {
-                        modelValue: unref(mode),
-                        "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
-                        items: unref(modeItems),
-                        class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
-                    ];
-                  }
-                }),
-                _: 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: unref(runModeItems),
-                      class: "w-full"
-                    }, null, _parent3, _scopeId2));
-                  } else {
-                    return [
-                      createVNode(_component_USelect, {
-                        modelValue: unref(runMode),
-                        "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
-                        items: unref(runModeItems),
-                        class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
-                    ];
-                  }
-                }),
-                _: 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",
-                      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",
-                        class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                    ];
-                  }
-                }),
-                _: 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
-                    }, null, _parent3, _scopeId2));
-                  } else {
-                    return [
-                      createVNode(_component_USwitch, {
-                        modelValue: unref(trace),
-                        "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null
-                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                    ];
-                  }
-                }),
-                _: 1
-              }, _parent2, _scopeId));
-              _push2(`</div>`);
-              if (unref(playwrightMissing)) {
-                _push2(ssrRenderComponent(_component_UAlert, {
-                  color: "warning",
-                  variant: "soft",
-                  icon: "i-lucide-package-x",
-                  title: "No Playwright installation found"
-                }, {
-                  description: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                    if (_push3) {
-                      _push3(` Neither <code class="text-xs"${_scopeId2}>${ssrInterpolate(unref(link)?.path)}</code> nor its parents hold a <code class="text-xs"${_scopeId2}>node_modules</code> with Playwright. Run your package manager&#39;s install in the checkout first — the app executes that folder&#39;s own Playwright. `);
-                    } else {
-                      return [
-                        createTextVNode(" Neither "),
-                        createVNode("code", { class: "text-xs" }, toDisplayString(unref(link)?.path), 1),
-                        createTextVNode(" nor its parents hold a "),
-                        createVNode("code", { class: "text-xs" }, "node_modules"),
-                        createTextVNode(" with Playwright. Run your package manager's install in the checkout first — the app executes that folder's own Playwright. ")
-                      ];
-                    }
-                  }),
-                  _: 1
-                }, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              if (unref(missingSpecs).length > 0) {
-                _push2(ssrRenderComponent(_component_UAlert, {
-                  color: "warning",
-                  variant: "soft",
-                  icon: "i-lucide-file-question",
-                  title: unref(wrongFolder) ? "None of these tests are in the linked folder" : "Some tests are not in the linked folder"
-                }, {
-                  description: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                    if (_push3) {
-                      _push3(`<p${_scopeId2}> Not found under <code class="text-xs"${_scopeId2}>${ssrInterpolate(unref(link)?.path)}</code>: <code class="text-xs"${_scopeId2}>${ssrInterpolate(unref(missingSpecs)[0])}</code>`);
-                      if (unref(missingSpecs).length > 1) {
-                        _push3(`<span${_scopeId2}> and ${ssrInterpolate(unref(missingSpecs).length - 1)} more</span>`);
-                      } else {
-                        _push3(`<!---->`);
-                      }
-                      _push3(`. </p><p class="mt-1"${_scopeId2}>`);
-                      if (unref(wrongFolder)) {
-                        _push3(`<!--[--> This project is probably linked to a different checkout than the one these tests come from. <!--]-->`);
-                      } else {
-                        _push3(`<!--[--> Running anyway is fine when your Playwright config puts them elsewhere. <!--]-->`);
-                      }
-                      _push3(`</p>`);
-                      if (unref(wrongFolder)) {
-                        _push3(ssrRenderComponent(_component_UButton, {
-                          size: "xs",
-                          color: "warning",
-                          variant: "soft",
-                          icon: "i-lucide-folder-search",
-                          class: "mt-2",
-                          loading: unref(busy),
-                          onClick: unref(pickAndLink)
-                        }, {
-                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                            if (_push4) {
-                              _push4(` Choose the right folder… `);
-                            } else {
-                              return [
-                                createTextVNode(" Choose the right folder… ")
-                              ];
-                            }
-                          }),
-                          _: 1
-                        }, _parent3, _scopeId2));
-                      } else {
-                        _push3(`<!---->`);
-                      }
-                    } else {
-                      return [
-                        createVNode("p", null, [
-                          createTextVNode(" Not found under "),
-                          createVNode("code", { class: "text-xs" }, toDisplayString(unref(link)?.path), 1),
-                          createTextVNode(": "),
-                          createVNode("code", { class: "text-xs" }, toDisplayString(unref(missingSpecs)[0]), 1),
-                          unref(missingSpecs).length > 1 ? (openBlock(), createBlock("span", { key: 0 }, " and " + toDisplayString(unref(missingSpecs).length - 1) + " more", 1)) : createCommentVNode("", true),
-                          createTextVNode(". ")
-                        ]),
-                        createVNode("p", { class: "mt-1" }, [
-                          unref(wrongFolder) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
-                            createTextVNode(" This project is probably linked to a different checkout than the one these tests come from. ")
-                          ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
-                            createTextVNode(" Running anyway is fine when your Playwright config puts them elsewhere. ")
-                          ], 64))
-                        ]),
-                        unref(wrongFolder) ? (openBlock(), createBlock(_component_UButton, {
-                          key: 0,
-                          size: "xs",
-                          color: "warning",
-                          variant: "soft",
-                          icon: "i-lucide-folder-search",
-                          class: "mt-2",
-                          loading: unref(busy),
-                          onClick: unref(pickAndLink)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" Choose the right folder… ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading", "onClick"])) : createCommentVNode("", true)
-                      ];
-                    }
-                  }),
-                  _: 1
-                }, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              _push2(`<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}> The run streams into the Local runs tray and keeps going while you browse. 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><!--]-->`);
-            }
-            _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),
-                      onClick: unref(pickAndLink)
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(" Change ")
-                      ]),
-                      _: 1
-                    }, 8, ["loading", "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: unref(modeItems),
-                          class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
-                      ]),
-                      _: 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: unref(runModeItems),
-                          class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
-                      ]),
-                      _: 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",
-                          class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ]),
-                      _: 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
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  unref(playwrightMissing) ? (openBlock(), createBlock(_component_UAlert, {
-                    key: 0,
-                    color: "warning",
-                    variant: "soft",
-                    icon: "i-lucide-package-x",
-                    title: "No Playwright installation found"
-                  }, {
-                    description: withCtx(() => [
-                      createTextVNode(" Neither "),
-                      createVNode("code", { class: "text-xs" }, toDisplayString(unref(link)?.path), 1),
-                      createTextVNode(" nor its parents hold a "),
-                      createVNode("code", { class: "text-xs" }, "node_modules"),
-                      createTextVNode(" with Playwright. Run your package manager's install in the checkout first — the app executes that folder's own Playwright. ")
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  unref(missingSpecs).length > 0 ? (openBlock(), createBlock(_component_UAlert, {
-                    key: 1,
-                    color: "warning",
-                    variant: "soft",
-                    icon: "i-lucide-file-question",
-                    title: unref(wrongFolder) ? "None of these tests are in the linked folder" : "Some tests are not in the linked folder"
-                  }, {
-                    description: withCtx(() => [
-                      createVNode("p", null, [
-                        createTextVNode(" Not found under "),
-                        createVNode("code", { class: "text-xs" }, toDisplayString(unref(link)?.path), 1),
-                        createTextVNode(": "),
-                        createVNode("code", { class: "text-xs" }, toDisplayString(unref(missingSpecs)[0]), 1),
-                        unref(missingSpecs).length > 1 ? (openBlock(), createBlock("span", { key: 0 }, " and " + toDisplayString(unref(missingSpecs).length - 1) + " more", 1)) : createCommentVNode("", true),
-                        createTextVNode(". ")
-                      ]),
-                      createVNode("p", { class: "mt-1" }, [
-                        unref(wrongFolder) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
-                          createTextVNode(" This project is probably linked to a different checkout than the one these tests come from. ")
-                        ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
-                          createTextVNode(" Running anyway is fine when your Playwright config puts them elsewhere. ")
-                        ], 64))
-                      ]),
-                      unref(wrongFolder) ? (openBlock(), createBlock(_component_UButton, {
-                        key: 0,
-                        size: "xs",
-                        color: "warning",
-                        variant: "soft",
-                        icon: "i-lucide-folder-search",
-                        class: "mt-2",
-                        loading: unref(busy),
-                        onClick: unref(pickAndLink)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" Choose the right folder… ")
-                        ]),
-                        _: 1
-                      }, 8, ["loading", "onClick"])) : createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  }, 8, ["title"])) : createCommentVNode("", true),
-                  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" }, " The run streams into the Local runs tray and keeps going while you browse. Results are reported by the folder's own Playwright config — with the Piwi reporter set up, the new run appears in this app automatically. ")
-                ], 64))
-              ])
-            ];
-          }
-        }),
-        footer: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<div class="flex items-center justify-end w-full 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));
-            _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(`Run`);
-                } else {
-                  return [
-                    createTextVNode("Run")
-                  ];
-                }
-              }),
-              _: 1
-            }, _parent2, _scopeId));
-            _push2(`</div>`);
-          } else {
-            return [
-              createVNode("div", { class: "flex items-center justify-end w-full gap-2" }, [
-                createVNode(_component_UButton, {
-                  color: "neutral",
-                  variant: "ghost",
-                  onClick: ($event) => open.value = false
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("Close")
-                  ]),
-                  _: 1
-                }, 8, ["onClick"]),
-                createVNode(_component_UButton, {
-                  icon: "i-lucide-play",
-                  disabled: !unref(linked) || unref(plan).length === 0 || unref(busy),
-                  onClick: ($event) => run()
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("Run")
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])
-              ])
-            ];
-          }
-        }),
-        _: 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/desktop/DesktopRunLocallyModal.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-const __nuxt_component_4 = Object.assign(_sfc_main$1, { __name: "DesktopRunLocallyModal" });
-const FLASH_MS = 8e3;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DesktopRunLocallyButton",
-  __ssrInlineRender: true,
-  props: {
-    projectId: {},
-    projectLabel: {},
-    cases: {},
-    label: {},
-    presetOptions: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const available = ref(false);
-    const store = useDesktopLocalRuns();
-    const { link, busy, pickAndLink, refresh } = useDesktopProjectLink(() => props.projectId);
-    const { missingSpecs, wrongFolder, checkSpecs } = useDesktopSpecCheck(
-      () => props.projectId,
-      () => props.cases
-    );
-    const { playwrightMissing, checkEnv } = useDesktopEnvCheck(() => props.projectId);
-    const { copy } = useCopy();
-    const modalOpen = ref(false);
-    watch(modalOpen, (isOpen) => {
-      if (!isOpen) void refresh();
-    });
-    const canRun = computed(() => available.value && props.projectId != null && props.cases.length > 0);
-    const linked = computed(() => !!link.value?.exists);
-    const attention = computed(() => !linked.value || wrongFolder.value || playwrightMissing.value);
-    watch([available, () => link.value?.path, linked], () => {
-      if (!available.value) return;
-      void checkSpecs(linked.value);
-      void checkEnv();
-    });
-    const options = computed(() => ({ ...store.getProjectOptions(props.projectId ?? ""), ...props.presetOptions }));
-    const contextRun = computed(() => store.latestForProject(props.projectId));
-    const running = computed(() => contextRun.value?.status === "running");
-    const now = useTimestamp({ interval: 1e3 });
-    const flashRun = computed(() => {
-      const run = contextRun.value;
-      if (!run || !run.finishedAt || run.status !== "passed" && run.status !== "failed") return null;
-      return now.value - run.finishedAt < FLASH_MS ? run : null;
-    });
-    const testsLabel = computed(() => `${props.cases.length} test${props.cases.length === 1 ? "" : "s"}`);
-    const runModeLabel = computed(
-      () => LOCAL_RUN_MODE_ITEMS.find((i) => i.value === options.value.runMode)?.label ?? "Headless"
-    );
-    const face = computed(() => {
-      const run = contextRun.value;
-      if (run && running.value) {
-        return {
-          label: localRunProgressLabel(run),
-          color: "info",
-          icon: void 0,
-          tooltip: "A local run is going — view its output"
-        };
-      }
-      if (flashRun.value) {
-        const passed = flashRun.value.status === "passed";
-        return {
-          label: passed ? "Passed" : flashRun.value.exitCode != null ? `Failed (exit ${flashRun.value.exitCode})` : "Failed",
-          color: passed ? "success" : "error",
-          icon: passed ? "i-lucide-check" : "i-lucide-x",
-          tooltip: "View the run output"
-        };
-      }
-      if (!linked.value) {
-        return {
-          label: props.label ?? "Run locally",
-          color: "warning",
-          icon: "i-lucide-monitor-play",
-          tooltip: "Link this project to its local checkout to run tests here"
-        };
-      }
-      return {
-        label: props.label ?? "Run locally",
-        color: "warning",
-        icon: "i-lucide-monitor-play",
-        tooltip: `Run ${testsLabel.value} on this machine · ${runModeLabel.value} · in ${link.value?.path}`
-      };
-    });
-    function runNow(patch) {
-      if (props.projectId == null) return;
-      store.startRun({
-        projectId: props.projectId,
-        projectLabel: props.projectLabel,
-        cases: props.cases,
-        options: { ...props.presetOptions, ...patch },
-        persistOptions: props.presetOptions ? false : void 0
-      });
-    }
-    function onPrimaryClick() {
-      if (running.value || flashRun.value) {
-        store.trayOpen.value = true;
-        return;
-      }
-      if (attention.value) {
-        modalOpen.value = true;
-        return;
-      }
-      runNow();
-    }
-    function saveOption(patch) {
-      if (props.projectId != null) store.saveProjectOptions(props.projectId, patch);
-    }
-    const REPEAT_CHOICES = [1, 5, 10, 20, 50, 100];
-    const menuItems = computed(() => {
-      const groups = [];
-      if (!linked.value) {
-        groups.push([
-          { type: "label", label: link.value ? "The linked folder is missing" : "No folder linked yet" },
-          { label: "Choose folder…", icon: "i-lucide-folder-plus", onSelect: () => void pickAndLink() }
-        ]);
-      } else if (wrongFolder.value) {
-        groups.push([
-          { type: "label", label: "Tests not found in the linked folder" },
-          { label: "Choose the right folder…", icon: "i-lucide-folder-search", onSelect: () => void pickAndLink() },
-          { label: "Run anyway", icon: "i-lucide-play", onSelect: () => runNow() }
-        ]);
-      } else if (playwrightMissing.value) {
-        groups.push([
-          { type: "label", label: "No Playwright found in the linked folder" },
-          {
-            label: "Re-check after installing",
-            icon: "i-lucide-refresh-cw",
-            onSelect: (e) => {
-              e.preventDefault();
-              void checkEnv();
-            }
-          },
-          { label: "Run anyway", icon: "i-lucide-play", onSelect: () => runNow() }
-        ]);
-      }
-      if (linked.value) {
-        groups.push([
-          { type: "label", label: `Run ${testsLabel.value}` },
-          ...LOCAL_RUN_MODE_ITEMS.map((mode) => ({
-            label: mode.label,
-            icon: mode.icon,
-            type: "checkbox",
-            checked: options.value.runMode === mode.value,
-            disabled: running.value,
-            onSelect: () => runNow({ runMode: mode.value })
-          }))
-        ]);
-        groups.push([
-          {
-            label: "Record trace",
-            icon: "i-lucide-film",
-            type: "checkbox",
-            checked: options.value.trace,
-            onSelect: (e) => {
-              e.preventDefault();
-              saveOption({ trace: !options.value.trace });
-            }
-          },
-          {
-            label: `Repeat each (× ${options.value.repeatEach})`,
-            icon: "i-lucide-repeat",
-            children: REPEAT_CHOICES.map((n) => ({
-              label: `× ${n}`,
-              type: "checkbox",
-              checked: options.value.repeatEach === n,
-              onSelect: (e) => {
-                e.preventDefault();
-                saveOption({ repeatEach: n });
-              }
-            }))
-          },
-          {
-            label: "Select tests by",
-            icon: "i-lucide-list-filter",
-            children: RETRY_MODE_ITEMS.map((mode) => ({
-              label: mode.label,
-              type: "checkbox",
-              checked: options.value.mode === mode.value,
-              onSelect: (e) => {
-                e.preventDefault();
-                saveOption({ mode: mode.value });
-              }
-            }))
-          }
-        ]);
-        groups.push([
-          { label: "Run with options…", icon: "i-lucide-sliders-horizontal", onSelect: () => modalOpen.value = true },
-          {
-            label: "Copy as command",
-            icon: "i-lucide-clipboard",
-            onSelect: () => void copy(buildRetryCommand(props.cases, { mode: options.value.mode }), { toast: "Command copied" })
-          }
-        ]);
-      }
-      groups.push([
-        {
-          label: store.activeCount.value > 0 ? `Local runs (${store.activeCount.value} active)` : "Local runs",
-          icon: "i-lucide-terminal",
-          onSelect: () => store.trayOpen.value = true
-        }
-      ]);
-      if (linked.value && !wrongFolder.value && missingSpecs.value.length > 0) {
-        groups[groups.length - 1].unshift({
-          type: "label",
-          label: `${missingSpecs.value.length} spec${missingSpecs.value.length === 1 ? "" : "s"} not in the linked folder`
-        });
-      }
-      if (linked.value) {
-        groups.push([
-          { type: "label", label: link.value.path, class: "font-mono text-[11px] break-all font-normal" },
-          { label: "Change linked folder…", icon: "i-lucide-folder-search", onSelect: () => void pickAndLink() }
-        ]);
-      }
-      return groups;
-    });
-    return (_ctx, _push, _parent, _attrs) => {
-      const _component_UFieldGroup = _sfc_main$2;
-      const _component_UTooltip = _sfc_main$3;
-      const _component_UButton = _sfc_main$k;
-      const _component_UDropdownMenu = _sfc_main$a;
-      const _component_DesktopRunLocallyModal = __nuxt_component_4;
-      if (unref(canRun)) {
-        _push(`<span${ssrRenderAttrs(mergeProps({ class: "inline-flex" }, _attrs))}>`);
-        _push(ssrRenderComponent(_component_UFieldGroup, { size: "xs" }, {
-          default: withCtx((_, _push2, _parent2, _scopeId) => {
-            if (_push2) {
-              _push2(ssrRenderComponent(_component_UTooltip, {
-                text: unref(face).tooltip
-              }, {
-                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                  if (_push3) {
-                    _push3(ssrRenderComponent(_component_UButton, {
-                      size: "xs",
-                      color: unref(face).color,
-                      variant: "subtle",
-                      icon: unref(face).icon,
-                      loading: unref(running),
-                      disabled: unref(busy),
-                      onClick: onPrimaryClick
-                    }, {
-                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                        if (_push4) {
-                          _push4(`${ssrInterpolate(unref(face).label)}`);
-                        } else {
-                          return [
-                            createTextVNode(toDisplayString(unref(face).label), 1)
-                          ];
-                        }
-                      }),
-                      _: 1
-                    }, _parent3, _scopeId2));
-                  } else {
-                    return [
-                      createVNode(_component_UButton, {
-                        size: "xs",
-                        color: unref(face).color,
-                        variant: "subtle",
-                        icon: unref(face).icon,
-                        loading: unref(running),
-                        disabled: unref(busy),
-                        onClick: onPrimaryClick
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(face).label), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["color", "icon", "loading", "disabled"])
-                    ];
-                  }
-                }),
-                _: 1
-              }, _parent2, _scopeId));
-              _push2(ssrRenderComponent(_component_UDropdownMenu, {
-                items: unref(menuItems),
-                content: { align: "end" },
-                ui: { content: "min-w-56" }
-              }, {
-                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                  if (_push3) {
-                    _push3(ssrRenderComponent(_component_UButton, {
-                      size: "xs",
-                      color: unref(face).color,
-                      variant: "subtle",
-                      icon: "i-lucide-chevron-down",
-                      "aria-label": "Run options",
-                      class: "relative"
-                    }, {
-                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                        if (_push4) {
-                          if (unref(attention)) {
-                            _push4(`<span class="absolute -top-1 -right-1 size-2 rounded-full bg-warning"${_scopeId3}></span>`);
-                          } else {
-                            _push4(`<!---->`);
-                          }
-                        } else {
-                          return [
-                            unref(attention) ? (openBlock(), createBlock("span", {
-                              key: 0,
-                              class: "absolute -top-1 -right-1 size-2 rounded-full bg-warning"
-                            })) : createCommentVNode("", true)
-                          ];
-                        }
-                      }),
-                      _: 1
-                    }, _parent3, _scopeId2));
-                  } else {
-                    return [
-                      createVNode(_component_UButton, {
-                        size: "xs",
-                        color: unref(face).color,
-                        variant: "subtle",
-                        icon: "i-lucide-chevron-down",
-                        "aria-label": "Run options",
-                        class: "relative"
-                      }, {
-                        default: withCtx(() => [
-                          unref(attention) ? (openBlock(), createBlock("span", {
-                            key: 0,
-                            class: "absolute -top-1 -right-1 size-2 rounded-full bg-warning"
-                          })) : createCommentVNode("", true)
-                        ]),
-                        _: 1
-                      }, 8, ["color"])
-                    ];
-                  }
-                }),
-                _: 1
-              }, _parent2, _scopeId));
-            } else {
-              return [
-                createVNode(_component_UTooltip, {
-                  text: unref(face).tooltip
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_UButton, {
-                      size: "xs",
-                      color: unref(face).color,
-                      variant: "subtle",
-                      icon: unref(face).icon,
-                      loading: unref(running),
-                      disabled: unref(busy),
-                      onClick: onPrimaryClick
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(face).label), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["color", "icon", "loading", "disabled"])
-                  ]),
-                  _: 1
-                }, 8, ["text"]),
-                createVNode(_component_UDropdownMenu, {
-                  items: unref(menuItems),
-                  content: { align: "end" },
-                  ui: { content: "min-w-56" }
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_UButton, {
-                      size: "xs",
-                      color: unref(face).color,
-                      variant: "subtle",
-                      icon: "i-lucide-chevron-down",
-                      "aria-label": "Run options",
-                      class: "relative"
-                    }, {
-                      default: withCtx(() => [
-                        unref(attention) ? (openBlock(), createBlock("span", {
-                          key: 0,
-                          class: "absolute -top-1 -right-1 size-2 rounded-full bg-warning"
-                        })) : createCommentVNode("", true)
-                      ]),
-                      _: 1
-                    }, 8, ["color"])
-                  ]),
-                  _: 1
-                }, 8, ["items"])
-              ];
-            }
-          }),
-          _: 1
-        }, _parent));
-        _push(ssrRenderComponent(_component_DesktopRunLocallyModal, {
-          open: unref(modalOpen),
-          "onUpdate:open": ($event) => isRef(modalOpen) ? modalOpen.value = $event : null,
-          "project-id": __props.projectId,
-          "project-label": __props.projectLabel,
-          cases: __props.cases
-        }, null, _parent));
-        _push(`</span>`);
-      } else {
-        _push(`<!---->`);
-      }
-    };
-  }
-});
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopRunLocallyButton.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const __nuxt_component_14 = Object.assign(_sfc_main, { __name: "DesktopRunLocallyButton" });
-
-export { __nuxt_component_14 as _ };
-//# sourceMappingURL=DesktopRunLocallyButton-iNzrDsEs.mjs.map