@piwitests/server 0.20.0 → 0.22.0

package/.output/server/chunks/build/setup-0-1O6Hjz.mjs

@@ -0,0 +1,1065 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$4 } from './DashboardNavbar-DYtmVlhy.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$5 } from './Breadcrumb-DJp5WvUM.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-C753B3Yo.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-CjnDrO3Y.mjs';
+import { _ as _sfc_main$6 } from './Separator-BbgCfKKJ.mjs';
+import { l as useHead, m as _sfc_main$k, o as _sfc_main$p, n as _sfc_main$7, j as useToast } from './server.mjs';
+import { defineComponent, withAsyncContext, computed, mergeProps, withCtx, unref, createTextVNode, createVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, createCommentVNode, ref, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrInterpolate } from 'vue/server-renderer';
+import { u as useFetch, a as useCopy } from './fetch-Be-j7hF1.mjs';
+import { _ as __nuxt_component_7 } from './DataLocationCard-2B-sVSMr.mjs';
+import { _ as _sfc_main$8 } from './Switch-DdkA3Fii.mjs';
+import { t as tauriCore } from './useTauri-Kf3HE_42.mjs';
+import { _ as __nuxt_component_15 } from './GetStartedWizard-DxT8T14Y.mjs';
+import { _ as _sfc_main$3 } from './Card--Ike7sYc.mjs';
+import { _ as __nuxt_component_13 } from './LoadingState-CwpfmI0W.mjs';
+import { a as __nuxt_component_9 } from './HelpHint-C5Ru8BCc.mjs';
+import { u as useIsDesktop } from './useIsDesktop-BS13spVj.mjs';
+import './DashboardSidebarToggle-BPNxODwj.mjs';
+import '../nitro/nitro.mjs';
+import 'node:crypto';
+import 'drizzle-orm';
+import 'path';
+import 'fs/promises';
+import 'zlib';
+import 'util';
+import 'marked';
+import 'highlight.js/lib/core';
+import 'highlight.js/lib/languages/bash';
+import 'highlight.js/lib/languages/css';
+import 'highlight.js/lib/languages/diff';
+import 'highlight.js/lib/languages/javascript';
+import 'highlight.js/lib/languages/json';
+import 'highlight.js/lib/languages/python';
+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';
+import '@aws-sdk/client-s3';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'drizzle-orm/libsql/sqlite3';
+import 'drizzle-orm/sqlite-core';
+import 'drizzle-orm/pg-core';
+import 'url';
+import 'node:async_hooks';
+import 'node:zlib';
+import 'consola';
+import 'node:url';
+import '@iconify/utils';
+import './index-ByWTzqF6.mjs';
+import 'date-fns';
+import 'vue-router';
+import '@iconify/vue';
+import 'tailwindcss/colors';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '@floating-ui/vue';
+import 'aria-hidden';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '@vue/shared';
+import './Label-DYDR1Oeh.mjs';
+import './useFormControl-CZ9So7iX.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './VisuallyHiddenInput-BHvzNumK.mjs';
+import './help-content-C876a9WD.mjs';
+
+const autoSnippet = `reporter: [
+  ['@piwitests/reporter', { projectName: 'my-project' }],
+],`;
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopReporterCard",
+  __ssrInlineRender: true,
+  props: {
+    url: {},
+    token: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { copy } = useCopy();
+    const manualSnippet = computed(
+      () => `reporter: [
+  ['@piwitests/reporter', {
+    serverUrl: '${props.url}',
+    projectName: 'my-project',
+    apiKey: '${props.token}',
+  }],
+],`
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_CodeBlock = __nuxt_component_5;
+      const _component_USeparator = _sfc_main$6;
+      const _component_UButton = _sfc_main$k;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-upload",
+        title: "Send results to this app"
+      }, _attrs), {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` While this app is running, the Playwright reporter finds it on its own — no URL and no token in your config. `);
+          } else {
+            return [
+              createTextVNode(" While this app is running, the Playwright reporter finds it on its own — no URL and no token in your config. ")
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4 text-sm"${_scopeId}><div class="space-y-1"${_scopeId}><div class="text-muted"${_scopeId}>playwright.config.ts</div>`);
+            _push2(ssrRenderComponent(_component_CodeBlock, {
+              code: autoSnippet,
+              lang: "typescript"
+            }, null, _parent2, _scopeId));
+            _push2(`<p class="text-muted text-xs"${_scopeId}> The app publishes its address and token to <code${_scopeId}>~/.piwi/desktop.json</code> while it runs. The reporter reads that file only when your config and environment set no <code${_scopeId}>serverUrl</code> and no <code${_scopeId}>apiKey</code>, so a project already pointed at another dashboard is never redirected here. </p></div>`);
+            _push2(ssrRenderComponent(_component_USeparator, null, null, _parent2, _scopeId));
+            _push2(`<div class="space-y-3"${_scopeId}><p class="text-muted"${_scopeId}> Configure it by hand when discovery cannot apply — tests running as another user, in a container, or with a config that already sets <code${_scopeId}>serverUrl</code>. The token is a local secret: prefer the <code${_scopeId}>PIWI_API_KEY</code> env var over committing it. </p><div class="space-y-1"${_scopeId}><div class="text-muted"${_scopeId}>Access token</div><div class="flex items-start gap-2"${_scopeId}><code class="text-xs break-all flex-1"${_scopeId}>${ssrInterpolate(__props.token)}</code>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              icon: "i-lucide-copy",
+              color: "neutral",
+              variant: "ghost",
+              size: "xs",
+              "aria-label": "Copy access token",
+              onClick: ($event) => unref(copy)(__props.token, { toast: true })
+            }, null, _parent2, _scopeId));
+            _push2(`</div></div><div class="space-y-1"${_scopeId}><div class="text-muted"${_scopeId}>playwright.config.ts</div>`);
+            _push2(ssrRenderComponent(_component_CodeBlock, {
+              code: unref(manualSnippet),
+              lang: "typescript"
+            }, null, _parent2, _scopeId));
+            _push2(`</div></div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4 text-sm" }, [
+                createVNode("div", { class: "space-y-1" }, [
+                  createVNode("div", { class: "text-muted" }, "playwright.config.ts"),
+                  createVNode(_component_CodeBlock, {
+                    code: autoSnippet,
+                    lang: "typescript"
+                  }),
+                  createVNode("p", { class: "text-muted text-xs" }, [
+                    createTextVNode(" The app publishes its address and token to "),
+                    createVNode("code", null, "~/.piwi/desktop.json"),
+                    createTextVNode(" while it runs. The reporter reads that file only when your config and environment set no "),
+                    createVNode("code", null, "serverUrl"),
+                    createTextVNode(" and no "),
+                    createVNode("code", null, "apiKey"),
+                    createTextVNode(", so a project already pointed at another dashboard is never redirected here. ")
+                  ])
+                ]),
+                createVNode(_component_USeparator),
+                createVNode("div", { class: "space-y-3" }, [
+                  createVNode("p", { class: "text-muted" }, [
+                    createTextVNode(" Configure it by hand when discovery cannot apply — tests running as another user, in a container, or with a config that already sets "),
+                    createVNode("code", null, "serverUrl"),
+                    createTextVNode(". The token is a local secret: prefer the "),
+                    createVNode("code", null, "PIWI_API_KEY"),
+                    createTextVNode(" env var over committing it. ")
+                  ]),
+                  createVNode("div", { class: "space-y-1" }, [
+                    createVNode("div", { class: "text-muted" }, "Access token"),
+                    createVNode("div", { class: "flex items-start gap-2" }, [
+                      createVNode("code", { class: "text-xs break-all flex-1" }, toDisplayString(__props.token), 1),
+                      createVNode(_component_UButton, {
+                        icon: "i-lucide-copy",
+                        color: "neutral",
+                        variant: "ghost",
+                        size: "xs",
+                        "aria-label": "Copy access token",
+                        onClick: ($event) => unref(copy)(__props.token, { toast: true })
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  createVNode("div", { class: "space-y-1" }, [
+                    createVNode("div", { class: "text-muted" }, "playwright.config.ts"),
+                    createVNode(_component_CodeBlock, {
+                      code: unref(manualSnippet),
+                      lang: "typescript"
+                    }, null, 8, ["code"])
+                  ])
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 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/desktop/DesktopReporterCard.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_4 = Object.assign(_sfc_main$2, { __name: "DesktopReporterCard" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopServiceCard",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const toast = useToast();
+    const loading = ref(true);
+    const available = ref(false);
+    const busy = ref(false);
+    const runInBackground = ref(false);
+    const startOnLogin = ref(false);
+    async function setRunInBackground(value) {
+      const core = tauriCore();
+      if (!core) return;
+      busy.value = true;
+      try {
+        await core.invoke("desktop_set_run_in_background", { enabled: value });
+        runInBackground.value = value;
+      } catch {
+        toast.add({ title: 'Could not update "Run in background"', color: "error" });
+      } finally {
+        busy.value = false;
+      }
+    }
+    async function setStartOnLogin(value) {
+      const core = tauriCore();
+      if (!core) return;
+      busy.value = true;
+      try {
+        await core.invoke("desktop_set_start_on_login", { enabled: value });
+        startOnLogin.value = value;
+      } catch {
+        toast.add({ title: 'Could not update "Start on login"', color: "error" });
+      } finally {
+        busy.value = false;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UIcon = _sfc_main$p;
+      const _component_USwitch = _sfc_main$8;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-monitor-cog",
+        title: "Desktop app"
+      }, _attrs), {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Keep Piwi running in the background and start it automatically when you log in. `);
+          } else {
+            return [
+              createTextVNode(" Keep Piwi running in the background and start it automatically when you log in. ")
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(loading)) {
+              _push2(`<div class="flex items-center gap-2 text-sm text-muted"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-2",
+                class: "size-4 animate-spin"
+              }, null, _parent2, _scopeId));
+              _push2(` Checking… </div>`);
+            } else if (unref(available)) {
+              _push2(`<div class="space-y-4"${_scopeId}><div class="flex items-start justify-between gap-4"${_scopeId}><div class="space-y-0.5"${_scopeId}><p class="text-sm font-medium"${_scopeId}>Run in background</p><p class="text-xs text-muted"${_scopeId}>Closing the window keeps the server running in the tray instead of quitting.</p></div>`);
+              _push2(ssrRenderComponent(_component_USwitch, {
+                "model-value": unref(runInBackground),
+                disabled: unref(busy),
+                "onUpdate:modelValue": setRunInBackground
+              }, null, _parent2, _scopeId));
+              _push2(`</div><div class="flex items-start justify-between gap-4"${_scopeId}><div class="space-y-0.5"${_scopeId}><p class="text-sm font-medium"${_scopeId}>Start on login</p><p class="text-xs text-muted"${_scopeId}> Launch Piwi automatically (hidden in the tray) when you sign in to your computer. </p></div>`);
+              _push2(ssrRenderComponent(_component_USwitch, {
+                "model-value": unref(startOnLogin),
+                disabled: unref(busy),
+                "onUpdate:modelValue": setStartOnLogin
+              }, null, _parent2, _scopeId));
+              _push2(`</div></div>`);
+            } else {
+              _push2(`<div class="space-y-1 text-sm text-muted"${_scopeId}><p${_scopeId}>Manage these from the Piwi tray icon:</p><p class="text-xs"${_scopeId}> Right-click the Piwi icon in your system tray for <strong${_scopeId}>Run in background</strong> and <strong${_scopeId}>Start on login</strong>. On Windows the icon may be hidden under the “show hidden icons” arrow (▲) next to the clock — drag it onto the taskbar to keep it in view. </p></div>`);
+            }
+          } else {
+            return [
+              unref(loading) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "flex items-center gap-2 text-sm text-muted"
+              }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-loader-2",
+                  class: "size-4 animate-spin"
+                }),
+                createTextVNode(" Checking… ")
+              ])) : unref(available) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "space-y-4"
+              }, [
+                createVNode("div", { class: "flex items-start justify-between gap-4" }, [
+                  createVNode("div", { class: "space-y-0.5" }, [
+                    createVNode("p", { class: "text-sm font-medium" }, "Run in background"),
+                    createVNode("p", { class: "text-xs text-muted" }, "Closing the window keeps the server running in the tray instead of quitting.")
+                  ]),
+                  createVNode(_component_USwitch, {
+                    "model-value": unref(runInBackground),
+                    disabled: unref(busy),
+                    "onUpdate:modelValue": setRunInBackground
+                  }, null, 8, ["model-value", "disabled"])
+                ]),
+                createVNode("div", { class: "flex items-start justify-between gap-4" }, [
+                  createVNode("div", { class: "space-y-0.5" }, [
+                    createVNode("p", { class: "text-sm font-medium" }, "Start on login"),
+                    createVNode("p", { class: "text-xs text-muted" }, " Launch Piwi automatically (hidden in the tray) when you sign in to your computer. ")
+                  ]),
+                  createVNode(_component_USwitch, {
+                    "model-value": unref(startOnLogin),
+                    disabled: unref(busy),
+                    "onUpdate:modelValue": setStartOnLogin
+                  }, null, 8, ["model-value", "disabled"])
+                ])
+              ])) : (openBlock(), createBlock("div", {
+                key: 2,
+                class: "space-y-1 text-sm text-muted"
+              }, [
+                createVNode("p", null, "Manage these from the Piwi tray icon:"),
+                createVNode("p", { class: "text-xs" }, [
+                  createTextVNode(" Right-click the Piwi icon in your system tray for "),
+                  createVNode("strong", null, "Run in background"),
+                  createTextVNode(" and "),
+                  createVNode("strong", null, "Start on login"),
+                  createTextVNode(". On Windows the icon may be hidden under the “show hidden icons” arrow (▲) next to the clock — drag it onto the taskbar to keep it in view. ")
+                ])
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopServiceCard.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$1, { __name: "DesktopServiceCard" });
+const SETUP_CAPABILITIES = [
+  {
+    id: "reporter",
+    title: "Results arriving",
+    summary: "Your Playwright runs are reaching this dashboard and their history is being kept.",
+    how: "Follow the four steps above to add the reporter to your Playwright config.",
+    icon: "i-lucide-antenna",
+    doc: "reporter"
+  },
+  {
+    id: "fixtures",
+    title: "Capture fixtures",
+    summary: "Network timing, Web Vitals, console errors and ARIA snapshots, captured per test. Powers slow endpoints, performance trends and the richer AI diagnosis context.",
+    how: 'Extend your Playwright `test` with `piwiFixtures` — see "Go further" above.',
+    icon: "i-lucide-radio",
+    doc: "capture-fixtures"
+  },
+  {
+    id: "locator-healing",
+    title: "Locator healing",
+    summary: "When a selector breaks, ranked replacement locators captured from the last passing run — with a recommended fix.",
+    how: "Comes with the capture fixtures; enable those and healing data starts accumulating on passing runs.",
+    icon: "i-lucide-bandage",
+    doc: "capture-fixtures"
+  },
+  {
+    id: "clustering",
+    title: "Failure clustering",
+    summary: "Forty red tests collapsed into the three root causes behind them, each triaged once.",
+    how: "Automatic — clusters form as soon as failures with a shared error fingerprint arrive.",
+    icon: "i-lucide-layers",
+    doc: "ai-diagnosis"
+  },
+  {
+    id: "ai",
+    title: "AI diagnosis",
+    summary: "An LLM you configure explains a cluster against your actual git diff, with its suggested patch validated against your source before you see it.",
+    how: "Configure a provider in Settings — Anthropic, OpenAI, or any OpenAI-compatible endpoint including local models.",
+    icon: "i-lucide-sparkles",
+    doc: "ai-diagnosis",
+    to: "/settings/ai",
+    toLabel: "Configure AI",
+    optional: true
+  },
+  {
+    id: "scm",
+    title: "Source control",
+    summary: "The commits behind a failure, CODEOWNERS-derived ownership, and pull-request feedback on the branch that broke.",
+    how: "Add a repository access token on the project, or globally in Settings.",
+    icon: "i-lucide-git-branch",
+    doc: "ai-diagnosis",
+    to: "/settings/ai",
+    toLabel: "Add a token",
+    optional: true
+  },
+  {
+    id: "notifications",
+    title: "Notifications",
+    summary: "Email, Slack, webhook and browser channels, with per-project subscriptions and digests.",
+    how: "Add a channel in Settings, then subscribe the projects you care about.",
+    icon: "i-lucide-bell",
+    doc: "notifications",
+    to: "/settings/notifications",
+    toLabel: "Add a channel",
+    optional: true
+  },
+  {
+    id: "quarantine",
+    title: "Quarantine",
+    summary: "A known-bad test keeps running and reporting, but stops failing the CI gate — and earns its way out on a passing streak.",
+    how: "Quarantine a test from its test-case page, or from the project's Quarantine tab.",
+    icon: "i-lucide-shield-alert",
+    doc: "flaky-tests",
+    optional: true
+  },
+  {
+    id: "tags",
+    title: "Tags & ownership",
+    summary: "Playwright's own test tags plus `piwi:owner` / `priority` / `feature` annotations, filterable across the catalog and the flaky leaderboard.",
+    how: "Tag tests in your specs, or define project tags in Settings.",
+    icon: "i-lucide-tags",
+    doc: "reporter",
+    to: "/settings/tags",
+    toLabel: "Manage tags",
+    optional: true
+  },
+  {
+    id: "markers",
+    title: "Timeline markers",
+    summary: "Your deploys and infrastructure changes overlaid on the trend charts, so a step change has a cause.",
+    how: "Add a marker from a project's Timeline tab.",
+    icon: "i-lucide-git-commit-horizontal",
+    doc: "timeline-markers",
+    optional: true
+  }
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "setup",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    useHead({ title: "Setup — Piwi Dashboard" });
+    const isDesktop = useIsDesktop();
+    const { data: stats } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/admin/stats",
+      {
+        immediate: isDesktop,
+        default: () => null
+      },
+      "$euzZjV7JAx"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const { data: reporterConfig } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/desktop/reporter-config",
+      {
+        immediate: isDesktop,
+        default: () => null
+      },
+      "$8hZyiK3RAW"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const { data: status, status: fetchStatus } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/setup-status",
+      {
+        lazy: true,
+        default: () => ({ capabilities: [] })
+      },
+      "$f9suaFnWiV"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const activeById = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      for (const c of status.value?.capabilities ?? []) map.set(c.id, c.active);
+      return map;
+    });
+    const isLoading = computed(() => fetchStatus.value === "pending" && !status.value?.capabilities.length);
+    const rows = computed(
+      () => SETUP_CAPABILITIES.map((copy) => ({ ...copy, active: activeById.value.get(copy.id) ?? false }))
+    );
+    const activeCount = computed(() => rows.value.filter((r) => r.active).length);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$4;
+      const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
+      const _component_UBreadcrumb = _sfc_main$5;
+      const _component_DesktopReporterCard = __nuxt_component_4;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UButton = _sfc_main$k;
+      const _component_DataLocationCard = __nuxt_component_7;
+      const _component_DesktopServiceCard = __nuxt_component_8;
+      const _component_GetStartedWizard = __nuxt_component_15;
+      const _component_UCard = _sfc_main$3;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_DocLink = __nuxt_component_9;
+      _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "setup" }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, {
+              leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UBreadcrumb, { items: [{ label: "Setup", icon: "i-lucide-rocket", to: "/setup" }] }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createVNode(_component_UBreadcrumb, { items: [{ label: "Setup", icon: "i-lucide-rocket", to: "/setup" }] })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, {
+                leading: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createVNode(_component_UBreadcrumb, { items: [{ label: "Setup", icon: "i-lucide-rocket", to: "/setup" }] })
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex flex-col gap-6 w-full lg:max-w-4xl mx-auto"${_scopeId}>`);
+            if (unref(isDesktop)) {
+              _push2(`<!--[-->`);
+              if (unref(reporterConfig)) {
+                _push2(ssrRenderComponent(_component_DesktopReporterCard, {
+                  url: unref(reporterConfig).url,
+                  token: unref(reporterConfig).token
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_SectionCard, {
+                icon: "i-lucide-plug",
+                title: "Connect an AI assistant (MCP)"
+              }, {
+                subtitle: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` This app exposes a local MCP endpoint so agents like Claude can query your test results. The MCP server page has the URL and access token for this instance already baked into one-click setup for every client. `);
+                  } else {
+                    return [
+                      createTextVNode(" This app exposes a local MCP endpoint so agents like Claude can query your test results. The MCP server page has the URL and access token for this instance already baked into one-click setup for every client. ")
+                    ];
+                  }
+                }),
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      to: "/mcp",
+                      color: "neutral",
+                      variant: "soft",
+                      "trailing-icon": "i-lucide-arrow-right"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Open MCP setup `);
+                        } else {
+                          return [
+                            createTextVNode(" Open MCP setup ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        to: "/mcp",
+                        color: "neutral",
+                        variant: "soft",
+                        "trailing-icon": "i-lucide-arrow-right"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Open MCP setup ")
+                        ]),
+                        _: 1
+                      })
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              if (unref(stats)) {
+                _push2(ssrRenderComponent(_component_DataLocationCard, {
+                  database: unref(stats).databaseLocation,
+                  storage: unref(stats).storageLocation
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_DesktopServiceCard, null, null, _parent2, _scopeId));
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(ssrRenderComponent(_component_GetStartedWizard, null, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center justify-between gap-3"${_scopeId2}><div class="flex items-center gap-3"${_scopeId2}><div class="p-2 bg-primary/10 rounded-lg shrink-0"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-list-checks",
+                    class: "size-5 text-primary"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div><div${_scopeId2}><h2 class="text-xl font-semibold"${_scopeId2}>What&#39;s switched on</h2><p class="text-sm text-gray-500 dark:text-gray-400"${_scopeId2}> Detected from your data, not your config — a capability reads as active once this instance has actually used it. </p></div></div>`);
+                  if (!unref(isLoading)) {
+                    _push3(ssrRenderComponent(_component_UBadge, {
+                      color: "neutral",
+                      variant: "subtle",
+                      class: "shrink-0 max-sm:hidden"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`${ssrInterpolate(unref(activeCount))} / ${ssrInterpolate(unref(rows).length)}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString(unref(activeCount)) + " / " + toDisplayString(unref(rows).length), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                      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-list-checks",
+                            class: "size-5 text-primary"
+                          })
+                        ]),
+                        createVNode("div", null, [
+                          createVNode("h2", { class: "text-xl font-semibold" }, "What's switched on"),
+                          createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Detected from your data, not your config — a capability reads as active once this instance has actually used it. ")
+                        ])
+                      ]),
+                      !unref(isLoading) ? (openBlock(), createBlock(_component_UBadge, {
+                        key: 0,
+                        color: "neutral",
+                        variant: "subtle",
+                        class: "shrink-0 max-sm:hidden"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(activeCount)) + " / " + toDisplayString(unref(rows).length), 1)
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(isLoading)) {
+                    _push3(ssrRenderComponent(_component_LoadingState, null, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<ul class="divide-y divide-default"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(rows), (row) => {
+                      _push3(`<li class="flex gap-4 py-4 first:pt-0 last:pb-0"${_scopeId2}><div class="${ssrRenderClass([row.active ? "bg-success/10 text-success" : "bg-elevated text-dimmed", "flex size-9 shrink-0 items-center justify-center rounded-lg"])}"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: row.icon,
+                        class: "size-5"
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</div><div class="flex-1 min-w-0"${_scopeId2}><div class="flex items-center gap-2 flex-wrap mb-1"${_scopeId2}><h3 class="font-medium"${_scopeId2}>${ssrInterpolate(row.title)}</h3>`);
+                      if (row.active) {
+                        _push3(ssrRenderComponent(_component_UBadge, {
+                          color: "success",
+                          variant: "subtle",
+                          size: "xs"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`Active`);
+                            } else {
+                              return [
+                                createTextVNode("Active")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else if (row.optional) {
+                        _push3(ssrRenderComponent(_component_UBadge, {
+                          color: "neutral",
+                          variant: "subtle",
+                          size: "xs"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`Optional`);
+                            } else {
+                              return [
+                                createTextVNode("Optional")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else {
+                        _push3(ssrRenderComponent(_component_UBadge, {
+                          color: "warning",
+                          variant: "subtle",
+                          size: "xs"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`Not set up`);
+                            } else {
+                              return [
+                                createTextVNode("Not set up")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      }
+                      _push3(`</div><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId2}>${ssrInterpolate(row.summary)}</p>`);
+                      if (!row.active) {
+                        _push3(`<p class="text-sm text-dimmed mt-1"${_scopeId2}>${ssrInterpolate(row.how)}</p>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`<div class="flex items-center gap-3 mt-2 text-sm"${_scopeId2}>`);
+                      if (row.to && !row.active) {
+                        _push3(ssrRenderComponent(_component_UButton, {
+                          to: row.to,
+                          size: "xs",
+                          variant: "soft",
+                          icon: "i-lucide-settings"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`${ssrInterpolate(row.toLabel ?? "Configure")}`);
+                            } else {
+                              return [
+                                createTextVNode(toDisplayString(row.toLabel ?? "Configure"), 1)
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      if (row.doc) {
+                        _push3(ssrRenderComponent(_component_DocLink, {
+                          to: row.doc,
+                          class: "text-sm"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`Docs`);
+                            } else {
+                              return [
+                                createTextVNode("Docs")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div></div></li>`);
+                    });
+                    _push3(`<!--]--></ul>`);
+                  }
+                } else {
+                  return [
+                    unref(isLoading) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : (openBlock(), createBlock("ul", {
+                      key: 1,
+                      class: "divide-y divide-default"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                        return openBlock(), createBlock("li", {
+                          key: row.id,
+                          class: "flex gap-4 py-4 first:pt-0 last:pb-0"
+                        }, [
+                          createVNode("div", {
+                            class: ["flex size-9 shrink-0 items-center justify-center rounded-lg", row.active ? "bg-success/10 text-success" : "bg-elevated text-dimmed"]
+                          }, [
+                            createVNode(_component_UIcon, {
+                              name: row.icon,
+                              class: "size-5"
+                            }, null, 8, ["name"])
+                          ], 2),
+                          createVNode("div", { class: "flex-1 min-w-0" }, [
+                            createVNode("div", { class: "flex items-center gap-2 flex-wrap mb-1" }, [
+                              createVNode("h3", { class: "font-medium" }, toDisplayString(row.title), 1),
+                              row.active ? (openBlock(), createBlock(_component_UBadge, {
+                                key: 0,
+                                color: "success",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Active")
+                                ]),
+                                _: 1
+                              })) : row.optional ? (openBlock(), createBlock(_component_UBadge, {
+                                key: 1,
+                                color: "neutral",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Optional")
+                                ]),
+                                _: 1
+                              })) : (openBlock(), createBlock(_component_UBadge, {
+                                key: 2,
+                                color: "warning",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Not set up")
+                                ]),
+                                _: 1
+                              }))
+                            ]),
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, toDisplayString(row.summary), 1),
+                            !row.active ? (openBlock(), createBlock("p", {
+                              key: 0,
+                              class: "text-sm text-dimmed mt-1"
+                            }, toDisplayString(row.how), 1)) : createCommentVNode("", true),
+                            createVNode("div", { class: "flex items-center gap-3 mt-2 text-sm" }, [
+                              row.to && !row.active ? (openBlock(), createBlock(_component_UButton, {
+                                key: 0,
+                                to: row.to,
+                                size: "xs",
+                                variant: "soft",
+                                icon: "i-lucide-settings"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(row.toLabel ?? "Configure"), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["to"])) : createCommentVNode("", true),
+                              row.doc ? (openBlock(), createBlock(_component_DocLink, {
+                                key: 1,
+                                to: row.doc,
+                                class: "text-sm"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Docs")
+                                ]),
+                                _: 1
+                              }, 8, ["to"])) : createCommentVNode("", true)
+                            ])
+                          ])
+                        ]);
+                      }), 128))
+                    ]))
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex flex-col gap-6 w-full lg:max-w-4xl mx-auto" }, [
+                unref(isDesktop) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                  unref(reporterConfig) ? (openBlock(), createBlock(_component_DesktopReporterCard, {
+                    key: 0,
+                    url: unref(reporterConfig).url,
+                    token: unref(reporterConfig).token
+                  }, null, 8, ["url", "token"])) : createCommentVNode("", true),
+                  createVNode(_component_SectionCard, {
+                    icon: "i-lucide-plug",
+                    title: "Connect an AI assistant (MCP)"
+                  }, {
+                    subtitle: withCtx(() => [
+                      createTextVNode(" This app exposes a local MCP endpoint so agents like Claude can query your test results. The MCP server page has the URL and access token for this instance already baked into one-click setup for every client. ")
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_UButton, {
+                        to: "/mcp",
+                        color: "neutral",
+                        variant: "soft",
+                        "trailing-icon": "i-lucide-arrow-right"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Open MCP setup ")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  unref(stats) ? (openBlock(), createBlock(_component_DataLocationCard, {
+                    key: 1,
+                    database: unref(stats).databaseLocation,
+                    storage: unref(stats).storageLocation
+                  }, null, 8, ["database", "storage"])) : createCommentVNode("", true),
+                  createVNode(_component_DesktopServiceCard)
+                ], 64)) : createCommentVNode("", true),
+                createVNode(_component_GetStartedWizard),
+                createVNode(_component_UCard, null, {
+                  header: withCtx(() => [
+                    createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                      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-list-checks",
+                            class: "size-5 text-primary"
+                          })
+                        ]),
+                        createVNode("div", null, [
+                          createVNode("h2", { class: "text-xl font-semibold" }, "What's switched on"),
+                          createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Detected from your data, not your config — a capability reads as active once this instance has actually used it. ")
+                        ])
+                      ]),
+                      !unref(isLoading) ? (openBlock(), createBlock(_component_UBadge, {
+                        key: 0,
+                        color: "neutral",
+                        variant: "subtle",
+                        class: "shrink-0 max-sm:hidden"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(activeCount)) + " / " + toDisplayString(unref(rows).length), 1)
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    unref(isLoading) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : (openBlock(), createBlock("ul", {
+                      key: 1,
+                      class: "divide-y divide-default"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                        return openBlock(), createBlock("li", {
+                          key: row.id,
+                          class: "flex gap-4 py-4 first:pt-0 last:pb-0"
+                        }, [
+                          createVNode("div", {
+                            class: ["flex size-9 shrink-0 items-center justify-center rounded-lg", row.active ? "bg-success/10 text-success" : "bg-elevated text-dimmed"]
+                          }, [
+                            createVNode(_component_UIcon, {
+                              name: row.icon,
+                              class: "size-5"
+                            }, null, 8, ["name"])
+                          ], 2),
+                          createVNode("div", { class: "flex-1 min-w-0" }, [
+                            createVNode("div", { class: "flex items-center gap-2 flex-wrap mb-1" }, [
+                              createVNode("h3", { class: "font-medium" }, toDisplayString(row.title), 1),
+                              row.active ? (openBlock(), createBlock(_component_UBadge, {
+                                key: 0,
+                                color: "success",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Active")
+                                ]),
+                                _: 1
+                              })) : row.optional ? (openBlock(), createBlock(_component_UBadge, {
+                                key: 1,
+                                color: "neutral",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Optional")
+                                ]),
+                                _: 1
+                              })) : (openBlock(), createBlock(_component_UBadge, {
+                                key: 2,
+                                color: "warning",
+                                variant: "subtle",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Not set up")
+                                ]),
+                                _: 1
+                              }))
+                            ]),
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, toDisplayString(row.summary), 1),
+                            !row.active ? (openBlock(), createBlock("p", {
+                              key: 0,
+                              class: "text-sm text-dimmed mt-1"
+                            }, toDisplayString(row.how), 1)) : createCommentVNode("", true),
+                            createVNode("div", { class: "flex items-center gap-3 mt-2 text-sm" }, [
+                              row.to && !row.active ? (openBlock(), createBlock(_component_UButton, {
+                                key: 0,
+                                to: row.to,
+                                size: "xs",
+                                variant: "soft",
+                                icon: "i-lucide-settings"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(row.toLabel ?? "Configure"), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["to"])) : createCommentVNode("", true),
+                              row.doc ? (openBlock(), createBlock(_component_DocLink, {
+                                key: 1,
+                                to: row.doc,
+                                class: "text-sm"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("Docs")
+                                ]),
+                                _: 1
+                              }, 8, ["to"])) : createCommentVNode("", true)
+                            ])
+                          ])
+                        ]);
+                      }), 128))
+                    ]))
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/setup.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=setup-0-1O6Hjz.mjs.map