@piwitests/server 0.18.2 → 0.20.0

package/.output/server/chunks/build/{about-CoJjvUwM.mjs → about-BE0UV-8-.mjs}

@@ -1,17 +1,18 @@
-import { _ as __nuxt_component_11 } from './SectionCard-COd9TuDq.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
 import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './StatTile-D61Vzo6e.mjs';
-import { _ as __nuxt_component_0 } from './DataLocationCard-D6xSOrme.mjs';
-import { W as _sfc_main$l, o as _sfc_main$p, r as useRuntimeConfig, m as _sfc_main$k, j as useToast } from './server.mjs';
-import { _ as __nuxt_component_5$1 } from './CodeBlock-BGwNmJ8J.mjs';
-import { defineComponent, withAsyncContext, computed, mergeProps, withCtx, unref, createVNode, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, ref, useSSRContext } from 'vue';
+import { q as _sfc_main$l, o as _sfc_main$p, r as useRuntimeConfig, j as useToast, m as _sfc_main$k, p as _sfc_main$j } from './server.mjs';
+import { defineComponent, withAsyncContext, computed, mergeProps, withCtx, unref, createVNode, openBlock, createBlock, createCommentVNode, createTextVNode, ref, onScopeDispose, toDisplayString, Fragment, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
-import { u as useCopy } from './useCopy-BQQKcwlq.mjs';
-import { _ as _sfc_main$4 } from './Switch-xQQ3_ME1.mjs';
-import { t as tauriCore } from './useTauri-lRT8zkLv.mjs';
-import { a as __nuxt_component_9 } from './HelpHint-YEMWtKu1.mjs';
-import { f as formatRelativeTime } from './index-CULN3-en.mjs';
+import { t as tauriCore, a as tauriEvent } from './useTauri-Kf3HE_42.mjs';
+import { f as formatRelativeTime, e as errorMessage } from './index-CU2nZhAa.mjs';
+import { _ as __nuxt_component_0 } from './DataLocationCard-B_YHdzSz.mjs';
+import { _ as __nuxt_component_5$1 } from './CodeBlock-BgE-NSmE.mjs';
+import { _ as _sfc_main$5 } from './Separator-CR4WcEKD.mjs';
+import { u as useCopy } from './useCopy-CeKWgHyT.mjs';
+import { _ as _sfc_main$6 } from './Switch-B5Fp8ULt.mjs';
+import { a as __nuxt_component_9 } from './HelpHint-DrcIv-Oj.mjs';
 import { u as useIsDesktop } from './useIsDesktop-BS13spVj.mjs';
-import { u as useFetch } from './fetch-8kznMtBM.mjs';
+import { u as useFetch } from './fetch-B4FwBOzu.mjs';
 import './Card-BQP_oZkQ.mjs';
 import '../nitro/nitro.mjs';
 import 'node:crypto';
@@ -20,6 +21,18 @@ 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 'pixelmatch';
 import 'sharp';
 import '@anthropic-ai/sdk';
@@ -57,20 +70,362 @@ import 'unhead/server';
 import 'devalue';
 import 'unhead/plugins';
 import 'unhead/utils';
-import 'highlight.js/lib/core';
-import 'highlight.js/lib/languages/typescript';
-import 'highlight.js/lib/languages/javascript';
-import 'highlight.js/lib/languages/bash';
-import 'highlight.js/lib/languages/json';
-import 'highlight.js/lib/languages/diff';
-import './Label-DBvbHd3A.mjs';
-import './useFormControl-BLpq1s4O.mjs';
-import './useForwardScopeId-D0ameaSU.mjs';
-import './VisuallyHiddenInput-C9eJVpPW.mjs';
-import './help-content-DmFnuhNu.mjs';
 import 'date-fns';
+import './Label-DYDR1Oeh.mjs';
+import './useFormControl-CZ9So7iX.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './VisuallyHiddenInput-BHvzNumK.mjs';
+import './help-content-C876a9WD.mjs';
 import '@vue/shared';
 
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopUpdateCard",
+  __ssrInlineRender: true,
+  props: {
+    currentVersion: {}
+  },
+  setup(__props) {
+    const toast = useToast();
+    const available = ref(false);
+    const checking = ref(false);
+    const installing = ref(false);
+    const installed = ref(false);
+    const status = ref(null);
+    const progress = ref(null);
+    let unlisten = null;
+    onScopeDispose(() => {
+      unlisten?.();
+    });
+    async function check() {
+      const core = tauriCore();
+      if (!core || checking.value) return;
+      checking.value = true;
+      try {
+        status.value = await core.invoke("desktop_check_update");
+      } catch (error) {
+        toast.add({ title: "Update check failed", description: errorMessage(error), color: "error" });
+      } finally {
+        checking.value = false;
+      }
+    }
+    async function install() {
+      const core = tauriCore();
+      const events = tauriEvent();
+      if (!core || installing.value) return;
+      installing.value = true;
+      progress.value = { downloaded: 0, total: null };
+      try {
+        if (events && !unlisten) {
+          unlisten = await events.listen(
+            "piwi:update-progress",
+            ({ payload }) => {
+              progress.value = payload;
+            }
+          );
+        }
+        await core.invoke("desktop_install_update");
+        installed.value = true;
+      } catch (error) {
+        toast.add({ title: "Update failed", description: errorMessage(error), color: "error" });
+        progress.value = null;
+      } finally {
+        installing.value = false;
+      }
+    }
+    async function restart() {
+      const core = tauriCore();
+      if (!core) return;
+      try {
+        await core.invoke("desktop_restart_app");
+      } catch {
+      }
+    }
+    const progressPercent = computed(() => {
+      const p = progress.value;
+      if (!p?.total) return null;
+      return Math.min(100, Math.round(p.downloaded / p.total * 100));
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UButton = _sfc_main$k;
+      const _component_ULink = _sfc_main$l;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UProgress = _sfc_main$j;
+      if (unref(available)) {
+        _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+          icon: "i-lucide-arrow-up-circle",
+          title: "Updates"
+        }, _attrs), {
+          subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Updates install from GitHub releases and apply on restart${ssrInterpolate(__props.currentVersion ? ` — you are on v${__props.currentVersion}` : "")}. `);
+            } else {
+              return [
+                createTextVNode(" Updates install from GitHub releases and apply on restart" + toDisplayString(__props.currentVersion ? ` — you are on v${__props.currentVersion}` : "") + ". ", 1)
+              ];
+            }
+          }),
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<div class="space-y-3"${_scopeId}>`);
+              if (!unref(status)) {
+                _push2(`<div class="flex items-center justify-between gap-3"${_scopeId}><p class="text-sm text-muted"${_scopeId}>Check GitHub for a newer version of the desktop app.</p>`);
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  icon: "i-lucide-refresh-cw",
+                  loading: unref(checking),
+                  onClick: check
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`Check for updates`);
+                    } else {
+                      return [
+                        createTextVNode("Check for updates")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`</div>`);
+              } else if (unref(status).state === "unsupported") {
+                _push2(`<p class="text-sm text-muted"${_scopeId}> This build has no update channel — dev builds and releases made without the update signing key cannot self-update. Grab new versions from the `);
+                _push2(ssrRenderComponent(_component_ULink, {
+                  to: "https://github.com/piwitests/platform/releases/latest",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  class: "text-primary hover:underline"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`latest release`);
+                    } else {
+                      return [
+                        createTextVNode("latest release")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`. </p>`);
+              } else if (unref(status).state === "uptodate") {
+                _push2(`<div class="flex items-center justify-between gap-3"${_scopeId}><p class="text-sm flex items-center gap-2"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-check-circle",
+                  class: "size-4 text-success"
+                }, null, _parent2, _scopeId));
+                _push2(` You&#39;re on the latest version. </p>`);
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  color: "neutral",
+                  variant: "soft",
+                  icon: "i-lucide-refresh-cw",
+                  loading: unref(checking),
+                  onClick: check
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(` Check again `);
+                    } else {
+                      return [
+                        createTextVNode(" Check again ")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`</div>`);
+              } else {
+                _push2(`<!--[--><div class="flex items-start justify-between gap-3"${_scopeId}><div class="space-y-1 min-w-0"${_scopeId}><p class="text-sm font-medium"${_scopeId}>Version ${ssrInterpolate(unref(status).version)} is available</p>`);
+                if (unref(status).notes) {
+                  _push2(`<p class="text-xs text-muted whitespace-pre-wrap line-clamp-6"${_scopeId}>${ssrInterpolate(unref(status).notes)}</p>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div>`);
+                if (!unref(installed)) {
+                  _push2(ssrRenderComponent(_component_UButton, {
+                    size: "xs",
+                    icon: "i-lucide-download",
+                    loading: unref(installing),
+                    class: "shrink-0",
+                    onClick: install
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`${ssrInterpolate(unref(installing) ? "Installing…" : "Install update")}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(unref(installing) ? "Installing…" : "Install update"), 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(ssrRenderComponent(_component_UButton, {
+                    size: "xs",
+                    color: "success",
+                    icon: "i-lucide-rotate-cw",
+                    class: "shrink-0",
+                    onClick: restart
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(` Restart now `);
+                      } else {
+                        return [
+                          createTextVNode(" Restart now ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                }
+                _push2(`</div>`);
+                if (unref(installing) && unref(progressPercent) !== null) {
+                  _push2(ssrRenderComponent(_component_UProgress, {
+                    "model-value": unref(progressPercent),
+                    size: "sm"
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                if (unref(installed)) {
+                  _push2(`<p class="text-xs text-muted"${_scopeId}> The update is installed — it applies the next time the app starts. </p>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`<!--]-->`);
+              }
+              _push2(`</div>`);
+            } else {
+              return [
+                createVNode("div", { class: "space-y-3" }, [
+                  !unref(status) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "flex items-center justify-between gap-3"
+                  }, [
+                    createVNode("p", { class: "text-sm text-muted" }, "Check GitHub for a newer version of the desktop app."),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      icon: "i-lucide-refresh-cw",
+                      loading: unref(checking),
+                      onClick: check
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("Check for updates")
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ])) : unref(status).state === "unsupported" ? (openBlock(), createBlock("p", {
+                    key: 1,
+                    class: "text-sm text-muted"
+                  }, [
+                    createTextVNode(" This build has no update channel — dev builds and releases made without the update signing key cannot self-update. Grab new versions from the "),
+                    createVNode(_component_ULink, {
+                      to: "https://github.com/piwitests/platform/releases/latest",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "text-primary hover:underline"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("latest release")
+                      ]),
+                      _: 1
+                    }),
+                    createTextVNode(". ")
+                  ])) : unref(status).state === "uptodate" ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "flex items-center justify-between gap-3"
+                  }, [
+                    createVNode("p", { class: "text-sm flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-check-circle",
+                        class: "size-4 text-success"
+                      }),
+                      createTextVNode(" You're on the latest version. ")
+                    ]),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "soft",
+                      icon: "i-lucide-refresh-cw",
+                      loading: unref(checking),
+                      onClick: check
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Check again ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ])) : (openBlock(), createBlock(Fragment, { key: 3 }, [
+                    createVNode("div", { class: "flex items-start justify-between gap-3" }, [
+                      createVNode("div", { class: "space-y-1 min-w-0" }, [
+                        createVNode("p", { class: "text-sm font-medium" }, "Version " + toDisplayString(unref(status).version) + " is available", 1),
+                        unref(status).notes ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs text-muted whitespace-pre-wrap line-clamp-6"
+                        }, toDisplayString(unref(status).notes), 1)) : createCommentVNode("", true)
+                      ]),
+                      !unref(installed) ? (openBlock(), createBlock(_component_UButton, {
+                        key: 0,
+                        size: "xs",
+                        icon: "i-lucide-download",
+                        loading: unref(installing),
+                        class: "shrink-0",
+                        onClick: install
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(installing) ? "Installing…" : "Install update"), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["loading"])) : (openBlock(), createBlock(_component_UButton, {
+                        key: 1,
+                        size: "xs",
+                        color: "success",
+                        icon: "i-lucide-rotate-cw",
+                        class: "shrink-0",
+                        onClick: restart
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Restart now ")
+                        ]),
+                        _: 1
+                      }))
+                    ]),
+                    unref(installing) && unref(progressPercent) !== null ? (openBlock(), createBlock(_component_UProgress, {
+                      key: 0,
+                      "model-value": unref(progressPercent),
+                      size: "sm"
+                    }, null, 8, ["model-value"])) : createCommentVNode("", true),
+                    unref(installed) ? (openBlock(), createBlock("p", {
+                      key: 1,
+                      class: "text-xs text-muted"
+                    }, " The update is installed — it applies the next time the app starts. ")) : createCommentVNode("", true)
+                  ], 64))
+                ])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } 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/DesktopUpdateCard.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main$4, { __name: "DesktopUpdateCard" });
+const autoSnippet = `reporter: [
+  ['@piwitests/reporter', { projectName: 'my-project' }],
+],`;
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DesktopReporterCard",
   __ssrInlineRender: true,
@@ -81,7 +436,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { copy } = useCopy();
-    const snippet = computed(
+    const manualSnippet = computed(
       () => `reporter: [
   ['@piwitests/reporter', {
     serverUrl: '${props.url}',
@@ -92,26 +447,32 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_UButton = _sfc_main$k;
       const _component_CodeBlock = __nuxt_component_5$1;
+      const _component_USeparator = _sfc_main$5;
+      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(` Point the Playwright reporter at this desktop app. The access token is a local secret — prefer passing it via a <code${_scopeId}>PIWI_API_KEY</code> env var rather than committing it. `);
+            _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(" Point the Playwright reporter at this desktop app. The access token is a local secret — prefer passing it via a "),
-              createVNode("code", null, "PIWI_API_KEY"),
-              createTextVNode(" env var rather than committing it. ")
+              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-3 text-sm"${_scopeId}><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(`<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",
@@ -122,33 +483,59 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }, 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(snippet),
+              code: unref(manualSnippet),
               lang: "typescript"
             }, null, _parent2, _scopeId));
-            _push2(`</div></div>`);
+            _push2(`</div></div></div>`);
           } else {
             return [
-              createVNode("div", { class: "space-y-3 text-sm" }, [
-                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-4 text-sm" }, [
                 createVNode("div", { class: "space-y-1" }, [
                   createVNode("div", { class: "text-muted" }, "playwright.config.ts"),
                   createVNode(_component_CodeBlock, {
-                    code: unref(snippet),
+                    code: autoSnippet,
                     lang: "typescript"
-                  }, null, 8, ["code"])
+                  }),
+                  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"])
+                  ])
                 ])
               ])
             ];
@@ -165,7 +552,7 @@ _sfc_main$3.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopReporterCard.vue");
   return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const __nuxt_component_4 = Object.assign(_sfc_main$3, { __name: "DesktopReporterCard" });
+const __nuxt_component_5 = Object.assign(_sfc_main$3, { __name: "DesktopReporterCard" });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "DesktopMcpCard",
   __ssrInlineRender: true,
@@ -277,7 +664,7 @@ _sfc_main$2.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopMcpCard.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const __nuxt_component_5 = Object.assign(_sfc_main$2, { __name: "DesktopMcpCard" });
+const __nuxt_component_6 = Object.assign(_sfc_main$2, { __name: "DesktopMcpCard" });
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "DesktopServiceCard",
   __ssrInlineRender: true,
@@ -317,7 +704,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
       const _component_UIcon = _sfc_main$p;
-      const _component_USwitch = _sfc_main$4;
+      const _component_USwitch = _sfc_main$6;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-monitor-cog",
         title: "Desktop app"
@@ -421,7 +808,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (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_6 = Object.assign(_sfc_main$1, { __name: "DesktopServiceCard" });
+const __nuxt_component_7 = Object.assign(_sfc_main$1, { __name: "DesktopServiceCard" });
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "about",
   __ssrInlineRender: true,
@@ -468,10 +855,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_SectionCard = __nuxt_component_11;
       const _component_StatTileGrid = __nuxt_component_1;
       const _component_StatTile = __nuxt_component_2;
+      const _component_DesktopUpdateCard = __nuxt_component_3;
       const _component_DataLocationCard = __nuxt_component_0;
-      const _component_DesktopReporterCard = __nuxt_component_4;
-      const _component_DesktopMcpCard = __nuxt_component_5;
-      const _component_DesktopServiceCard = __nuxt_component_6;
+      const _component_DesktopReporterCard = __nuxt_component_5;
+      const _component_DesktopMcpCard = __nuxt_component_6;
+      const _component_DesktopServiceCard = __nuxt_component_7;
       const _component_DocLink = __nuxt_component_9;
       const _component_ULink = _sfc_main$l;
       const _component_UIcon = _sfc_main$p;
@@ -594,6 +982,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         _: 1
       }, _parent));
+      _push(ssrRenderComponent(_component_DesktopUpdateCard, { "current-version": unref(appVersion) }, null, _parent));
       if (unref(isDesktop)) {
         _push(`<!--[-->`);
         if (unref(stats)) {
@@ -644,13 +1033,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               _: 1
             }, _parent2, _scopeId));
-            _push2(ssrRenderComponent(_component_DocLink, { to: "api" }, {
+            _push2(ssrRenderComponent(_component_ULink, {
+              to: "/docs",
+              class: "inline-flex items-center gap-1 text-primary hover:underline"
+            }, {
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                 if (_push3) {
-                  _push3(`API reference`);
+                  _push3(` API reference `);
                 } else {
                   return [
-                    createTextVNode("API reference")
+                    createTextVNode(" API reference ")
                   ];
                 }
               }),
@@ -691,9 +1083,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }),
-                createVNode(_component_DocLink, { to: "api" }, {
+                createVNode(_component_ULink, {
+                  to: "/docs",
+                  class: "inline-flex items-center gap-1 text-primary hover:underline"
+                }, {
                   default: withCtx(() => [
-                    createTextVNode("API reference")
+                    createTextVNode(" API reference ")
                   ]),
                   _: 1
                 }),
@@ -730,4 +1125,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=about-CoJjvUwM.mjs.map
+//# sourceMappingURL=about-BE0UV-8-.mjs.map

package/.output/server/chunks/build/about-BE0UV-8-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"about-BE0UV-8-.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/about-BE0UV-8-.js"],"names":["_sfc_main$5","_sfc_main$6","_sfc_main$7","_sfc_main$8","_sfc_main$9","_sfc_main$a"],"mappings":"","x_google_ignoreList":[0]}