@piwitests/server 0.19.0 → 0.21.0

package/.output/server/chunks/build/MetaStripGroup-dXXa_MzF.mjs

@@ -0,0 +1,1205 @@
+import { _ as _sfc_main$8 } from './Tooltip-Dv4htNP6.mjs';
+import { o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7$1, _ as _sfc_main$d } from './server.mjs';
+import { _ as _sfc_main$9 } from './Modal-pSDlXzT3.mjs';
+import { _ as _sfc_main$a } from './Alert-C4xq8lao.mjs';
+import { _ as _sfc_main$b } from './FormField-e7OnSKPM.mjs';
+import { _ as _sfc_main$6 } from './Select-CVctwpib.mjs';
+import { _ as _sfc_main$c } from './Switch-8zWfwI5B.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-DGhKVFad.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-DolN3bZ5.mjs';
+import { u as useDesktopProjectLink } from './BrowserBadge-DQqJS9CV.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-BOK1aJk9.mjs';
+import { _ as _sfc_main$7 } from './Tabs-BkSOnbaB.mjs';
+import { _ as __nuxt_component_2$1 } from './HelpHint-DjGrGFA7.mjs';
+
+const RUN_MODE_FLAGS = {
+  normal: [],
+  headed: ["--headed"],
+  debug: ["--debug"],
+  ui: ["--ui"]
+};
+function groupByProject(cases) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const c of cases) {
+    const key = c.projectName || "";
+    if (!groups.has(key)) groups.set(key, []);
+    groups.get(key).push(c);
+  }
+  return groups;
+}
+function specArgs(cases, mode) {
+  if (mode === "grep") {
+    const escaped = cases.map((c) => escapeGrep(c.title));
+    return ["--grep", escaped.length === 1 ? escaped[0] : `(${escaped.join("|")})`];
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const specs = [];
+  for (const c of cases) {
+    const spec = mode === "file-line" && c.line ? `${toPosixPath(c.filePath)}:${c.line}` : toPosixPath(c.filePath);
+    if (seen.has(spec)) continue;
+    seen.add(spec);
+    specs.push(spec);
+  }
+  return specs;
+}
+function displayArg(arg) {
+  return /[\s"'()|]/.test(arg) ? `"${arg.replace(/"/g, '\\"')}"` : arg;
+}
+function buildLocalRunPlan(cases, options = {}) {
+  if (cases.length === 0) return [];
+  const mode = options.mode ?? "file-line";
+  const runMode = options.runMode ?? "normal";
+  const repeatEach = Math.min(1e3, Math.max(1, Math.floor(options.repeatEach ?? 1)));
+  const steps = [];
+  for (const [project, projectCases] of groupByProject(cases)) {
+    const args = specArgs(projectCases, mode);
+    if (project) args.push(`--project=${project}`);
+    args.push(...RUN_MODE_FLAGS[runMode]);
+    if (options.trace) args.push("--trace=on");
+    if (repeatEach > 1) args.push(`--repeat-each=${repeatEach}`);
+    steps.push({ args, display: ["playwright", "test", ...args.map(displayArg)].join(" ") });
+  }
+  return steps;
+}
+const MAX_LINES = 2e3;
+function useDesktopLocalRunner() {
+  const status = ref("idle");
+  const lines = ref([]);
+  const exitCode = ref(null);
+  const stepIndex = ref(0);
+  const stepCount = ref(0);
+  const running = computed(() => status.value === "running");
+  let currentRunId = null;
+  let starting = false;
+  let stopped = false;
+  let pending = [];
+  let unlisten = null;
+  let resolveExit = null;
+  function pushLine(text, error) {
+    lines.value.push({ text, error });
+    if (lines.value.length > MAX_LINES) lines.value.splice(0, lines.value.length - MAX_LINES);
+  }
+  function handleEvent(payload) {
+    if (payload.kind === "exit") {
+      resolveExit?.(payload.code);
+      return;
+    }
+    pushLine(payload.line ?? "", payload.kind !== "stdout");
+  }
+  async function ensureListener() {
+    if (unlisten) return;
+    const events = tauriEvent();
+    if (!events) throw new Error("The desktop bridge is unavailable.");
+    unlisten = await events.listen("piwi:local-run", ({ payload }) => {
+      if (payload.id === currentRunId) {
+        handleEvent(payload);
+      } else if (starting) {
+        pending.push(payload);
+      }
+    });
+  }
+  async function runStep(projectId, step) {
+    const core = tauriCore();
+    if (!core) throw new Error("The desktop bridge is unavailable.");
+    const exit = new Promise((resolve) => {
+      resolveExit = resolve;
+    });
+    starting = true;
+    pending = [];
+    try {
+      currentRunId = await core.invoke("desktop_run_local_tests", {
+        projectId: String(projectId),
+        args: step.args
+      });
+    } finally {
+      starting = false;
+    }
+    for (const event of pending) {
+      if (event.id === currentRunId) handleEvent(event);
+    }
+    pending = [];
+    const code = await exit;
+    currentRunId = null;
+    resolveExit = null;
+    return code;
+  }
+  async function start(projectId, steps) {
+    if (running.value || steps.length === 0) return;
+    stopped = false;
+    lines.value = [];
+    exitCode.value = null;
+    stepCount.value = steps.length;
+    stepIndex.value = 0;
+    status.value = "running";
+    try {
+      await ensureListener();
+      let worst = 0;
+      for (const [index, step] of steps.entries()) {
+        if (stopped) break;
+        stepIndex.value = index;
+        if (steps.length > 1) pushLine(`$ ${step.display}`, false);
+        const code = await runStep(projectId, step);
+        if (stopped) break;
+        if (code !== 0) worst = code ?? 1;
+      }
+      if (stopped) {
+        status.value = "stopped";
+      } else {
+        exitCode.value = typeof worst === "number" ? worst : 1;
+        status.value = worst === 0 ? "passed" : "failed";
+      }
+    } catch (error) {
+      pushLine(errorMessage(error), true);
+      status.value = "error";
+    }
+  }
+  async function stop() {
+    if (!running.value) return;
+    stopped = true;
+    const core = tauriCore();
+    const id = currentRunId;
+    if (core && id != null) {
+      try {
+        await core.invoke("desktop_stop_local_tests", { runId: id });
+      } catch {
+      }
+    }
+    resolveExit?.(null);
+    status.value = "stopped";
+  }
+  onScopeDispose(() => {
+    if (running.value) void stop();
+    unlisten?.();
+    unlisten = null;
+  });
+  return { status, running, lines, exitCode, stepIndex, stepCount, start, stop };
+}
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopRunLocallyModal",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    projectId: {},
+    projectLabel: {},
+    cases: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props) {
+    const props = __props;
+    const open = useModel(__props, "open");
+    const { link, busy, pickAndLink } = useDesktopProjectLink(() => props.projectId);
+    const { status, running, lines, exitCode, stepIndex, stepCount, start, stop } = useDesktopLocalRunner();
+    const mode = ref("file-line");
+    const runMode = ref("normal");
+    const trace = ref(false);
+    const repeatEach = ref(1);
+    const modeItems = [
+      { label: "File:line", value: "file-line" },
+      { label: "Title (grep)", value: "grep" },
+      { label: "File only", value: "file" }
+    ];
+    const runModeItems = [
+      { label: "Headless", value: "normal" },
+      { label: "Headed", value: "headed" },
+      { label: "Debug (inspector)", value: "debug" },
+      { label: "UI mode", value: "ui" }
+    ];
+    const linked = computed(() => !!link.value?.exists);
+    const 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 {
+      }
+    }
+    watch([open, () => link.value?.path, linked], () => {
+      if (open.value) void checkSpecs();
+    });
+    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 preview = computed(() => plan.value.map((s) => s.display).join("\n"));
+    const statusBadge = computed(() => {
+      switch (status.value) {
+        case "running":
+          return {
+            label: stepCount.value > 1 ? `Running ${stepIndex.value + 1}/${stepCount.value}…` : "Running…",
+            color: "info"
+          };
+        case "passed":
+          return { label: "Passed", color: "success" };
+        case "failed":
+          return { label: exitCode.value != null ? `Failed (exit ${exitCode.value})` : "Failed", color: "error" };
+        case "stopped":
+          return { label: "Stopped", color: "neutral" };
+        case "error":
+          return { label: "Could not run", color: "error" };
+        default:
+          return null;
+      }
+    });
+    async function run() {
+      await start(props.projectId, plan.value);
+    }
+    watch(open, (value) => {
+      if (!value && running.value) void stop();
+    });
+    const outputEl = ref(null);
+    watch(
+      () => lines.value.length,
+      async () => {
+        await nextTick();
+        outputEl.value?.scrollTo({ top: outputEl.value.scrollHeight });
+      }
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$9;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UAlert = _sfc_main$a;
+      const _component_UButton = _sfc_main$k;
+      const _component_UFormField = _sfc_main$b;
+      const _component_USelect = _sfc_main$6;
+      const _component_UInput = _sfc_main$d;
+      const _component_USwitch = _sfc_main$c;
+      const _component_CodeBlock = __nuxt_component_5;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: open.value,
+        "onUpdate:open": ($event) => open.value = $event,
+        ui: { content: "max-w-2xl" }
+      }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-2 min-w-0"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-monitor-play",
+              class: "size-5 text-primary shrink-0"
+            }, null, _parent2, _scopeId));
+            _push2(`<h2 class="text-base font-semibold truncate"${_scopeId}>Run tests locally</h2>`);
+            _push2(ssrRenderComponent(_component_UBadge, {
+              color: "neutral",
+              variant: "subtle",
+              size: "sm"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`${ssrInterpolate(__props.cases.length)} test${ssrInterpolate(__props.cases.length === 1 ? "" : "s")}`);
+                } else {
+                  return [
+                    createTextVNode(toDisplayString(__props.cases.length) + " test" + toDisplayString(__props.cases.length === 1 ? "" : "s"), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-monitor-play",
+                  class: "size-5 text-primary shrink-0"
+                }),
+                createVNode("h2", { class: "text-base font-semibold truncate" }, "Run tests locally"),
+                createVNode(_component_UBadge, {
+                  color: "neutral",
+                  variant: "subtle",
+                  size: "sm"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.cases.length) + " test" + toDisplayString(__props.cases.length === 1 ? "" : "s"), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}>`);
+            if (!unref(linked)) {
+              _push2(`<div class="space-y-3"${_scopeId}><p class="text-sm text-muted"${_scopeId}> Link ${ssrInterpolate(__props.projectLabel || "this project")} to its local checkout — the folder that contains these tests. Piwi runs that folder&#39;s own Playwright with the app&#39;s bundled Node, so nothing else needs to be installed. </p>`);
+              if (unref(link) && !unref(link).exists) {
+                _push2(ssrRenderComponent(_component_UAlert, {
+                  color: "warning",
+                  variant: "soft",
+                  icon: "i-lucide-folder-x",
+                  title: "The linked folder no longer exists",
+                  description: unref(link).path
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_UButton, {
+                icon: "i-lucide-folder-plus",
+                loading: unref(busy),
+                onClick: unref(pickAndLink)
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`Choose folder…`);
+                  } else {
+                    return [
+                      createTextVNode("Choose folder…")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              _push2(`<!--[--><div class="flex items-center justify-between gap-3"${_scopeId}><div class="flex items-center gap-2 min-w-0 text-sm"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-folder-check",
+                class: "size-4 text-success shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(`<code class="text-xs break-all"${_scopeId}>${ssrInterpolate(unref(link)?.path)}</code></div>`);
+              _push2(ssrRenderComponent(_component_UButton, {
+                size: "xs",
+                color: "neutral",
+                variant: "ghost",
+                icon: "i-lucide-folder-search",
+                loading: unref(busy),
+                disabled: unref(running),
+                onClick: unref(pickAndLink)
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Change `);
+                  } else {
+                    return [
+                      createTextVNode(" Change ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><div class="grid grid-cols-2 gap-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Select tests by",
+                name: "mode"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(mode),
+                      "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                      items: modeItems,
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(mode),
+                        "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                        items: modeItems,
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Browser",
+                name: "runMode"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(runMode),
+                      "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                      items: runModeItems,
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(runMode),
+                        "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                        items: runModeItems,
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Repeat each",
+                name: "repeatEach",
+                description: "Run every test N times — flake reproduction."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(repeatEach),
+                      "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                      modelModifiers: { number: true },
+                      type: "number",
+                      min: "1",
+                      max: "1000",
+                      disabled: unref(running),
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(repeatEach),
+                        "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                        modelModifiers: { number: true },
+                        type: "number",
+                        min: "1",
+                        max: "1000",
+                        disabled: unref(running),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Trace",
+                name: "trace",
+                description: "Force trace recording (--trace=on)."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USwitch, {
+                      modelValue: unref(trace),
+                      "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                      disabled: unref(running)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_USwitch, {
+                        modelValue: unref(trace),
+                        "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                        disabled: unref(running)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+              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),
+                          disabled: unref(running),
+                          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),
+                          disabled: unref(running),
+                          onClick: unref(pickAndLink)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Choose the right folder… ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading", "disabled", "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}> Results are reported by the folder&#39;s own Playwright config — with the Piwi reporter set up, the new run appears in this app automatically. </p>`);
+              if (unref(status) !== "idle") {
+                _push2(`<div class="space-y-2"${_scopeId}><div class="h-64 overflow-y-auto rounded-md bg-zinc-950 p-3"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(lines), (line, i) => {
+                  _push2(`<p class="${ssrRenderClass([line.error ? "text-red-400" : "text-zinc-300", "font-mono text-xs whitespace-pre-wrap"])}"${_scopeId}>${ssrInterpolate(line.text || " ")}</p>`);
+                });
+                _push2(`<!--]--></div></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--]-->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                !unref(linked) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "space-y-3"
+                }, [
+                  createVNode("p", { class: "text-sm text-muted" }, " Link " + toDisplayString(__props.projectLabel || "this project") + " to its local checkout — the folder that contains these tests. Piwi runs that folder's own Playwright with the app's bundled Node, so nothing else needs to be installed. ", 1),
+                  unref(link) && !unref(link).exists ? (openBlock(), createBlock(_component_UAlert, {
+                    key: 0,
+                    color: "warning",
+                    variant: "soft",
+                    icon: "i-lucide-folder-x",
+                    title: "The linked folder no longer exists",
+                    description: unref(link).path
+                  }, null, 8, ["description"])) : createCommentVNode("", true),
+                  createVNode(_component_UButton, {
+                    icon: "i-lucide-folder-plus",
+                    loading: unref(busy),
+                    onClick: unref(pickAndLink)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Choose folder…")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"])
+                ])) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                  createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                    createVNode("div", { class: "flex items-center gap-2 min-w-0 text-sm" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-folder-check",
+                        class: "size-4 text-success shrink-0"
+                      }),
+                      createVNode("code", { class: "text-xs break-all" }, toDisplayString(unref(link)?.path), 1)
+                    ]),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "ghost",
+                      icon: "i-lucide-folder-search",
+                      loading: unref(busy),
+                      disabled: unref(running),
+                      onClick: unref(pickAndLink)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Change ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "disabled", "onClick"])
+                  ]),
+                  createVNode("div", { class: "grid grid-cols-2 gap-3" }, [
+                    createVNode(_component_UFormField, {
+                      label: "Select tests by",
+                      name: "mode"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USelect, {
+                          modelValue: unref(mode),
+                          "onUpdate:modelValue": ($event) => isRef(mode) ? mode.value = $event : null,
+                          items: modeItems,
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Browser",
+                      name: "runMode"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USelect, {
+                          modelValue: unref(runMode),
+                          "onUpdate:modelValue": ($event) => isRef(runMode) ? runMode.value = $event : null,
+                          items: runModeItems,
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Repeat each",
+                      name: "repeatEach",
+                      description: "Run every test N times — flake reproduction."
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(repeatEach),
+                          "onUpdate:modelValue": ($event) => isRef(repeatEach) ? repeatEach.value = $event : null,
+                          modelModifiers: { number: true },
+                          type: "number",
+                          min: "1",
+                          max: "1000",
+                          disabled: unref(running),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "Trace",
+                      name: "trace",
+                      description: "Force trace recording (--trace=on)."
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_USwitch, {
+                          modelValue: unref(trace),
+                          "onUpdate:modelValue": ($event) => isRef(trace) ? trace.value = $event : null,
+                          disabled: unref(running)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  unref(missingSpecs).length > 0 ? (openBlock(), createBlock(_component_UAlert, {
+                    key: 0,
+                    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),
+                        disabled: unref(running),
+                        onClick: unref(pickAndLink)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Choose the right folder… ")
+                        ]),
+                        _: 1
+                      }, 8, ["loading", "disabled", "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" }, " 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)
+                ], 64))
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-between w-full gap-3"${_scopeId}>`);
+            if (unref(statusBadge)) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: unref(statusBadge).color,
+                variant: "subtle"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(statusBadge).label)}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(statusBadge).label), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<span${_scopeId}></span>`);
+            }
+            _push2(`<div class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "neutral",
+              variant: "ghost",
+              onClick: ($event) => open.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`Close`);
+                } else {
+                  return [
+                    createTextVNode("Close")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (unref(running)) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                color: "error",
+                icon: "i-lucide-square",
+                onClick: ($event) => unref(stop)()
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`Stop`);
+                  } else {
+                    return [
+                      createTextVNode("Stop")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(ssrRenderComponent(_component_UButton, {
+                icon: "i-lucide-play",
+                disabled: !unref(linked) || unref(plan).length === 0 || unref(busy),
+                onClick: ($event) => run()
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(status) === "idle" ? "Run" : "Run again")}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(status) === "idle" ? "Run" : "Run again"), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-between w-full gap-3" }, [
+                unref(statusBadge) ? (openBlock(), createBlock(_component_UBadge, {
+                  key: 0,
+                  color: unref(statusBadge).color,
+                  variant: "subtle"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(statusBadge).label), 1)
+                  ]),
+                  _: 1
+                }, 8, ["color"])) : (openBlock(), createBlock("span", { key: 1 })),
+                createVNode("div", { class: "flex items-center gap-2" }, [
+                  createVNode(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => open.value = false
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Close")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  unref(running) ? (openBlock(), createBlock(_component_UButton, {
+                    key: 0,
+                    color: "error",
+                    icon: "i-lucide-square",
+                    onClick: ($event) => unref(stop)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Stop")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : (openBlock(), createBlock(_component_UButton, {
+                    key: 1,
+                    icon: "i-lucide-play",
+                    disabled: !unref(linked) || unref(plan).length === 0 || unref(busy),
+                    onClick: ($event) => run()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(status) === "idle" ? "Run" : "Run again"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"]))
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.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;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$5, { __name: "DesktopRunLocallyModal" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopRunLocallyButton",
+  __ssrInlineRender: true,
+  props: {
+    projectId: {},
+    projectLabel: {},
+    cases: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const available = ref(false);
+    const open = ref(false);
+    const canRun = computed(() => available.value && props.projectId != null && props.cases.length > 0);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UTooltip = _sfc_main$8;
+      const _component_UButton = _sfc_main$k;
+      const _component_DesktopRunLocallyModal = __nuxt_component_2;
+      if (unref(canRun)) {
+        _push(`<span${ssrRenderAttrs(mergeProps({ class: "inline-flex" }, _attrs))}>`);
+        _push(ssrRenderComponent(_component_UTooltip, { text: "Run these tests on this machine" }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                size: "xs",
+                color: "warning",
+                variant: "subtle",
+                icon: "i-lucide-monitor-play",
+                onClick: ($event) => open.value = true
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Run locally `);
+                  } else {
+                    return [
+                      createTextVNode(" Run locally ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_UButton, {
+                  size: "xs",
+                  color: "warning",
+                  variant: "subtle",
+                  icon: "i-lucide-monitor-play",
+                  onClick: ($event) => open.value = true
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Run locally ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_DesktopRunLocallyModal, {
+          open: unref(open),
+          "onUpdate:open": ($event) => isRef(open) ? open.value = $event : null,
+          "project-id": __props.projectId,
+          "project-label": __props.projectLabel,
+          cases: __props.cases
+        }, null, _parent));
+        _push(`</span>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$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");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const __nuxt_component_17 = Object.assign(_sfc_main, { __name: "MetaStripGroup" });
+
+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-dXXa_MzF.mjs.map