@piwitests/server 0.20.0 → 0.22.0

package/.output/server/chunks/build/{index-e9skCi-V.mjs → index-DcnICCZU.mjs}

@@ -1,27 +1,25 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$7 } from './DashboardNavbar-BHmMSPX7.mjs';
-import { _ as _sfc_main$1$2, a as _sfc_main$8 } from './Breadcrumb-Ak2Lg3oM.mjs';
-import { _ as _sfc_main$a } from './SelectMenu-D-2FSqBU.mjs';
-import { l as useHead, m as _sfc_main$k, o as _sfc_main$p, s as __nuxt_component_12, n as _sfc_main$7$1, r as useRuntimeConfig } from './server.mjs';
-import { _ as _sfc_main$b } from './Checkbox-4Q5d0fa0.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$6 } from './DashboardNavbar-DYtmVlhy.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$7 } from './Breadcrumb-DJp5WvUM.mjs';
+import { _ as _sfc_main$9 } from './SelectMenu-zE_AhMX8.mjs';
+import { l as useHead, m as _sfc_main$k, o as _sfc_main$p, v as __nuxt_component_12 } from './server.mjs';
+import { _ as _sfc_main$a } from './Checkbox-C1khEdTh.mjs';
 import { defineComponent, computed, ref, mergeProps, withCtx, unref, createTextVNode, createVNode, toDisplayString, openBlock, createBlock, createCommentVNode, Fragment, renderList, createSlots, isRef, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttrs } from 'vue/server-renderer';
 import { _ as __nuxt_component_5 } from './ErrorState-CktYyeEZ.mjs';
-import { _ as _sfc_main$4 } from './Skeleton-CEHuuKVh.mjs';
-import { _ as _sfc_main$5 } from './Alert-C4xq8lao.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
-import { _ as _sfc_main$9 } from './Table-BRk04Hd2.mjs';
+import { _ as _sfc_main$3 } from './Skeleton-DAp_WMEe.mjs';
+import { _ as _sfc_main$4 } from './Alert-DAb8nKVs.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-C753B3Yo.mjs';
+import { _ as _sfc_main$8 } from './Table-CfDVAuUJ.mjs';
 import { _ as __nuxt_component_4$1 } from './TagBadge-DwzoFCBb.mjs';
-import { _ as __nuxt_component_5$1 } from './MiniRunBars-CZMugDrh.mjs';
-import { _ as __nuxt_component_13 } from './RunStatusBadge-FfGb6bkW.mjs';
-import { _ as __nuxt_component_14 } from './DurationValue-D20oGbnc.mjs';
+import { _ as __nuxt_component_5$1 } from './MiniRunBars-fgLMgRUp.mjs';
+import { _ as __nuxt_component_13 } from './RunStatusBadge-CvWmcFYM.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-UX9uajQJ.mjs';
 import { _ as __nuxt_component_4$2 } from './EmptyState-DC2q_7TD.mjs';
-import { e as errorMessage, f as formatRelativeTime, G as passRate } from './index-CU2nZhAa.mjs';
-import { _ as _sfc_main$6 } from './Card-BQP_oZkQ.mjs';
-import { a as __nuxt_component_9, d as docsUrl, _ as __nuxt_component_2 } from './HelpHint-DrcIv-Oj.mjs';
-import { _ as __nuxt_component_5$2 } from './CodeBlock-BgE-NSmE.mjs';
-import { u as useIsDesktop } from './useIsDesktop-BS13spVj.mjs';
-import { u as useFetch } from './fetch-B4FwBOzu.mjs';
-import { c as useCookie } from './DashboardSidebarToggle-DCTnHiIv.mjs';
+import { e as errorMessage, f as formatRelativeTime, G as passRate } from './index-ByWTzqF6.mjs';
+import { _ as __nuxt_component_15 } from './GetStartedWizard-DxT8T14Y.mjs';
+import { _ as _sfc_main$5 } from './Card--Ike7sYc.mjs';
+import { u as useFetch } from './fetch-Be-j7hF1.mjs';
+import { c as useCookie } from './DashboardSidebarToggle-BPNxODwj.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './VisuallyHiddenInput-BHvzNumK.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
@@ -45,10 +43,13 @@ import 'highlight.js/lib/languages/typescript';
 import 'highlight.js/lib/languages/xml';
 import 'highlight.js/lib/languages/yaml';
 import 'fflate';
+import 'zod';
 import 'pixelmatch';
 import 'sharp';
 import '@anthropic-ai/sdk';
 import 'nodemailer';
+import 'node:dns/promises';
+import 'node:net';
 import 'node:util';
 import 'rou3';
 import 'fs';
@@ -86,13 +87,15 @@ import './isValueEqualOrExist-D2qw9YEr.mjs';
 import './useForwardScopeId-D0ameaSU.mjs';
 import './RovingFocusItem--OEHI2P3.mjs';
 import './Label-DYDR1Oeh.mjs';
+import './HelpHint-C5Ru8BCc.mjs';
+import './help-content-C876a9WD.mjs';
 import '@tanstack/vue-table';
 import 'date-fns';
-import './help-content-C876a9WD.mjs';
-import './useCopy-CeKWgHyT.mjs';
+import './CodeBlock-CjnDrO3Y.mjs';
+import './useIsDesktop-BS13spVj.mjs';
 import '@vue/shared';
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "HomeFilters",
   __ssrInlineRender: true,
   props: {
@@ -116,9 +119,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", { environments: [], fullRunsOnly: true });
     }
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_USelectMenu = _sfc_main$a;
+      const _component_USelectMenu = _sfc_main$9;
       const _component_UIcon = _sfc_main$p;
-      const _component_UCheckbox = _sfc_main$b;
+      const _component_UCheckbox = _sfc_main$a;
       const _component_UButton = _sfc_main$k;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center gap-3 flex-wrap" }, _attrs))}>`);
       if (__props.availableEnvironments.length > 0) {
@@ -199,14 +202,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+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/home/HomeFilters.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const __nuxt_component_4 = Object.assign(_sfc_main$3, { __name: "HomeFilters" });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_4 = Object.assign(_sfc_main$2, { __name: "HomeFilters" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTrendTable",
   __ssrInlineRender: true,
   props: {
@@ -271,7 +274,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
       const _component_UButton = _sfc_main$k;
-      const _component_UTable = _sfc_main$9;
+      const _component_UTable = _sfc_main$8;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_TagBadge = __nuxt_component_4$1;
       const _component_MiniRunBars = __nuxt_component_5$1;
@@ -865,512 +868,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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/project/ProjectTrendTable.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-const __nuxt_component_10 = Object.assign(_sfc_main$2, { __name: "ProjectTrendTable" });
-const fixturesExtendCode = `// tests/fixtures.ts
-import { test as base, expect } from '@playwright/test'
-import { piwiFixtures } from '@piwitests/reporter'
-
-export const test = base.extend(piwiFixtures)
-export { expect }`;
-const fixturesUseCode = `// your test file
-import { test, expect } from './fixtures'
-
-test('homepage loads', async ({ page }) => {
-  await page.goto('/')
-  // network requests, web vitals, console errors, and ARIA snapshots
-  // are captured automatically and appear in the dashboard
-})`;
-const fixturesDropInCode = `// tests/fixtures.ts
-import { test as base } from '@playwright/test'
-import { extendPiwiFixtures } from '@piwitests/reporter'
-
-export const test = extendPiwiFixtures(base)
-export { expect } from '@playwright/test'`;
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "GetStartedWizard",
-  __ssrInlineRender: true,
-  setup(__props) {
-    const config = useRuntimeConfig();
-    const authEnabled = computed(() => !!config.public.authEnabled);
-    const isDesktop = useIsDesktop();
-    const serverUrl = ref("http://localhost:3000");
-    function reporterOptions(indent) {
-      const lines = [`projectName: 'my-project',`];
-      if (!isDesktop) {
-        lines.unshift(`serverUrl: '${serverUrl.value}',`);
-        if (authEnabled.value) lines.push(`apiKey: process.env.PIWI_API_KEY,`);
-      }
-      return lines.map((line) => `${indent}${line}`).join("\n");
-    }
-    const configCode = computed(
-      () => `import { defineConfig } from '@playwright/test'
-
-export default defineConfig({
-  reporter: [
-    ['list'],
-    ['@piwitests/reporter', {
-${reporterOptions("      ")}
-    }],
-  ],
-  use: {
-    trace: 'retain-on-failure',
-  },
-})`
-    );
-    const wrapConfigCode = computed(
-      () => `import { defineConfig } from '@playwright/test'
-import PiwiDashboard from '@piwitests/reporter'
-
-export default PiwiDashboard.wrapConfig(
-  defineConfig({
-    // your existing config
-    use: {
-      trace: 'retain-on-failure',
-    },
-  }),
-  {
-${reporterOptions("    ")}
-  },
-)`
-    );
-    const steps = computed(() => {
-      const list = [
-        {
-          title: "Start the dashboard",
-          description: "You're already here — the dashboard is running.",
-          done: true
-        },
-        {
-          title: "Install the reporter",
-          description: "Add the Piwi reporter to your Playwright project.",
-          code: "npm install --save-dev @piwitests/reporter",
-          lang: "bash"
-        }
-      ];
-      if (authEnabled.value) {
-        list.push({
-          title: "Create an API key",
-          description: "Authentication is enabled on this instance, so the reporter needs a key to submit results. Create one, then set it as PIWI_API_KEY in your CI secrets (used by the snippet below).",
-          action: "create-api-key"
-        });
-      }
-      list.push(
-        {
-          title: "Configure Playwright",
-          description: isDesktop ? "Add the reporter to your playwright.config.ts. While this app is running it needs no URL or token — the reporter finds it automatically." : "Add the reporter to your playwright.config.ts.",
-          code: configCode.value,
-          lang: "typescript"
-        },
-        {
-          title: "Run your tests",
-          description: "Results appear in the dashboard automatically. The project is created on first submit.",
-          code: "npx playwright test",
-          lang: "bash"
-        }
-      );
-      return list.map((step, index) => ({ id: index + 1, ...step }));
-    });
-    const STEP_COUNT_WORDS = ["zero", "one", "two", "three", "four", "five", "six"];
-    const stepCountWord = computed(() => STEP_COUNT_WORDS[steps.value.length] ?? String(steps.value.length));
-    const goFurtherOpen = ref(false);
-    return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$6;
-      const _component_UIcon = _sfc_main$p;
-      const _component_HelpHint = __nuxt_component_2;
-      const _component_UBadge = _sfc_main$7$1;
-      const _component_UButton = _sfc_main$k;
-      const _component_CodeBlock = __nuxt_component_5$2;
-      const _component_DocLink = __nuxt_component_9;
-      _push(ssrRenderComponent(_component_UCard, _attrs, {
-        header: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<div class="flex items-center gap-3"${_scopeId}><div class="p-2 bg-primary/10 rounded-lg shrink-0"${_scopeId}>`);
-            _push2(ssrRenderComponent(_component_UIcon, {
-              name: "i-lucide-rocket",
-              class: "size-5 text-primary"
-            }, null, _parent2, _scopeId));
-            _push2(`</div><div${_scopeId}><h2 class="text-xl font-semibold inline-flex items-center gap-1"${_scopeId}> Get started in 60 seconds `);
-            _push2(ssrRenderComponent(_component_HelpHint, { topic: "home.get-started" }, null, _parent2, _scopeId));
-            _push2(`</h2><p class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>Send your first test run in ${ssrInterpolate(unref(stepCountWord))} steps</p></div></div>`);
-          } else {
-            return [
-              createVNode("div", { class: "flex items-center gap-3" }, [
-                createVNode("div", { class: "p-2 bg-primary/10 rounded-lg shrink-0" }, [
-                  createVNode(_component_UIcon, {
-                    name: "i-lucide-rocket",
-                    class: "size-5 text-primary"
-                  })
-                ]),
-                createVNode("div", null, [
-                  createVNode("h2", { class: "text-xl font-semibold inline-flex items-center gap-1" }, [
-                    createTextVNode(" Get started in 60 seconds "),
-                    createVNode(_component_HelpHint, { topic: "home.get-started" })
-                  ]),
-                  createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, "Send your first test run in " + toDisplayString(unref(stepCountWord)) + " steps", 1)
-                ])
-              ])
-            ];
-          }
-        }),
-        footer: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<div class="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400"${_scopeId}><span${_scopeId}>Need more options? See the `);
-            _push2(ssrRenderComponent(_component_DocLink, {
-              to: "reporter",
-              "no-icon": "",
-              class: "text-primary hover:underline"
-            }, {
-              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                if (_push3) {
-                  _push3(`full reporter docs`);
-                } else {
-                  return [
-                    createTextVNode("full reporter docs")
-                  ];
-                }
-              }),
-              _: 1
-            }, _parent2, _scopeId));
-            _push2(`.</span>`);
-            _push2(ssrRenderComponent(_component_UButton, {
-              to: unref(docsUrl)("demo/"),
-              target: "_blank",
-              variant: "ghost",
-              size: "sm",
-              color: "neutral",
-              "trailing-icon": "i-lucide-external-link"
-            }, {
-              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                if (_push3) {
-                  _push3(` View demo with sample data `);
-                } else {
-                  return [
-                    createTextVNode(" View demo with sample data ")
-                  ];
-                }
-              }),
-              _: 1
-            }, _parent2, _scopeId));
-            _push2(`</div>`);
-          } else {
-            return [
-              createVNode("div", { class: "flex items-center justify-between text-sm text-gray-500 dark:text-gray-400" }, [
-                createVNode("span", null, [
-                  createTextVNode("Need more options? See the "),
-                  createVNode(_component_DocLink, {
-                    to: "reporter",
-                    "no-icon": "",
-                    class: "text-primary hover:underline"
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("full reporter docs")
-                    ]),
-                    _: 1
-                  }),
-                  createTextVNode(".")
-                ]),
-                createVNode(_component_UButton, {
-                  to: unref(docsUrl)("demo/"),
-                  target: "_blank",
-                  variant: "ghost",
-                  size: "sm",
-                  color: "neutral",
-                  "trailing-icon": "i-lucide-external-link"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" View demo with sample data ")
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ])
-            ];
-          }
-        }),
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<div${_scopeId}><!--[-->`);
-            ssrRenderList(unref(steps), (step, index) => {
-              _push2(`<div class="flex gap-4"${_scopeId}><div class="flex flex-col items-center shrink-0"${_scopeId}><div class="${ssrRenderClass([
-                step.done ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : "bg-primary/10 text-primary",
-                "flex size-8 items-center justify-center rounded-full text-sm font-semibold"
-              ])}"${_scopeId}>`);
-              if (step.done) {
-                _push2(ssrRenderComponent(_component_UIcon, {
-                  name: "i-lucide-check",
-                  class: "size-4"
-                }, null, _parent2, _scopeId));
-              } else {
-                _push2(`<span${_scopeId}>${ssrInterpolate(step.id)}</span>`);
-              }
-              _push2(`</div>`);
-              if (index < unref(steps).length - 1) {
-                _push2(`<div class="w-px flex-1 mt-2 min-h-6 bg-gray-200 dark:bg-gray-700"${_scopeId}></div>`);
-              } else {
-                _push2(`<!---->`);
-              }
-              _push2(`</div><div class="flex-1 pb-6"${_scopeId}><div class="flex items-center gap-2 mb-1"${_scopeId}><h3 class="font-medium"${_scopeId}>${ssrInterpolate(step.title)}</h3>`);
-              if (step.done) {
-                _push2(ssrRenderComponent(_component_UBadge, {
-                  color: "success",
-                  variant: "subtle",
-                  size: "xs"
-                }, {
-                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                    if (_push3) {
-                      _push3(`Done`);
-                    } else {
-                      return [
-                        createTextVNode("Done")
-                      ];
-                    }
-                  }),
-                  _: 2
-                }, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              _push2(`</div><p class="text-sm text-gray-600 dark:text-gray-400 mb-3"${_scopeId}>${ssrInterpolate(step.description)}</p>`);
-              if (step.action === "create-api-key") {
-                _push2(ssrRenderComponent(_component_UButton, {
-                  to: "/settings/users",
-                  icon: "i-lucide-key-round",
-                  size: "sm",
-                  variant: "soft"
-                }, {
-                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                    if (_push3) {
-                      _push3(` Create an API key `);
-                    } else {
-                      return [
-                        createTextVNode(" Create an API key ")
-                      ];
-                    }
-                  }),
-                  _: 2
-                }, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              if (step.code) {
-                _push2(ssrRenderComponent(_component_CodeBlock, {
-                  code: step.code,
-                  lang: step.lang
-                }, null, _parent2, _scopeId));
-              } else {
-                _push2(`<!---->`);
-              }
-              _push2(`</div></div>`);
-            });
-            _push2(`<!--]--><div class="border-t border-gray-200 dark:border-gray-700 pt-4 mt-2"${_scopeId}><button class="flex items-center gap-2 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors w-full text-left"${_scopeId}>`);
-            _push2(ssrRenderComponent(_component_UIcon, {
-              name: "i-lucide-chevron-right",
-              class: ["size-4 transition-transform duration-200", unref(goFurtherOpen) ? "rotate-90" : ""]
-            }, null, _parent2, _scopeId));
-            _push2(` Go further — simpler config &amp; capture fixtures </button>`);
-            if (unref(goFurtherOpen)) {
-              _push2(`<div class="mt-4 space-y-6"${_scopeId}><div${_scopeId}><h4 class="font-medium text-sm mb-1"${_scopeId}> Simpler config with <code class="text-primary text-xs"${_scopeId}>wrapConfig</code></h4><p class="text-sm text-gray-600 dark:text-gray-400 mb-3"${_scopeId}> Instead of manually adding the reporter array entry, <code class="text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded"${_scopeId}>wrapConfig</code> auto-injects the reporter and chains the global setup in one call. It also registers the run on the dashboard <em${_scopeId}>before</em> your <code class="text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded"${_scopeId}>globalSetup</code> runs, so the dashboard shows an initializing state during setup. </p>`);
-              _push2(ssrRenderComponent(_component_CodeBlock, {
-                code: unref(wrapConfigCode),
-                lang: "typescript"
-              }, null, _parent2, _scopeId));
-              _push2(`</div><div${_scopeId}><h4 class="font-medium text-sm mb-1"${_scopeId}> Capture fixtures — network, Web Vitals, console &amp; locator healing with <code class="text-primary text-xs"${_scopeId}>piwiFixtures</code></h4><p class="text-sm text-gray-600 dark:text-gray-400 mb-3"${_scopeId}> Extend your Playwright <code class="text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded"${_scopeId}>test</code> with <code class="text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded"${_scopeId}>piwiFixtures</code> to automatically capture network timing, browser Web Vitals, console errors, ARIA snapshots on failure, and the locator snapshots that power locator healing. See the `);
-              _push2(ssrRenderComponent(_component_DocLink, {
-                to: "capture-fixtures",
-                "no-icon": "",
-                class: "text-primary hover:underline"
-              }, {
-                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                  if (_push3) {
-                    _push3(`capture fixtures guide`);
-                  } else {
-                    return [
-                      createTextVNode("capture fixtures guide")
-                    ];
-                  }
-                }),
-                _: 1
-              }, _parent2, _scopeId));
-              _push2(`. </p><p class="text-xs font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500 mb-2"${_scopeId}> Option A — extend your existing fixtures </p>`);
-              _push2(ssrRenderComponent(_component_CodeBlock, {
-                code: fixturesExtendCode,
-                lang: "typescript",
-                class: "mb-3"
-              }, null, _parent2, _scopeId));
-              _push2(ssrRenderComponent(_component_CodeBlock, {
-                code: fixturesUseCode,
-                lang: "typescript",
-                class: "mb-4"
-              }, null, _parent2, _scopeId));
-              _push2(`<p class="text-xs font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500 mb-2"${_scopeId}> Option B — one-line extend </p>`);
-              _push2(ssrRenderComponent(_component_CodeBlock, {
-                code: fixturesDropInCode,
-                lang: "typescript"
-              }, null, _parent2, _scopeId));
-              _push2(`</div></div>`);
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`</div></div>`);
-          } else {
-            return [
-              createVNode("div", null, [
-                (openBlock(true), createBlock(Fragment, null, renderList(unref(steps), (step, index) => {
-                  return openBlock(), createBlock("div", {
-                    key: step.id,
-                    class: "flex gap-4"
-                  }, [
-                    createVNode("div", { class: "flex flex-col items-center shrink-0" }, [
-                      createVNode("div", {
-                        class: [
-                          "flex size-8 items-center justify-center rounded-full text-sm font-semibold",
-                          step.done ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : "bg-primary/10 text-primary"
-                        ]
-                      }, [
-                        step.done ? (openBlock(), createBlock(_component_UIcon, {
-                          key: 0,
-                          name: "i-lucide-check",
-                          class: "size-4"
-                        })) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(step.id), 1))
-                      ], 2),
-                      index < unref(steps).length - 1 ? (openBlock(), createBlock("div", {
-                        key: 0,
-                        class: "w-px flex-1 mt-2 min-h-6 bg-gray-200 dark:bg-gray-700"
-                      })) : createCommentVNode("", true)
-                    ]),
-                    createVNode("div", { class: "flex-1 pb-6" }, [
-                      createVNode("div", { class: "flex items-center gap-2 mb-1" }, [
-                        createVNode("h3", { class: "font-medium" }, toDisplayString(step.title), 1),
-                        step.done ? (openBlock(), createBlock(_component_UBadge, {
-                          key: 0,
-                          color: "success",
-                          variant: "subtle",
-                          size: "xs"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode("Done")
-                          ]),
-                          _: 1
-                        })) : createCommentVNode("", true)
-                      ]),
-                      createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400 mb-3" }, toDisplayString(step.description), 1),
-                      step.action === "create-api-key" ? (openBlock(), createBlock(_component_UButton, {
-                        key: 0,
-                        to: "/settings/users",
-                        icon: "i-lucide-key-round",
-                        size: "sm",
-                        variant: "soft"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" Create an API key ")
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("", true),
-                      step.code ? (openBlock(), createBlock(_component_CodeBlock, {
-                        key: 1,
-                        code: step.code,
-                        lang: step.lang
-                      }, null, 8, ["code", "lang"])) : createCommentVNode("", true)
-                    ])
-                  ]);
-                }), 128)),
-                createVNode("div", { class: "border-t border-gray-200 dark:border-gray-700 pt-4 mt-2" }, [
-                  createVNode("button", {
-                    class: "flex items-center gap-2 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary transition-colors w-full text-left",
-                    onClick: ($event) => goFurtherOpen.value = !unref(goFurtherOpen)
-                  }, [
-                    createVNode(_component_UIcon, {
-                      name: "i-lucide-chevron-right",
-                      class: ["size-4 transition-transform duration-200", unref(goFurtherOpen) ? "rotate-90" : ""]
-                    }, null, 8, ["class"]),
-                    createTextVNode(" Go further — simpler config & capture fixtures ")
-                  ], 8, ["onClick"]),
-                  unref(goFurtherOpen) ? (openBlock(), createBlock("div", {
-                    key: 0,
-                    class: "mt-4 space-y-6"
-                  }, [
-                    createVNode("div", null, [
-                      createVNode("h4", { class: "font-medium text-sm mb-1" }, [
-                        createTextVNode(" Simpler config with "),
-                        createVNode("code", { class: "text-primary text-xs" }, "wrapConfig")
-                      ]),
-                      createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400 mb-3" }, [
-                        createTextVNode(" Instead of manually adding the reporter array entry, "),
-                        createVNode("code", { class: "text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded" }, "wrapConfig"),
-                        createTextVNode(" auto-injects the reporter and chains the global setup in one call. It also registers the run on the dashboard "),
-                        createVNode("em", null, "before"),
-                        createTextVNode(" your "),
-                        createVNode("code", { class: "text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded" }, "globalSetup"),
-                        createTextVNode(" runs, so the dashboard shows an initializing state during setup. ")
-                      ]),
-                      createVNode(_component_CodeBlock, {
-                        code: unref(wrapConfigCode),
-                        lang: "typescript"
-                      }, null, 8, ["code"])
-                    ]),
-                    createVNode("div", null, [
-                      createVNode("h4", { class: "font-medium text-sm mb-1" }, [
-                        createTextVNode(" Capture fixtures — network, Web Vitals, console & locator healing with "),
-                        createVNode("code", { class: "text-primary text-xs" }, "piwiFixtures")
-                      ]),
-                      createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400 mb-3" }, [
-                        createTextVNode(" Extend your Playwright "),
-                        createVNode("code", { class: "text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded" }, "test"),
-                        createTextVNode(" with "),
-                        createVNode("code", { class: "text-xs bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded" }, "piwiFixtures"),
-                        createTextVNode(" to automatically capture network timing, browser Web Vitals, console errors, ARIA snapshots on failure, and the locator snapshots that power locator healing. See the "),
-                        createVNode(_component_DocLink, {
-                          to: "capture-fixtures",
-                          "no-icon": "",
-                          class: "text-primary hover:underline"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode("capture fixtures guide")
-                          ]),
-                          _: 1
-                        }),
-                        createTextVNode(". ")
-                      ]),
-                      createVNode("p", { class: "text-xs font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500 mb-2" }, " Option A — extend your existing fixtures "),
-                      createVNode(_component_CodeBlock, {
-                        code: fixturesExtendCode,
-                        lang: "typescript",
-                        class: "mb-3"
-                      }),
-                      createVNode(_component_CodeBlock, {
-                        code: fixturesUseCode,
-                        lang: "typescript",
-                        class: "mb-4"
-                      }),
-                      createVNode("p", { class: "text-xs font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500 mb-2" }, " Option B — one-line extend "),
-                      createVNode(_component_CodeBlock, {
-                        code: fixturesDropInCode,
-                        lang: "typescript"
-                      })
-                    ])
-                  ])) : createCommentVNode("", true)
-                ])
-              ])
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-    };
-  }
-});
 const _sfc_setup$1 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/layout/GetStartedWizard.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/ProjectTrendTable.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_15 = Object.assign(_sfc_main$1, { __name: "GetStartedWizard" });
+const __nuxt_component_10 = Object.assign(_sfc_main$1, { __name: "ProjectTrendTable" });
 const ACTIVITY_PREVIEW_LIMIT = 6;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -1388,7 +892,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         lazy: true,
         default: () => []
       },
-      "$cnA6-rHww6"
+      "$LKtEy4Bi96"
       /* nuxt-injected */
     );
     const {
@@ -1398,7 +902,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useFetch(
       "/api/test-runs/recent",
       { lazy: true },
-      "$LEgADC56ri"
+      "$tXxkP3waVF"
       /* nuxt-injected */
     );
     const isInitialLoad = computed(() => overviewStatus.value === "pending" && !overview.value?.length);
@@ -1534,14 +1038,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UDashboardPanel = _sfc_main$1$1;
-      const _component_UDashboardNavbar = _sfc_main$7;
+      const _component_UDashboardNavbar = _sfc_main$6;
       const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
-      const _component_UBreadcrumb = _sfc_main$8;
+      const _component_UBreadcrumb = _sfc_main$7;
       const _component_HomeFilters = __nuxt_component_4;
       const _component_ErrorState = __nuxt_component_5;
       const _component_UButton = _sfc_main$k;
-      const _component_USkeleton = _sfc_main$4;
-      const _component_UAlert = _sfc_main$5;
+      const _component_USkeleton = _sfc_main$3;
+      const _component_UAlert = _sfc_main$4;
       const _component_UIcon = _sfc_main$p;
       const _component_ProjectTrendTable = __nuxt_component_10;
       const _component_SectionCard = __nuxt_component_11;
@@ -1549,7 +1053,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_RunStatusBadge = __nuxt_component_13;
       const _component_DurationValue = __nuxt_component_14;
       const _component_GetStartedWizard = __nuxt_component_15;
-      const _component_UCard = _sfc_main$6;
+      const _component_UCard = _sfc_main$5;
       _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "home" }, _attrs), {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -2189,4 +1693,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=index-e9skCi-V.mjs.map
+//# sourceMappingURL=index-DcnICCZU.mjs.map