@piwitests/server 0.22.1 → 0.24.0

package/.output/server/chunks/build/{MetaStripGroup-BBByVvpR.mjs → DesktopRunLocallyButton-iNzrDsEs.mjs}

@@ -1,183 +1,122 @@
-import { _ as _sfc_main$8 } from './Tooltip-BRBnl4pE.mjs';
-import { o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7$1, _ as _sfc_main$d } from './server.mjs';
-import { _ as _sfc_main$9 } from './Modal-BacZmQCX.mjs';
-import { _ as _sfc_main$a } from './Alert-DAb8nKVs.mjs';
-import { _ as _sfc_main$b } from './FormField-QptK0rPg.mjs';
-import { _ as _sfc_main$6 } from './Select-BAyYwPuo.mjs';
-import { _ as _sfc_main$c } from './Switch-DdkA3Fii.mjs';
-import { _ as __nuxt_component_5 } from './CodeBlock-CjnDrO3Y.mjs';
-import { defineComponent, useModel, ref, computed, mergeProps, unref, mergeModels, withCtx, createTextVNode, createVNode, isRef, toDisplayString, watch, nextTick, openBlock, createBlock, createCommentVNode, Fragment, renderList, onScopeDispose, useSSRContext } from 'vue';
-import { ssrRenderAttrs, ssrRenderClass, ssrRenderSlot, ssrRenderComponent, ssrInterpolate, ssrRenderList } from 'vue/server-renderer';
-import { e as escapeGrep, t as toPosixPath } from './useOpenInIde--6Me0WlL.mjs';
-import { u as useDesktopProjectLink } from './BrowserBadge-Djw_e_I9.mjs';
-import { t as tauriCore, a as tauriEvent } from './useTauri-Kf3HE_42.mjs';
-import { v as getStatusColor, D as isStatusInFlight, E as getStatusIcon, a as formatStatusLabel, e as errorMessage } from './index-ByWTzqF6.mjs';
-import { _ as _sfc_main$7 } from './Tabs-BCOhHEB9.mjs';
-import { _ as __nuxt_component_2$1 } from './HelpHint-C5Ru8BCc.mjs';
+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 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;
+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"
     }
-    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);
-      }
-    });
+};
+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));
+    };
   }
-  async function runStep(projectId, step) {
+};
+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();
-    if (!core) throw new Error("The desktop bridge is unavailable.");
-    const exit = new Promise((resolve) => {
-      resolveExit = resolve;
-    });
-    starting = true;
-    pending = [];
+    const id = toValue(projectId);
+    missingSpecs.value = [];
+    if (!core || !linkedFolderExists || id == null || specFiles.value.length === 0) return;
     try {
-      currentRunId = await core.invoke("desktop_run_local_tests", {
-        projectId: String(projectId),
-        args: step.args
+      const result = await core.invoke("desktop_check_local_specs", {
+        projectId: String(id),
+        files: specFiles.value
       });
-    } 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";
+      missingSpecs.value = result?.missing ?? [];
+    } catch {
     }
   }
-  async function stop() {
-    if (!running.value) return;
-    stopped = true;
+  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 = currentRunId;
-    if (core && id != null) {
-      try {
-        await core.invoke("desktop_stop_local_tests", { runId: id });
-      } catch {
-      }
+    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 {
     }
-    resolveExit?.(null);
-    status.value = "stopped";
   }
-  onScopeDispose(() => {
-    if (running.value) void stop();
-    unlisten?.();
-    unlisten = null;
-  });
-  return { status, running, lines, exitCode, stepIndex, stepCount, start, stop };
+  return { env, playwrightMissing, checkEnv };
 }
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "DesktopRunLocallyModal",
   __ssrInlineRender: true,
   props: /* @__PURE__ */ mergeModels({
@@ -192,95 +131,61 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const open = useModel(__props, "open");
+    const store = useDesktopLocalRuns();
     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 { missingSpecs, wrongFolder, checkSpecs } = useDesktopSpecCheck(
+      () => props.projectId,
+      () => props.cases
+    );
+    const { playwrightMissing, checkEnv } = useDesktopEnvCheck(() => props.projectId);
     const linked = computed(() => !!link.value?.exists);
-    const specFiles = computed(() => [...new Set(props.cases.map((c) => c.filePath).filter(Boolean))]);
-    const missingSpecs = ref([]);
-    async function checkSpecs() {
-      const core = tauriCore();
-      missingSpecs.value = [];
-      if (!core || !linked.value || specFiles.value.length === 0) return;
-      try {
-        const result = await core.invoke("desktop_check_local_specs", {
-          projectId: String(props.projectId),
-          files: specFiles.value
-        });
-        missingSpecs.value = result?.missing ?? [];
-      } catch {
-      }
-    }
+    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) void checkSpecs();
+      if (!open.value) return;
+      void checkSpecs(linked.value);
+      void checkEnv();
     });
-    const wrongFolder = computed(() => specFiles.value.length > 0 && missingSpecs.value.length === specFiles.value.length);
-    const plan = computed(
-      () => buildLocalRunPlan(props.cases, {
-        mode: mode.value,
-        runMode: runMode.value,
-        trace: trace.value,
-        repeatEach: repeatEach.value
-      })
-    );
+    const plan = computed(() => buildLocalRunPlan(props.cases, options.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);
+    function run() {
+      store.startRun({
+        projectId: props.projectId,
+        projectLabel: props.projectLabel,
+        cases: props.cases
+      });
+      open.value = false;
     }
-    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$9;
+      const _component_UModal = _sfc_main$4;
       const _component_UIcon = _sfc_main$p;
       const _component_UBadge = _sfc_main$7$1;
-      const _component_UAlert = _sfc_main$a;
+      const _component_UAlert = _sfc_main$5;
       const _component_UButton = _sfc_main$k;
-      const _component_UFormField = _sfc_main$b;
-      const _component_USelect = _sfc_main$6;
+      const _component_UFormField = _sfc_main$6;
+      const _component_USelect = _sfc_main$7;
       const _component_UInput = _sfc_main$d;
-      const _component_USwitch = _sfc_main$c;
+      const _component_USwitch = _sfc_main$8;
       const _component_CodeBlock = __nuxt_component_5;
       _push(ssrRenderComponent(_component_UModal, mergeProps({
         open: open.value,
@@ -380,7 +285,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 variant: "ghost",
                 icon: "i-lucide-folder-search",
                 loading: unref(busy),
-                disabled: unref(running),
                 onClick: unref(pickAndLink)
               }, {
                 default: withCtx((_2, _push3, _parent3, _scopeId2) => {
@@ -404,8 +308,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     _push3(ssrRenderComponent(_component_USelect, {
                       modelValue: unref(mode),
                       "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
-                      items: modeItems,
-                      disabled: unref(running),
+                      items: unref(modeItems),
                       class: "w-full"
                     }, null, _parent3, _scopeId2));
                   } else {
@@ -413,10 +316,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_USelect, {
                         modelValue: unref(mode),
                         "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
-                        items: modeItems,
-                        disabled: unref(running),
+                        items: unref(modeItems),
                         class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                     ];
                   }
                 }),
@@ -431,8 +333,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     _push3(ssrRenderComponent(_component_USelect, {
                       modelValue: unref(runMode),
                       "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
-                      items: runModeItems,
-                      disabled: unref(running),
+                      items: unref(runModeItems),
                       class: "w-full"
                     }, null, _parent3, _scopeId2));
                   } else {
@@ -440,10 +341,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_USelect, {
                         modelValue: unref(runMode),
                         "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
-                        items: runModeItems,
-                        disabled: unref(running),
+                        items: unref(runModeItems),
                         class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                     ];
                   }
                 }),
@@ -463,7 +363,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       type: "number",
                       min: "1",
                       max: "1000",
-                      disabled: unref(running),
                       class: "w-full"
                     }, null, _parent3, _scopeId2));
                   } else {
@@ -475,9 +374,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         type: "number",
                         min: "1",
                         max: "1000",
-                        disabled: unref(running),
                         class: "w-full"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
                     ];
                   }
                 }),
@@ -492,22 +390,45 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   if (_push3) {
                     _push3(ssrRenderComponent(_component_USwitch, {
                       modelValue: unref(trace),
-                      "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
-                      disabled: unref(running)
+                      "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,
-                        disabled: unref(running)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        "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",
@@ -538,7 +459,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           icon: "i-lucide-folder-search",
                           class: "mt-2",
                           loading: unref(busy),
-                          disabled: unref(running),
                           onClick: unref(pickAndLink)
                         }, {
                           default: withCtx((_3, _push4, _parent4, _scopeId3) => {
@@ -580,14 +500,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           icon: "i-lucide-folder-search",
                           class: "mt-2",
                           loading: unref(busy),
-                          disabled: unref(running),
                           onClick: unref(pickAndLink)
                         }, {
                           default: withCtx(() => [
                             createTextVNode(" Choose the right folder… ")
                           ]),
                           _: 1
-                        }, 8, ["loading", "disabled", "onClick"])) : createCommentVNode("", true)
+                        }, 8, ["loading", "onClick"])) : createCommentVNode("", true)
                       ];
                     }
                   }),
@@ -601,17 +520,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 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><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 {
@@ -655,14 +564,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       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"])
+                    }, 8, ["loading", "onClick"])
                   ]),
                   createVNode("div", { class: "grid grid-cols-2 gap-3" }, [
                     createVNode(_component_UFormField, {
@@ -673,10 +581,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         createVNode(_component_USelect, {
                           modelValue: unref(mode),
                           "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
-                          items: modeItems,
-                          disabled: unref(running),
+                          items: unref(modeItems),
                           class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                       ]),
                       _: 1
                     }),
@@ -688,10 +595,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         createVNode(_component_USelect, {
                           modelValue: unref(runMode),
                           "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
-                          items: runModeItems,
-                          disabled: unref(running),
+                          items: unref(runModeItems),
                           class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
                       ]),
                       _: 1
                     }),
@@ -708,9 +614,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           type: "number",
                           min: "1",
                           max: "1000",
-                          disabled: unref(running),
                           class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ]),
                       _: 1
                     }),
@@ -722,17 +627,32 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       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"])
+                          "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ]),
                       _: 1
                     })
                   ]),
-                  unref(missingSpecs).length > 0 ? (openBlock(), createBlock(_component_UAlert, {
+                  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"
                   }, {
@@ -760,14 +680,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         icon: "i-lucide-folder-search",
                         class: "mt-2",
                         loading: unref(busy),
-                        disabled: unref(running),
                         onClick: unref(pickAndLink)
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Choose the right folder… ")
                         ]),
                         _: 1
-                      }, 8, ["loading", "disabled", "onClick"])) : createCommentVNode("", true)
+                      }, 8, ["loading", "onClick"])) : createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 8, ["title"])) : createCommentVNode("", true),
@@ -778,24 +697,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       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: 1,
-                    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)
+                  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))
               ])
             ];
@@ -803,27 +705,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }),
         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(`<div class="flex items-center justify-end w-full gap-2"${_scopeId}>`);
             _push2(ssrRenderComponent(_component_UButton, {
               color: "neutral",
               variant: "ghost",
@@ -840,88 +722,46 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               }),
               _: 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>`);
+            _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-between w-full gap-3" }, [
-                unref(statusBadge) ? (openBlock(), createBlock(_component_UBadge, {
-                  key: 0,
-                  color: unref(statusBadge).color,
-                  variant: "subtle"
+              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(toDisplayString(unref(statusBadge).label), 1)
+                    createTextVNode("Close")
                   ]),
                   _: 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"]))
-                ])
+                }, 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"])
               ])
             ];
           }
@@ -931,48 +771,334 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+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$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_2 = Object.assign(_sfc_main$5, { __name: "DesktopRunLocallyModal" });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+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: {}
+    cases: {},
+    label: {},
+    presetOptions: {}
   },
   setup(__props) {
     const props = __props;
     const available = ref(false);
-    const open = 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_UTooltip = _sfc_main$8;
+      const _component_UFieldGroup = _sfc_main$2;
+      const _component_UTooltip = _sfc_main$3;
       const _component_UButton = _sfc_main$k;
-      const _component_DesktopRunLocallyModal = __nuxt_component_2;
+      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_UTooltip, { text: "Run these tests on this machine" }, {
+        _push(ssrRenderComponent(_component_UFieldGroup, { size: "xs" }, {
           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
+              _push2(ssrRenderComponent(_component_UTooltip, {
+                text: unref(face).tooltip
               }, {
                 default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                   if (_push3) {
-                    _push3(` Run locally `);
+                    _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 [
-                      createTextVNode(" Run locally ")
+                      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"])
                     ];
                   }
                 }),
@@ -980,26 +1106,60 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }, _parent2, _scopeId));
             } else {
               return [
-                createVNode(_component_UButton, {
-                  size: "xs",
-                  color: "warning",
-                  variant: "subtle",
-                  icon: "i-lucide-monitor-play",
-                  onClick: ($event) => open.value = true
+                createVNode(_component_UTooltip, {
+                  text: unref(face).tooltip
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(" Run locally ")
+                    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, ["onClick"])
+                }, 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(open),
-          "onUpdate:open": ($event) => isRef(open) ? open.value = $event : null,
+          open: unref(modalOpen),
+          "onUpdate:open": ($event) => isRef(modalOpen) ? modalOpen.value = $event : null,
           "project-id": __props.projectId,
           "project-label": __props.projectLabel,
           cases: __props.cases
@@ -1011,195 +1171,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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/desktop/DesktopRunLocallyButton.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
-};
-const __nuxt_component_14 = Object.assign(_sfc_main$4, { __name: "DesktopRunLocallyButton" });
-const _sfc_main$3 = /* @__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$6;
-      const _component_UTabs = _sfc_main$7;
-      _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$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/DetailPageLayout.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-const __nuxt_component_8 = Object.assign(_sfc_main$3, { __name: "DetailPageLayout" });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "StatusChip",
-  __ssrInlineRender: true,
-  props: {
-    status: {},
-    size: {}
-  },
-  setup(__props) {
-    return (_ctx, _push, _parent, _attrs) => {
-      const _component_UBadge = _sfc_main$7$1;
-      const _component_UIcon = _sfc_main$p;
-      _push(ssrRenderComponent(_component_UBadge, mergeProps({
-        color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(__props.status),
-        size: __props.size,
-        variant: "subtle",
-        class: "capitalize gap-1 items-center font-semibold shrink-0"
-      }, _attrs), {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(ssrRenderComponent(_component_UIcon, {
-              name: ("getStatusIcon" in _ctx ? _ctx.getStatusIcon : unref(getStatusIcon))(__props.status),
-              class: ["size-3.5 shrink-0", { "animate-spin": ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(__props.status) }]
-            }, null, _parent2, _scopeId));
-            _push2(` ${ssrInterpolate(("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(__props.status))}`);
-          } else {
-            return [
-              createVNode(_component_UIcon, {
-                name: ("getStatusIcon" in _ctx ? _ctx.getStatusIcon : unref(getStatusIcon))(__props.status),
-                class: ["size-3.5 shrink-0", { "animate-spin": ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(__props.status) }]
-              }, null, 8, ["name", "class"]),
-              createTextVNode(" " + toDisplayString(("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(__props.status)), 1)
-            ];
-          }
-        }),
-        _: 1
-      }, _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/StatusChip.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-const __nuxt_component_1 = Object.assign(_sfc_main$2, { __name: "StatusChip" });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "SummaryMetaStrip",
-  __ssrInlineRender: true,
-  setup(__props) {
-    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-wrap items-center gap-y-1 text-sm min-w-0" }, _attrs))}>`);
-      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-      _push(`</div>`);
-    };
-  }
-});
-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/SummaryMetaStrip.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-const __nuxt_component_16 = Object.assign(_sfc_main$1, { __name: "SummaryMetaStrip" });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MetaStripGroup",
-  __ssrInlineRender: true,
-  props: {
-    label: {},
-    icon: {},
-    help: {}
-  },
-  setup(__props) {
-    return (_ctx, _push, _parent, _attrs) => {
-      const _component_UIcon = _sfc_main$p;
-      const _component_HelpHint = __nuxt_component_2$1;
-      _push(`<div${ssrRenderAttrs(mergeProps({
-        class: "inline-flex items-center flex-wrap gap-x-1.5 gap-y-1 min-w-0 py-0.5 mr-3 [&:not(:first-child)]:border-l [&:not(:first-child)]:border-default [&:not(:first-child)]:pl-3",
-        title: __props.label
-      }, _attrs))}>`);
-      if (__props.icon) {
-        _push(ssrRenderComponent(_component_UIcon, {
-          name: __props.icon,
-          class: "w-3.5 h-3.5 text-dimmed shrink-0"
-        }, null, _parent));
-      } else {
-        _push(`<!---->`);
-      }
-      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-      if (__props.help) {
-        _push(ssrRenderComponent(_component_HelpHint, { topic: __props.help }, null, _parent));
-      } else {
-        _push(`<!---->`);
-      }
-      _push(`</div>`);
-    };
-  }
-});
 const _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/MetaStripGroup.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopRunLocallyButton.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const __nuxt_component_17 = Object.assign(_sfc_main, { __name: "MetaStripGroup" });
+const __nuxt_component_14 = Object.assign(_sfc_main, { __name: "DesktopRunLocallyButton" });
 
-export { __nuxt_component_8 as _, __nuxt_component_14 as a, __nuxt_component_1 as b, __nuxt_component_16 as c, __nuxt_component_17 as d };
-//# sourceMappingURL=MetaStripGroup-BBByVvpR.mjs.map
+export { __nuxt_component_14 as _ };
+//# sourceMappingURL=DesktopRunLocallyButton-iNzrDsEs.mjs.map