@piwitests/server 0.16.0 → 0.18.0

package/.output/server/chunks/build/about-CoJjvUwM.mjs

@@ -0,0 +1,733 @@
+import { _ as __nuxt_component_11 } from './SectionCard-COd9TuDq.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 { 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 { u as useIsDesktop } from './useIsDesktop-BS13spVj.mjs';
+import { u as useFetch } from './fetch-8kznMtBM.mjs';
+import './Card-BQP_oZkQ.mjs';
+import '../nitro/nitro.mjs';
+import 'node:crypto';
+import 'drizzle-orm';
+import 'path';
+import 'fs/promises';
+import 'zlib';
+import 'util';
+import 'pixelmatch';
+import 'sharp';
+import '@anthropic-ai/sdk';
+import 'nodemailer';
+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 '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 '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 '@vue/shared';
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopReporterCard",
+  __ssrInlineRender: true,
+  props: {
+    url: {},
+    token: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { copy } = useCopy();
+    const snippet = 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_UButton = _sfc_main$k;
+      const _component_CodeBlock = __nuxt_component_5$1;
+      _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. `);
+          } 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. ")
+            ];
+          }
+        }),
+        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(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(snippet),
+              lang: "typescript"
+            }, null, _parent2, _scopeId));
+            _push2(`</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-1" }, [
+                  createVNode("div", { class: "text-muted" }, "playwright.config.ts"),
+                  createVNode(_component_CodeBlock, {
+                    code: unref(snippet),
+                    lang: "typescript"
+                  }, null, 8, ["code"])
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/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 _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopMcpCard",
+  __ssrInlineRender: true,
+  props: {
+    url: {},
+    token: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { copy } = useCopy();
+    const mcpUrl = computed(() => `${props.url}/mcp`);
+    const claudeCodeSnippet = computed(
+      () => `claude mcp add --transport http piwi ${mcpUrl.value} \\
+  --header "Authorization: Bearer ${props.token}"`
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UButton = _sfc_main$k;
+      const _component_CodeBlock = __nuxt_component_5$1;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-plug",
+        title: "Connect an AI assistant (MCP)"
+      }, _attrs), {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` This app exposes a local MCP endpoint. Point your client at the URL below and authenticate with the access token — it is the Bearer token, even though sign-in is off. `);
+          } else {
+            return [
+              createTextVNode(" This app exposes a local MCP endpoint. Point your client at the URL below and authenticate with the access token — it is the Bearer token, even though sign-in is off. ")
+            ];
+          }
+        }),
+        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}>MCP URL</div><div class="flex items-start gap-2"${_scopeId}><code class="text-xs break-all flex-1"${_scopeId}>${ssrInterpolate(unref(mcpUrl))}</code>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              icon: "i-lucide-copy",
+              color: "neutral",
+              variant: "ghost",
+              size: "xs",
+              "aria-label": "Copy MCP URL",
+              onClick: ($event) => unref(copy)(unref(mcpUrl), { toast: true })
+            }, null, _parent2, _scopeId));
+            _push2(`</div></div><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}>Claude Code</div>`);
+            _push2(ssrRenderComponent(_component_CodeBlock, {
+              code: unref(claudeCodeSnippet),
+              lang: "sh"
+            }, null, _parent2, _scopeId));
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-3 text-sm" }, [
+                createVNode("div", { class: "space-y-1" }, [
+                  createVNode("div", { class: "text-muted" }, "MCP URL"),
+                  createVNode("div", { class: "flex items-start gap-2" }, [
+                    createVNode("code", { class: "text-xs break-all flex-1" }, toDisplayString(unref(mcpUrl)), 1),
+                    createVNode(_component_UButton, {
+                      icon: "i-lucide-copy",
+                      color: "neutral",
+                      variant: "ghost",
+                      size: "xs",
+                      "aria-label": "Copy MCP URL",
+                      onClick: ($event) => unref(copy)(unref(mcpUrl), { toast: true })
+                    }, null, 8, ["onClick"])
+                  ])
+                ]),
+                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" }, "Claude Code"),
+                  createVNode(_component_CodeBlock, {
+                    code: unref(claudeCodeSnippet),
+                    lang: "sh"
+                  }, 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/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 _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$4;
+      _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_6 = Object.assign(_sfc_main$1, { __name: "DesktopServiceCard" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "about",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const config = useRuntimeConfig();
+    const isDesktop = useIsDesktop();
+    const { data: versionInfo } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/version",
+      "$mIoGdvWYhF"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const { data: stats } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/admin/stats",
+      {
+        immediate: isDesktop,
+        default: () => null
+      },
+      "$IuuLVEbWlE"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const { data: reporterConfig } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/desktop/reporter-config",
+      {
+        immediate: isDesktop,
+        default: () => null
+      },
+      "$A4rSe7BAN_"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const appVersion = config.public.appVersion;
+    const buildSha = config.public.buildSha;
+    const buildTime = config.public.buildTime;
+    const nodeVersion = config.public.nodeVersion;
+    const authEnabled = config.public.authEnabled;
+    const shortSha = computed(() => buildSha ? buildSha.slice(0, 7) : null);
+    const dbBackendLabel = computed(() => {
+      const backend = versionInfo.value?.dbBackend;
+      if (backend === "postgresql") return "PostgreSQL";
+      if (backend === "sqlite") return "SQLite";
+      return backend ?? null;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_StatTileGrid = __nuxt_component_1;
+      const _component_StatTile = __nuxt_component_2;
+      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_DocLink = __nuxt_component_9;
+      const _component_ULink = _sfc_main$l;
+      const _component_UIcon = _sfc_main$p;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_SectionCard, {
+        icon: "i-lucide-info",
+        title: "Application"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_StatTileGrid, null, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_StatTile, {
+                    label: "Version",
+                    value: `v${unref(appVersion)}`
+                  }, null, _parent3, _scopeId2));
+                  if (unref(shortSha)) {
+                    _push3(ssrRenderComponent(_component_StatTile, {
+                      label: "Build",
+                      value: unref(shortSha),
+                      hint: unref(buildSha)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(buildTime)) {
+                    _push3(ssrRenderComponent(_component_StatTile, {
+                      label: "Built",
+                      value: ("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(buildTime)),
+                      hint: unref(buildTime)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_StatTile, {
+                    label: "Node.js",
+                    value: unref(nodeVersion)
+                  }, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_StatTile, {
+                    label: "Database",
+                    value: unref(dbBackendLabel)
+                  }, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_StatTile, {
+                    label: "Authentication",
+                    value: unref(authEnabled) ? "Enabled" : "Disabled"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_StatTile, {
+                      label: "Version",
+                      value: `v${unref(appVersion)}`
+                    }, null, 8, ["value"]),
+                    unref(shortSha) ? (openBlock(), createBlock(_component_StatTile, {
+                      key: 0,
+                      label: "Build",
+                      value: unref(shortSha),
+                      hint: unref(buildSha)
+                    }, null, 8, ["value", "hint"])) : createCommentVNode("", true),
+                    unref(buildTime) ? (openBlock(), createBlock(_component_StatTile, {
+                      key: 1,
+                      label: "Built",
+                      value: ("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(buildTime)),
+                      hint: unref(buildTime)
+                    }, null, 8, ["value", "hint"])) : createCommentVNode("", true),
+                    createVNode(_component_StatTile, {
+                      label: "Node.js",
+                      value: unref(nodeVersion)
+                    }, null, 8, ["value"]),
+                    createVNode(_component_StatTile, {
+                      label: "Database",
+                      value: unref(dbBackendLabel)
+                    }, null, 8, ["value"]),
+                    createVNode(_component_StatTile, {
+                      label: "Authentication",
+                      value: unref(authEnabled) ? "Enabled" : "Disabled"
+                    }, null, 8, ["value"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_StatTileGrid, null, {
+                default: withCtx(() => [
+                  createVNode(_component_StatTile, {
+                    label: "Version",
+                    value: `v${unref(appVersion)}`
+                  }, null, 8, ["value"]),
+                  unref(shortSha) ? (openBlock(), createBlock(_component_StatTile, {
+                    key: 0,
+                    label: "Build",
+                    value: unref(shortSha),
+                    hint: unref(buildSha)
+                  }, null, 8, ["value", "hint"])) : createCommentVNode("", true),
+                  unref(buildTime) ? (openBlock(), createBlock(_component_StatTile, {
+                    key: 1,
+                    label: "Built",
+                    value: ("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(buildTime)),
+                    hint: unref(buildTime)
+                  }, null, 8, ["value", "hint"])) : createCommentVNode("", true),
+                  createVNode(_component_StatTile, {
+                    label: "Node.js",
+                    value: unref(nodeVersion)
+                  }, null, 8, ["value"]),
+                  createVNode(_component_StatTile, {
+                    label: "Database",
+                    value: unref(dbBackendLabel)
+                  }, null, 8, ["value"]),
+                  createVNode(_component_StatTile, {
+                    label: "Authentication",
+                    value: unref(authEnabled) ? "Enabled" : "Disabled"
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      if (unref(isDesktop)) {
+        _push(`<!--[-->`);
+        if (unref(stats)) {
+          _push(ssrRenderComponent(_component_DataLocationCard, {
+            database: unref(stats).databaseLocation,
+            storage: unref(stats).storageLocation
+          }, null, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(reporterConfig)) {
+          _push(ssrRenderComponent(_component_DesktopReporterCard, {
+            url: unref(reporterConfig).url,
+            token: unref(reporterConfig).token
+          }, null, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(reporterConfig)) {
+          _push(ssrRenderComponent(_component_DesktopMcpCard, {
+            url: unref(reporterConfig).url,
+            token: unref(reporterConfig).token
+          }, null, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        _push(ssrRenderComponent(_component_DesktopServiceCard, null, null, _parent));
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_SectionCard, {
+        icon: "i-lucide-book-open",
+        title: "Resources"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex flex-wrap items-center gap-x-6 gap-y-3 text-sm"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_DocLink, { to: "" }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`Documentation`);
+                } else {
+                  return [
+                    createTextVNode("Documentation")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_DocLink, { to: "api" }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`API reference`);
+                } else {
+                  return [
+                    createTextVNode("API reference")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_ULink, {
+              to: "https://github.com/piwitests/platform",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "inline-flex items-center gap-1 text-primary hover:underline"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` GitHub `);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-external-link",
+                    class: "w-3.5 h-3.5 shrink-0"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createTextVNode(" GitHub "),
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-external-link",
+                      class: "w-3.5 h-3.5 shrink-0"
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex flex-wrap items-center gap-x-6 gap-y-3 text-sm" }, [
+                createVNode(_component_DocLink, { to: "" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Documentation")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_DocLink, { to: "api" }, {
+                  default: withCtx(() => [
+                    createTextVNode("API reference")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ULink, {
+                  to: "https://github.com/piwitests/platform",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  class: "inline-flex items-center gap-1 text-primary hover:underline"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" GitHub "),
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-external-link",
+                      class: "w-3.5 h-3.5 shrink-0"
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/settings/about.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=about-CoJjvUwM.mjs.map