@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/mcp-Dwj29-uG.mjs

@@ -0,0 +1,1593 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$4 } from './DashboardNavbar-C3PsNVJt.mjs';
+import { _ as _sfc_main$2 } from './Alert-gs8RgKxH.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { o as useHead, l as _sfc_main$k, k as _sfc_main$p, r as useRuntimeConfig, Q as useRequestEvent, j as useToast, m as _sfc_main$7 } from './server.mjs';
+import { defineComponent, withAsyncContext, computed, withCtx, unref, createVNode, createTextVNode, openBlock, createBlock, Fragment, createCommentVNode, toDisplayString, renderList, ref, mergeProps, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr, ssrRenderClass } from 'vue/server-renderer';
+import { t as tauriCore } from './useTauri-Kf3HE_42.mjs';
+import { e as errorMessage } from './index-2GmuPNF-.mjs';
+import { _ as _sfc_main$3 } from './Tabs-CC34LIUz.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-CmvKHaq8.mjs';
+import { f2 as MCP_TOOL_DEFS, d$ as MCP_PROMPT_DEFS, a_ as getRequestURL } from '../nitro/nitro.mjs';
+import { u as useIsDesktop } from './useIsDesktop-BS13spVj.mjs';
+import { a as useCopy, u as useFetch } from './fetch-DOcN2mHf.mjs';
+import './DashboardSidebarToggle-a5KYecZ0.mjs';
+import './Card--Ike7sYc.mjs';
+import './HelpHint-C96TlqxY.mjs';
+import './help-content-BK3jcgLw.mjs';
+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 '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 'date-fns';
+import './RovingFocusItem-CLjuqlIR.mjs';
+import '@vue/shared';
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DesktopMcpClientsCard",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const toast = useToast();
+    const available = ref(false);
+    const loading = ref(true);
+    const clients = ref([]);
+    const busyId = ref(null);
+    async function setConnected(client, connect) {
+      const core = tauriCore();
+      if (!core) return;
+      busyId.value = client.id;
+      try {
+        const updated = await core.invoke(connect ? "desktop_mcp_connect" : "desktop_mcp_disconnect", {
+          clientId: client.id
+        });
+        clients.value = clients.value.map((c) => c.id === updated.id ? updated : c);
+        toast.add({
+          title: connect ? `${client.label} connected` : `${client.label} disconnected`,
+          description: connect ? `Restart ${client.label} to pick up the new server.` : void 0,
+          color: "success",
+          icon: "i-lucide-plug"
+        });
+      } catch (error) {
+        toast.add({ title: `Could not update ${client.label}`, description: errorMessage(error), color: "error" });
+      } finally {
+        busyId.value = null;
+      }
+    }
+    async function reveal(client) {
+      const core = tauriCore();
+      if (!core) return;
+      try {
+        await core.invoke("desktop_mcp_reveal", { clientId: client.id });
+      } catch (error) {
+        toast.add({ title: "Could not open the file", description: errorMessage(error), color: "error" });
+      }
+    }
+    function badgeOf(client) {
+      switch (client.status) {
+        case "connected":
+          return { label: "Connected", color: "success" };
+        case "stale":
+          return { label: "Needs update", color: "warning" };
+        case "manual":
+          return { label: "Manual setup", color: "warning" };
+        case "not_installed":
+          return { label: "Not detected", color: "neutral" };
+        default:
+          return null;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7;
+      const _component_UButton = _sfc_main$k;
+      if (unref(available)) {
+        _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+          icon: "i-lucide-plug-zap",
+          title: "Connect a client on this machine"
+        }, _attrs), {
+          subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` One click writes the <code${_scopeId}>piwi</code> entry into the client&#39;s own config file (a backup is kept next to it), and entries are kept current when this app&#39;s address changes. Restart the client after connecting. `);
+            } else {
+              return [
+                createTextVNode(" One click writes the "),
+                createVNode("code", null, "piwi"),
+                createTextVNode(" entry into the client's own config file (a backup is kept next to it), and entries are kept current when this app's address changes. Restart the client after connecting. ")
+              ];
+            }
+          }),
+          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(` Detecting clients… </div>`);
+              } else {
+                _push2(`<div class="space-y-2"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(clients), (client) => {
+                  _push2(`<div${ssrRenderAttr("data-testid", `mcp-client-${client.id}`)} class="${ssrRenderClass([client.status === "not_installed" ? "opacity-60" : "", "flex items-center gap-3 rounded-md border border-default p-2.5"])}"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-bot",
+                    class: "size-4 text-gray-400 shrink-0"
+                  }, null, _parent2, _scopeId));
+                  _push2(`<div class="min-w-0 flex-1"${_scopeId}><div class="flex items-center gap-2"${_scopeId}><p class="text-sm font-medium"${_scopeId}>${ssrInterpolate(client.label)}</p>`);
+                  if (badgeOf(client)) {
+                    _push2(ssrRenderComponent(_component_UBadge, {
+                      color: badgeOf(client).color,
+                      variant: "subtle",
+                      size: "sm"
+                    }, {
+                      default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                        if (_push3) {
+                          _push3(`${ssrInterpolate(badgeOf(client).label)}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString(badgeOf(client).label), 1)
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</div>`);
+                  if (client.config_path) {
+                    _push2(`<p class="text-xs text-muted truncate"${_scopeId}>${ssrInterpolate(client.config_path)}</p>`);
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  if (client.detail) {
+                    _push2(`<p class="text-xs text-warning"${_scopeId}>${ssrInterpolate(client.detail)}</p>`);
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</div><div class="flex items-center gap-1.5 shrink-0"${_scopeId}>`);
+                  if (client.status === "not_connected") {
+                    _push2(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      icon: "i-lucide-plug",
+                      loading: unref(busyId) === client.id,
+                      onClick: ($event) => setConnected(client, true)
+                    }, {
+                      default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                        if (_push3) {
+                          _push3(` Connect `);
+                        } else {
+                          return [
+                            createTextVNode(" Connect ")
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent2, _scopeId));
+                  } else if (client.status === "stale") {
+                    _push2(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      color: "warning",
+                      icon: "i-lucide-refresh-cw",
+                      loading: unref(busyId) === client.id,
+                      onClick: ($event) => setConnected(client, true)
+                    }, {
+                      default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                        if (_push3) {
+                          _push3(` Update `);
+                        } else {
+                          return [
+                            createTextVNode(" Update ")
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  if (client.status === "connected" || client.status === "stale") {
+                    _push2(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "ghost",
+                      icon: "i-lucide-unplug",
+                      loading: unref(busyId) === client.id,
+                      onClick: ($event) => setConnected(client, false)
+                    }, {
+                      default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                        if (_push3) {
+                          _push3(` Disconnect `);
+                        } else {
+                          return [
+                            createTextVNode(" Disconnect ")
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  if (client.status !== "not_installed" && client.config_path) {
+                    _push2(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "ghost",
+                      icon: "i-lucide-folder-open",
+                      "aria-label": "Reveal config file",
+                      title: "Reveal config file",
+                      onClick: ($event) => reveal(client)
+                    }, null, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</div></div>`);
+                });
+                _push2(`<!--]--><p class="text-xs text-muted"${_scopeId}> A client that is not listed — or marked manual — can always be connected with the snippets below. </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(" Detecting clients… ")
+                ])) : (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "space-y-2"
+                }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(clients), (client) => {
+                    return openBlock(), createBlock("div", {
+                      key: client.id,
+                      "data-testid": `mcp-client-${client.id}`,
+                      class: ["flex items-center gap-3 rounded-md border border-default p-2.5", client.status === "not_installed" ? "opacity-60" : ""]
+                    }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-bot",
+                        class: "size-4 text-gray-400 shrink-0"
+                      }),
+                      createVNode("div", { class: "min-w-0 flex-1" }, [
+                        createVNode("div", { class: "flex items-center gap-2" }, [
+                          createVNode("p", { class: "text-sm font-medium" }, toDisplayString(client.label), 1),
+                          badgeOf(client) ? (openBlock(), createBlock(_component_UBadge, {
+                            key: 0,
+                            color: badgeOf(client).color,
+                            variant: "subtle",
+                            size: "sm"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(badgeOf(client).label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color"])) : createCommentVNode("", true)
+                        ]),
+                        client.config_path ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs text-muted truncate"
+                        }, toDisplayString(client.config_path), 1)) : createCommentVNode("", true),
+                        client.detail ? (openBlock(), createBlock("p", {
+                          key: 1,
+                          class: "text-xs text-warning"
+                        }, toDisplayString(client.detail), 1)) : createCommentVNode("", true)
+                      ]),
+                      createVNode("div", { class: "flex items-center gap-1.5 shrink-0" }, [
+                        client.status === "not_connected" ? (openBlock(), createBlock(_component_UButton, {
+                          key: 0,
+                          size: "xs",
+                          icon: "i-lucide-plug",
+                          loading: unref(busyId) === client.id,
+                          onClick: ($event) => setConnected(client, true)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Connect ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading", "onClick"])) : client.status === "stale" ? (openBlock(), createBlock(_component_UButton, {
+                          key: 1,
+                          size: "xs",
+                          color: "warning",
+                          icon: "i-lucide-refresh-cw",
+                          loading: unref(busyId) === client.id,
+                          onClick: ($event) => setConnected(client, true)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Update ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading", "onClick"])) : createCommentVNode("", true),
+                        client.status === "connected" || client.status === "stale" ? (openBlock(), createBlock(_component_UButton, {
+                          key: 2,
+                          size: "xs",
+                          color: "neutral",
+                          variant: "ghost",
+                          icon: "i-lucide-unplug",
+                          loading: unref(busyId) === client.id,
+                          onClick: ($event) => setConnected(client, false)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Disconnect ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading", "onClick"])) : createCommentVNode("", true),
+                        client.status !== "not_installed" && client.config_path ? (openBlock(), createBlock(_component_UButton, {
+                          key: 3,
+                          size: "xs",
+                          color: "neutral",
+                          variant: "ghost",
+                          icon: "i-lucide-folder-open",
+                          "aria-label": "Reveal config file",
+                          title: "Reveal config file",
+                          onClick: ($event) => reveal(client)
+                        }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                      ])
+                    ], 10, ["data-testid"]);
+                  }), 128)),
+                  createVNode("p", { class: "text-xs text-muted" }, " A client that is not listed — or marked manual — can always be connected with the snippets below. ")
+                ]))
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+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/DesktopMcpClientsCard.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main$1, { __name: "DesktopMcpClientsCard" });
+function useRequestURL(opts) {
+  {
+    return getRequestURL(useRequestEvent(), opts);
+  }
+}
+const apiKeyPlaceholder = "pd_YOUR_API_KEY";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "mcp",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const config = useRuntimeConfig();
+    const isDemo = config.public.demoMode;
+    const isDesktop = useIsDesktop();
+    const { copy } = useCopy();
+    const { data: reporterConfig } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/desktop/reporter-config",
+      {
+        immediate: isDesktop,
+        default: () => null
+      },
+      "$vt7OJTNW5l"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const bearerToken = computed(() => reporterConfig.value?.token ?? apiKeyPlaceholder);
+    const requestUrl = useRequestURL();
+    const mcpUrl = computed(() => {
+      const base = reporterConfig.value?.url ?? config.public.siteUrl ?? requestUrl.origin;
+      return `${base}/mcp`;
+    });
+    useHead({ title: "MCP server — Piwi Dashboard" });
+    const tools = MCP_TOOL_DEFS;
+    const prompts = MCP_PROMPT_DEFS;
+    const clientItems = [
+      { label: "Claude Code", slot: "claude-code" },
+      { label: "Opencode", slot: "opencode" },
+      { label: "Cursor", slot: "cursor" },
+      { label: "VS Code", slot: "vscode" },
+      { label: "Claude Desktop", slot: "claude-desktop" },
+      { label: "Gemini CLI", slot: "gemini" },
+      { label: "Windsurf / Continue", slot: "windsurf" }
+    ];
+    const claudeCodeSnippet = computed(
+      () => `claude mcp add --transport http piwi ${mcpUrl.value} \\
+  --header "Authorization: Bearer ${bearerToken.value}"`
+    );
+    const opencodeSnippet = computed(
+      () => JSON.stringify(
+        {
+          mcp: {
+            piwi: {
+              type: "remote",
+              url: mcpUrl.value,
+              headers: { Authorization: `Bearer ${bearerToken.value}` }
+            }
+          }
+        },
+        null,
+        2
+      )
+    );
+    const cursorSnippet = computed(
+      () => JSON.stringify(
+        {
+          mcpServers: {
+            piwi: {
+              url: mcpUrl.value,
+              headers: { Authorization: `Bearer ${bearerToken.value}` }
+            }
+          }
+        },
+        null,
+        2
+      )
+    );
+    const vscodeSnippet = computed(
+      () => JSON.stringify(
+        {
+          servers: {
+            piwi: {
+              type: "http",
+              url: mcpUrl.value,
+              headers: { Authorization: `Bearer ${bearerToken.value}` }
+            }
+          }
+        },
+        null,
+        2
+      )
+    );
+    const claudeDesktopSnippet = computed(
+      () => JSON.stringify(
+        {
+          mcpServers: {
+            piwi: {
+              command: "npx",
+              args: [
+                "-y",
+                "mcp-remote",
+                mcpUrl.value,
+                "--transport",
+                "http-only",
+                "--header",
+                "Authorization:${AUTH_HEADER}"
+              ],
+              env: { AUTH_HEADER: `Bearer ${bearerToken.value}` }
+            }
+          }
+        },
+        null,
+        2
+      )
+    );
+    const geminiSnippet = computed(
+      () => `gemini mcp add --transport http piwi ${mcpUrl.value} \\
+  --header "Authorization: Bearer ${bearerToken.value}"`
+    );
+    const windsurfSnippet = computed(
+      () => JSON.stringify(
+        {
+          mcpServers: {
+            piwi: {
+              serverUrl: mcpUrl.value,
+              headers: { Authorization: `Bearer ${bearerToken.value}` }
+            }
+          }
+        },
+        null,
+        2
+      )
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$4;
+      const _component_UAlert = _sfc_main$2;
+      const _component_DesktopMcpClientsCard = __nuxt_component_3;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UButton = _sfc_main$k;
+      const _component_UTabs = _sfc_main$3;
+      const _component_CodeBlock = __nuxt_component_5;
+      const _component_UIcon = _sfc_main$p;
+      _push(ssrRenderComponent(_component_UDashboardPanel, _attrs, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, { title: "MCP server" }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, { title: "MCP server" })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="max-w-3xl mx-auto p-6 space-y-6"${_scopeId}>`);
+            if (unref(isDemo)) {
+              _push2(ssrRenderComponent(_component_UAlert, {
+                color: "info",
+                icon: "i-lucide-bot",
+                title: "Feature preview",
+                description: "The MCP endpoint is not active in this demo — it requires a real Piwi backend. The tools and client setup shown below reflect what your own deployment exposes."
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(ssrRenderComponent(_component_DesktopMcpClientsCard, null, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              icon: "i-lucide-settings-2",
+              title: "Client setup",
+              help: "mcp.client-setup"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(reporterConfig)) {
+                    _push3(`<div class="mb-4 space-y-3 rounded-md border border-default bg-elevated/50 p-3"${_scopeId2}><div class="space-y-1"${_scopeId2}><div class="text-xs text-muted"${_scopeId2}>MCP URL</div><div class="flex items-start gap-2"${_scopeId2}><code class="text-xs break-all flex-1"${_scopeId2}>${ssrInterpolate(unref(mcpUrl))}</code>`);
+                    _push3(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, _parent3, _scopeId2));
+                    _push3(`</div></div><div class="space-y-1"${_scopeId2}><div class="text-xs text-muted"${_scopeId2}>Access token</div><div class="flex items-start gap-2"${_scopeId2}><code class="text-xs break-all flex-1"${_scopeId2}>${ssrInterpolate(unref(bearerToken))}</code>`);
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      icon: "i-lucide-copy",
+                      color: "neutral",
+                      variant: "ghost",
+                      size: "xs",
+                      "aria-label": "Copy access token",
+                      onClick: ($event) => unref(copy)(unref(bearerToken), { toast: true })
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div></div><p class="text-xs text-muted"${_scopeId2}> This app authenticates with a local access token even though sign-in is off — it is the <code class="font-mono"${_scopeId2}>Bearer</code> value, already filled into the snippets below. </p></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<p class="text-sm text-gray-500 dark:text-gray-400 mb-4"${_scopeId2}>`);
+                  if (unref(reporterConfig)) {
+                    _push3(`<!--[-->Pick your client below — the URL and access token above are already baked into each snippet.<!--]-->`);
+                  } else {
+                    _push3(`<!--[-->Replace <code class="px-1 py-0.5 bg-muted rounded text-xs font-mono"${_scopeId2}>pd_YOUR_API_KEY</code> with your actual API key. The MCP URL shown in the snippets is auto-detected from your current browser origin.<!--]-->`);
+                  }
+                  _push3(`</p>`);
+                  _push3(ssrRenderComponent(_component_UTabs, {
+                    items: clientItems,
+                    ui: { list: "mb-4" }
+                  }, {
+                    "claude-code": withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}> Run once in any terminal. Claude Code stores the server in your global MCP config. </p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(claudeCodeSnippet),
+                          lang: "sh"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> After adding, restart Claude Code and use <code class="font-mono"${_scopeId3}>/mcp</code> to verify <strong${_scopeId3}>piwi</strong> is connected. Claude will call the tools automatically when you ask about test results or failures. </p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, " Run once in any terminal. Claude Code stores the server in your global MCP config. "),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(claudeCodeSnippet),
+                              lang: "sh"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, [
+                              createTextVNode(" After adding, restart Claude Code and use "),
+                              createVNode("code", { class: "font-mono" }, "/mcp"),
+                              createTextVNode(" to verify "),
+                              createVNode("strong", null, "piwi"),
+                              createTextVNode(" is connected. Claude will call the tools automatically when you ask about test results or failures. ")
+                            ])
+                          ])
+                        ];
+                      }
+                    }),
+                    opencode: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}> Add to <code class="font-mono text-xs"${_scopeId3}>~/.config/opencode/opencode.json</code> (global config): </p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(opencodeSnippet),
+                          lang: "json"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> Restart Opencode to pick up the new MCP server. Tools become available automatically in the next session. </p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                              createTextVNode(" Add to "),
+                              createVNode("code", { class: "font-mono text-xs" }, "~/.config/opencode/opencode.json"),
+                              createTextVNode(" (global config): ")
+                            ]),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(opencodeSnippet),
+                              lang: "json"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, " Restart Opencode to pick up the new MCP server. Tools become available automatically in the next session. ")
+                          ])
+                        ];
+                      }
+                    }),
+                    cursor: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}> Add to <code class="font-mono text-xs"${_scopeId3}>~/.cursor/mcp.json</code> (global) or <code class="font-mono text-xs"${_scopeId3}>.cursor/mcp.json</code> in your project root: </p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(cursorSnippet),
+                          lang: "json"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> Restart Cursor, then enable the MCP server in Cursor Settings → MCP. </p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                              createTextVNode(" Add to "),
+                              createVNode("code", { class: "font-mono text-xs" }, "~/.cursor/mcp.json"),
+                              createTextVNode(" (global) or "),
+                              createVNode("code", { class: "font-mono text-xs" }, ".cursor/mcp.json"),
+                              createTextVNode(" in your project root: ")
+                            ]),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(cursorSnippet),
+                              lang: "json"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, " Restart Cursor, then enable the MCP server in Cursor Settings → MCP. ")
+                          ])
+                        ];
+                      }
+                    }),
+                    vscode: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}> Add to <code class="font-mono text-xs"${_scopeId3}>.vscode/mcp.json</code> in your workspace (VS Code Copilot agent mode, version 1.99+): </p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(vscodeSnippet),
+                          lang: "json"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> The server appears in the Copilot chat agent drop-down once the file is saved. </p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                              createTextVNode(" Add to "),
+                              createVNode("code", { class: "font-mono text-xs" }, ".vscode/mcp.json"),
+                              createTextVNode(" in your workspace (VS Code Copilot agent mode, version 1.99+): ")
+                            ]),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(vscodeSnippet),
+                              lang: "json"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, " The server appears in the Copilot chat agent drop-down once the file is saved. ")
+                          ])
+                        ];
+                      }
+                    }),
+                    "claude-desktop": withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}>Add to your Claude Desktop config file:</p><ul class="text-xs text-gray-400 space-y-0.5 mb-2"${_scopeId3}><li${_scopeId3}><strong${_scopeId3}>macOS:</strong><code class="font-mono"${_scopeId3}>~/Library/Application Support/Claude/claude_desktop_config.json</code></li><li${_scopeId3}><strong${_scopeId3}>Windows:</strong><code class="font-mono"${_scopeId3}>%APPDATA%\\Claude\\claude_desktop_config.json</code></li></ul>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(claudeDesktopSnippet),
+                          lang: "json"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> That file only accepts servers started as a local command — pasting a <code class="font-mono"${_scopeId3}>url</code> entry there makes Claude Desktop report it as invalid and ignore it. <code class="font-mono"${_scopeId3}>mcp-remote</code> (needs Node) bridges the HTTP endpoint to that shape. Restart Claude Desktop after saving. `);
+                        if (unref(reporterConfig)) {
+                          _push4(`<!--[-->On this machine, <strong${_scopeId3}>Connect</strong> above does it without Node — it points Claude Desktop at this app&#39;s own bridge.<!--]-->`);
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                        _push4(`</p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Add to your Claude Desktop config file:"),
+                            createVNode("ul", { class: "text-xs text-gray-400 space-y-0.5 mb-2" }, [
+                              createVNode("li", null, [
+                                createVNode("strong", null, "macOS:"),
+                                createVNode("code", { class: "font-mono" }, "~/Library/Application Support/Claude/claude_desktop_config.json")
+                              ]),
+                              createVNode("li", null, [
+                                createVNode("strong", null, "Windows:"),
+                                createVNode("code", { class: "font-mono" }, "%APPDATA%\\Claude\\claude_desktop_config.json")
+                              ])
+                            ]),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(claudeDesktopSnippet),
+                              lang: "json"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, [
+                              createTextVNode(" That file only accepts servers started as a local command — pasting a "),
+                              createVNode("code", { class: "font-mono" }, "url"),
+                              createTextVNode(" entry there makes Claude Desktop report it as invalid and ignore it. "),
+                              createVNode("code", { class: "font-mono" }, "mcp-remote"),
+                              createTextVNode(" (needs Node) bridges the HTTP endpoint to that shape. Restart Claude Desktop after saving. "),
+                              unref(reporterConfig) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                createTextVNode("On this machine, "),
+                                createVNode("strong", null, "Connect"),
+                                createTextVNode(" above does it without Node — it points Claude Desktop at this app's own bridge.")
+                              ], 64)) : createCommentVNode("", true)
+                            ])
+                          ])
+                        ];
+                      }
+                    }),
+                    gemini: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}>Run once to register the server with Gemini CLI:</p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(geminiSnippet),
+                          lang: "sh"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`<p class="text-xs text-gray-400"${_scopeId3}> Gemini CLI fetches the tool list on startup and makes them available in agent mode. </p></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Run once to register the server with Gemini CLI:"),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(geminiSnippet),
+                              lang: "sh"
+                            }, null, 8, ["code"]),
+                            createVNode("p", { class: "text-xs text-gray-400" }, " Gemini CLI fetches the tool list on startup and makes them available in agent mode. ")
+                          ])
+                        ];
+                      }
+                    }),
+                    windsurf: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`<div class="space-y-3"${_scopeId3}><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId3}> Add to your Windsurf or Continue MCP config. For Windsurf: <code class="font-mono text-xs"${_scopeId3}>~/.codeium/windsurf/mcp_config.json</code>. For Continue: <code class="font-mono text-xs"${_scopeId3}>~/.continue/config.json</code> under <code class="font-mono text-xs"${_scopeId3}>mcpServers</code>. </p>`);
+                        _push4(ssrRenderComponent(_component_CodeBlock, {
+                          code: unref(windsurfSnippet),
+                          lang: "json"
+                        }, null, _parent4, _scopeId3));
+                        _push4(`</div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-3" }, [
+                            createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                              createTextVNode(" Add to your Windsurf or Continue MCP config. For Windsurf: "),
+                              createVNode("code", { class: "font-mono text-xs" }, "~/.codeium/windsurf/mcp_config.json"),
+                              createTextVNode(". For Continue: "),
+                              createVNode("code", { class: "font-mono text-xs" }, "~/.continue/config.json"),
+                              createTextVNode(" under "),
+                              createVNode("code", { class: "font-mono text-xs" }, "mcpServers"),
+                              createTextVNode(". ")
+                            ]),
+                            createVNode(_component_CodeBlock, {
+                              code: unref(windsurfSnippet),
+                              lang: "json"
+                            }, null, 8, ["code"])
+                          ])
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    unref(reporterConfig) ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "mb-4 space-y-3 rounded-md border border-default bg-elevated/50 p-3"
+                    }, [
+                      createVNode("div", { class: "space-y-1" }, [
+                        createVNode("div", { class: "text-xs 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-xs text-muted" }, "Access token"),
+                        createVNode("div", { class: "flex items-start gap-2" }, [
+                          createVNode("code", { class: "text-xs break-all flex-1" }, toDisplayString(unref(bearerToken)), 1),
+                          createVNode(_component_UButton, {
+                            icon: "i-lucide-copy",
+                            color: "neutral",
+                            variant: "ghost",
+                            size: "xs",
+                            "aria-label": "Copy access token",
+                            onClick: ($event) => unref(copy)(unref(bearerToken), { toast: true })
+                          }, null, 8, ["onClick"])
+                        ])
+                      ]),
+                      createVNode("p", { class: "text-xs text-muted" }, [
+                        createTextVNode(" This app authenticates with a local access token even though sign-in is off — it is the "),
+                        createVNode("code", { class: "font-mono" }, "Bearer"),
+                        createTextVNode(" value, already filled into the snippets below. ")
+                      ])
+                    ])) : createCommentVNode("", true),
+                    createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400 mb-4" }, [
+                      unref(reporterConfig) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                        createTextVNode("Pick your client below — the URL and access token above are already baked into each snippet.")
+                      ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                        createTextVNode("Replace "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_YOUR_API_KEY"),
+                        createTextVNode(" with your actual API key. The MCP URL shown in the snippets is auto-detected from your current browser origin.")
+                      ], 64))
+                    ]),
+                    createVNode(_component_UTabs, {
+                      items: clientItems,
+                      ui: { list: "mb-4" }
+                    }, {
+                      "claude-code": withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, " Run once in any terminal. Claude Code stores the server in your global MCP config. "),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(claudeCodeSnippet),
+                            lang: "sh"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, [
+                            createTextVNode(" After adding, restart Claude Code and use "),
+                            createVNode("code", { class: "font-mono" }, "/mcp"),
+                            createTextVNode(" to verify "),
+                            createVNode("strong", null, "piwi"),
+                            createTextVNode(" is connected. Claude will call the tools automatically when you ask about test results or failures. ")
+                          ])
+                        ])
+                      ]),
+                      opencode: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.config/opencode/opencode.json"),
+                            createTextVNode(" (global config): ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(opencodeSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Restart Opencode to pick up the new MCP server. Tools become available automatically in the next session. ")
+                        ])
+                      ]),
+                      cursor: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.cursor/mcp.json"),
+                            createTextVNode(" (global) or "),
+                            createVNode("code", { class: "font-mono text-xs" }, ".cursor/mcp.json"),
+                            createTextVNode(" in your project root: ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(cursorSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Restart Cursor, then enable the MCP server in Cursor Settings → MCP. ")
+                        ])
+                      ]),
+                      vscode: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, ".vscode/mcp.json"),
+                            createTextVNode(" in your workspace (VS Code Copilot agent mode, version 1.99+): ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(vscodeSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " The server appears in the Copilot chat agent drop-down once the file is saved. ")
+                        ])
+                      ]),
+                      "claude-desktop": withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Add to your Claude Desktop config file:"),
+                          createVNode("ul", { class: "text-xs text-gray-400 space-y-0.5 mb-2" }, [
+                            createVNode("li", null, [
+                              createVNode("strong", null, "macOS:"),
+                              createVNode("code", { class: "font-mono" }, "~/Library/Application Support/Claude/claude_desktop_config.json")
+                            ]),
+                            createVNode("li", null, [
+                              createVNode("strong", null, "Windows:"),
+                              createVNode("code", { class: "font-mono" }, "%APPDATA%\\Claude\\claude_desktop_config.json")
+                            ])
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(claudeDesktopSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, [
+                            createTextVNode(" That file only accepts servers started as a local command — pasting a "),
+                            createVNode("code", { class: "font-mono" }, "url"),
+                            createTextVNode(" entry there makes Claude Desktop report it as invalid and ignore it. "),
+                            createVNode("code", { class: "font-mono" }, "mcp-remote"),
+                            createTextVNode(" (needs Node) bridges the HTTP endpoint to that shape. Restart Claude Desktop after saving. "),
+                            unref(reporterConfig) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode("On this machine, "),
+                              createVNode("strong", null, "Connect"),
+                              createTextVNode(" above does it without Node — it points Claude Desktop at this app's own bridge.")
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ])
+                      ]),
+                      gemini: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Run once to register the server with Gemini CLI:"),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(geminiSnippet),
+                            lang: "sh"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Gemini CLI fetches the tool list on startup and makes them available in agent mode. ")
+                        ])
+                      ]),
+                      windsurf: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to your Windsurf or Continue MCP config. For Windsurf: "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.codeium/windsurf/mcp_config.json"),
+                            createTextVNode(". For Continue: "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.continue/config.json"),
+                            createTextVNode(" under "),
+                            createVNode("code", { class: "font-mono text-xs" }, "mcpServers"),
+                            createTextVNode(". ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(windsurfSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"])
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              icon: "i-lucide-bot",
+              title: "What it provides",
+              help: "mcp.tools"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex flex-col gap-1.5"${_scopeId2}><!--[-->`);
+                  ssrRenderList(unref(tools), (t) => {
+                    _push3(`<div class="flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-wrench",
+                      class: "size-4 mt-0.5 shrink-0 text-primary"
+                    }, null, _parent3, _scopeId2));
+                    _push3(`<div class="min-w-0"${_scopeId2}><p class="text-sm font-mono font-semibold text-foreground"${_scopeId2}>${ssrInterpolate(t.name)}</p><p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5"${_scopeId2}>${ssrInterpolate(t.description)}</p></div></div>`);
+                  });
+                  _push3(`<!--]--></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex flex-col gap-1.5" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(tools), (t) => {
+                        return openBlock(), createBlock("div", {
+                          key: t.name,
+                          class: "flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"
+                        }, [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-wrench",
+                            class: "size-4 mt-0.5 shrink-0 text-primary"
+                          }),
+                          createVNode("div", { class: "min-w-0" }, [
+                            createVNode("p", { class: "text-sm font-mono font-semibold text-foreground" }, toDisplayString(t.name), 1),
+                            createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5" }, toDisplayString(t.description), 1)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              icon: "i-lucide-sparkles",
+              title: "Prompts"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<p class="text-sm text-gray-500 dark:text-gray-400 mb-4"${_scopeId2}> Prompts are ready-made instructions your MCP client offers as a slash command — nothing to install. <code class="font-mono"${_scopeId2}>setup_piwi</code> is <strong${_scopeId2}>server-aware</strong>: it fills in this instance&#39;s URL, whether authentication is required, and the projects that already exist, then hands your agent a ready-to-run setup for a Playwright project that is not yet reporting here. </p><div class="flex flex-col gap-1.5"${_scopeId2}><!--[-->`);
+                  ssrRenderList(unref(prompts), (p) => {
+                    _push3(`<div class="flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-square-slash",
+                      class: "size-4 mt-0.5 shrink-0 text-primary"
+                    }, null, _parent3, _scopeId2));
+                    _push3(`<div class="min-w-0"${_scopeId2}><p class="text-sm font-mono font-semibold text-foreground"${_scopeId2}>${ssrInterpolate(p.name)}</p><p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5"${_scopeId2}>${ssrInterpolate(p.description)}</p>`);
+                    if (p.arguments?.length) {
+                      _push3(`<div class="flex flex-wrap gap-1.5 mt-1.5"${_scopeId2}><!--[-->`);
+                      ssrRenderList(p.arguments, (arg) => {
+                        _push3(`<code class="px-1.5 py-0.5 rounded bg-muted text-[11px] font-mono"${ssrRenderAttr("title", arg.description)}${_scopeId2}>${ssrInterpolate(arg.name)}${ssrInterpolate(arg.required ? "" : "?")}</code>`);
+                      });
+                      _push3(`<!--]--></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(`</div></div>`);
+                  });
+                  _push3(`<!--]--></div>`);
+                } else {
+                  return [
+                    createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400 mb-4" }, [
+                      createTextVNode(" Prompts are ready-made instructions your MCP client offers as a slash command — nothing to install. "),
+                      createVNode("code", { class: "font-mono" }, "setup_piwi"),
+                      createTextVNode(" is "),
+                      createVNode("strong", null, "server-aware"),
+                      createTextVNode(": it fills in this instance's URL, whether authentication is required, and the projects that already exist, then hands your agent a ready-to-run setup for a Playwright project that is not yet reporting here. ")
+                    ]),
+                    createVNode("div", { class: "flex flex-col gap-1.5" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(prompts), (p) => {
+                        return openBlock(), createBlock("div", {
+                          key: p.name,
+                          class: "flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"
+                        }, [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-square-slash",
+                            class: "size-4 mt-0.5 shrink-0 text-primary"
+                          }),
+                          createVNode("div", { class: "min-w-0" }, [
+                            createVNode("p", { class: "text-sm font-mono font-semibold text-foreground" }, toDisplayString(p.name), 1),
+                            createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5" }, toDisplayString(p.description), 1),
+                            p.arguments?.length ? (openBlock(), createBlock("div", {
+                              key: 0,
+                              class: "flex flex-wrap gap-1.5 mt-1.5"
+                            }, [
+                              (openBlock(true), createBlock(Fragment, null, renderList(p.arguments, (arg) => {
+                                return openBlock(), createBlock("code", {
+                                  key: arg.name,
+                                  class: "px-1.5 py-0.5 rounded bg-muted text-[11px] font-mono",
+                                  title: arg.description
+                                }, toDisplayString(arg.name) + toDisplayString(arg.required ? "" : "?"), 9, ["title"]);
+                              }), 128))
+                            ])) : createCommentVNode("", true)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              icon: "i-lucide-key",
+              title: "Authentication",
+              help: "mcp.auth"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-3 text-sm text-gray-600 dark:text-gray-400"${_scopeId2}><p${_scopeId2}> MCP requests are authenticated with the same API keys used by the REST API. API keys start with <code class="px-1 py-0.5 bg-muted rounded text-xs font-mono"${_scopeId2}>pd_</code>. </p>`);
+                  if (!unref(isDesktop)) {
+                    _push3(`<p${_scopeId2}> Generate a key in <strong${_scopeId2}>Settings → Users → [your account] → API keys</strong>, then replace <code class="px-1 py-0.5 bg-muted rounded text-xs font-mono"${_scopeId2}>pd_YOUR_API_KEY</code> in the snippets above. </p>`);
+                  } else {
+                    _push3(`<p${_scopeId2}> This app provides a local access token automatically — shown in <strong${_scopeId2}>Client setup</strong> above and already filled into every snippet, so there is nothing to replace. </p>`);
+                  }
+                  if (!unref(isDesktop)) {
+                    _push3(`<p class="text-xs text-gray-400"${_scopeId2}> When authentication is disabled (<code class="font-mono"${_scopeId2}>PIWI_AUTH_ENABLED</code> not set), any request is accepted without a key. </p>`);
+                  } else {
+                    _push3(`<p class="text-xs text-gray-400"${_scopeId2}> This desktop app keeps sign-in off but still requires its own local access token on every request — it is the <code class="font-mono"${_scopeId2}>Bearer</code> value. The endpoint is not open. </p>`);
+                  }
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-3 text-sm text-gray-600 dark:text-gray-400" }, [
+                      createVNode("p", null, [
+                        createTextVNode(" MCP requests are authenticated with the same API keys used by the REST API. API keys start with "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_"),
+                        createTextVNode(". ")
+                      ]),
+                      !unref(isDesktop) ? (openBlock(), createBlock("p", { key: 0 }, [
+                        createTextVNode(" Generate a key in "),
+                        createVNode("strong", null, "Settings → Users → [your account] → API keys"),
+                        createTextVNode(", then replace "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_YOUR_API_KEY"),
+                        createTextVNode(" in the snippets above. ")
+                      ])) : (openBlock(), createBlock("p", { key: 1 }, [
+                        createTextVNode(" This app provides a local access token automatically — shown in "),
+                        createVNode("strong", null, "Client setup"),
+                        createTextVNode(" above and already filled into every snippet, so there is nothing to replace. ")
+                      ])),
+                      !unref(isDesktop) ? (openBlock(), createBlock("p", {
+                        key: 2,
+                        class: "text-xs text-gray-400"
+                      }, [
+                        createTextVNode(" When authentication is disabled ("),
+                        createVNode("code", { class: "font-mono" }, "PIWI_AUTH_ENABLED"),
+                        createTextVNode(" not set), any request is accepted without a key. ")
+                      ])) : (openBlock(), createBlock("p", {
+                        key: 3,
+                        class: "text-xs text-gray-400"
+                      }, [
+                        createTextVNode(" This desktop app keeps sign-in off but still requires its own local access token on every request — it is the "),
+                        createVNode("code", { class: "font-mono" }, "Bearer"),
+                        createTextVNode(" value. The endpoint is not open. ")
+                      ]))
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              icon: "i-lucide-link",
+              title: "Server URL"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-2"${_scopeId2}><div class="flex items-center gap-2"${_scopeId2}><code class="flex-1 px-3 py-2 bg-muted rounded-md text-sm font-mono break-all"${_scopeId2}>${ssrInterpolate(unref(mcpUrl))}</code>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    icon: "i-lucide-external-link",
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    title: "Open API docs",
+                    to: "/docs",
+                    external: !unref(isDemo)
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` REST API docs `);
+                      } else {
+                        return [
+                          createTextVNode(" REST API docs ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div><p class="text-xs text-gray-400"${_scopeId2}> This is your Piwi instance&#39;s MCP endpoint. It is also the server URL to paste into client configs above. `);
+                  if (unref(isDesktop)) {
+                    _push3(`<!--[-->This desktop app requires its local access token as the <code class="font-mono"${_scopeId2}>Bearer</code> value on every request.<!--]-->`);
+                  } else {
+                    _push3(`<!--[-->The server requires a valid Bearer token (or no auth if <code class="font-mono"${_scopeId2}>PIWI_AUTH_ENABLED</code> is not set).<!--]-->`);
+                  }
+                  _push3(`</p></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-2" }, [
+                      createVNode("div", { class: "flex items-center gap-2" }, [
+                        createVNode("code", { class: "flex-1 px-3 py-2 bg-muted rounded-md text-sm font-mono break-all" }, toDisplayString(unref(mcpUrl)), 1),
+                        createVNode(_component_UButton, {
+                          icon: "i-lucide-external-link",
+                          size: "sm",
+                          color: "neutral",
+                          variant: "outline",
+                          title: "Open API docs",
+                          to: "/docs",
+                          external: !unref(isDemo)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" REST API docs ")
+                          ]),
+                          _: 1
+                        }, 8, ["external"])
+                      ]),
+                      createVNode("p", { class: "text-xs text-gray-400" }, [
+                        createTextVNode(" This is your Piwi instance's MCP endpoint. It is also the server URL to paste into client configs above. "),
+                        unref(isDesktop) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                          createTextVNode("This desktop app requires its local access token as the "),
+                          createVNode("code", { class: "font-mono" }, "Bearer"),
+                          createTextVNode(" value on every request.")
+                        ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                          createTextVNode("The server requires a valid Bearer token (or no auth if "),
+                          createVNode("code", { class: "font-mono" }, "PIWI_AUTH_ENABLED"),
+                          createTextVNode(" is not set).")
+                        ], 64))
+                      ])
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "max-w-3xl mx-auto p-6 space-y-6" }, [
+                unref(isDemo) ? (openBlock(), createBlock(_component_UAlert, {
+                  key: 0,
+                  color: "info",
+                  icon: "i-lucide-bot",
+                  title: "Feature preview",
+                  description: "The MCP endpoint is not active in this demo — it requires a real Piwi backend. The tools and client setup shown below reflect what your own deployment exposes."
+                })) : createCommentVNode("", true),
+                createVNode(_component_DesktopMcpClientsCard),
+                createVNode(_component_SectionCard, {
+                  icon: "i-lucide-settings-2",
+                  title: "Client setup",
+                  help: "mcp.client-setup"
+                }, {
+                  default: withCtx(() => [
+                    unref(reporterConfig) ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "mb-4 space-y-3 rounded-md border border-default bg-elevated/50 p-3"
+                    }, [
+                      createVNode("div", { class: "space-y-1" }, [
+                        createVNode("div", { class: "text-xs 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-xs text-muted" }, "Access token"),
+                        createVNode("div", { class: "flex items-start gap-2" }, [
+                          createVNode("code", { class: "text-xs break-all flex-1" }, toDisplayString(unref(bearerToken)), 1),
+                          createVNode(_component_UButton, {
+                            icon: "i-lucide-copy",
+                            color: "neutral",
+                            variant: "ghost",
+                            size: "xs",
+                            "aria-label": "Copy access token",
+                            onClick: ($event) => unref(copy)(unref(bearerToken), { toast: true })
+                          }, null, 8, ["onClick"])
+                        ])
+                      ]),
+                      createVNode("p", { class: "text-xs text-muted" }, [
+                        createTextVNode(" This app authenticates with a local access token even though sign-in is off — it is the "),
+                        createVNode("code", { class: "font-mono" }, "Bearer"),
+                        createTextVNode(" value, already filled into the snippets below. ")
+                      ])
+                    ])) : createCommentVNode("", true),
+                    createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400 mb-4" }, [
+                      unref(reporterConfig) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                        createTextVNode("Pick your client below — the URL and access token above are already baked into each snippet.")
+                      ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                        createTextVNode("Replace "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_YOUR_API_KEY"),
+                        createTextVNode(" with your actual API key. The MCP URL shown in the snippets is auto-detected from your current browser origin.")
+                      ], 64))
+                    ]),
+                    createVNode(_component_UTabs, {
+                      items: clientItems,
+                      ui: { list: "mb-4" }
+                    }, {
+                      "claude-code": withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, " Run once in any terminal. Claude Code stores the server in your global MCP config. "),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(claudeCodeSnippet),
+                            lang: "sh"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, [
+                            createTextVNode(" After adding, restart Claude Code and use "),
+                            createVNode("code", { class: "font-mono" }, "/mcp"),
+                            createTextVNode(" to verify "),
+                            createVNode("strong", null, "piwi"),
+                            createTextVNode(" is connected. Claude will call the tools automatically when you ask about test results or failures. ")
+                          ])
+                        ])
+                      ]),
+                      opencode: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.config/opencode/opencode.json"),
+                            createTextVNode(" (global config): ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(opencodeSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Restart Opencode to pick up the new MCP server. Tools become available automatically in the next session. ")
+                        ])
+                      ]),
+                      cursor: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.cursor/mcp.json"),
+                            createTextVNode(" (global) or "),
+                            createVNode("code", { class: "font-mono text-xs" }, ".cursor/mcp.json"),
+                            createTextVNode(" in your project root: ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(cursorSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Restart Cursor, then enable the MCP server in Cursor Settings → MCP. ")
+                        ])
+                      ]),
+                      vscode: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to "),
+                            createVNode("code", { class: "font-mono text-xs" }, ".vscode/mcp.json"),
+                            createTextVNode(" in your workspace (VS Code Copilot agent mode, version 1.99+): ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(vscodeSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " The server appears in the Copilot chat agent drop-down once the file is saved. ")
+                        ])
+                      ]),
+                      "claude-desktop": withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Add to your Claude Desktop config file:"),
+                          createVNode("ul", { class: "text-xs text-gray-400 space-y-0.5 mb-2" }, [
+                            createVNode("li", null, [
+                              createVNode("strong", null, "macOS:"),
+                              createVNode("code", { class: "font-mono" }, "~/Library/Application Support/Claude/claude_desktop_config.json")
+                            ]),
+                            createVNode("li", null, [
+                              createVNode("strong", null, "Windows:"),
+                              createVNode("code", { class: "font-mono" }, "%APPDATA%\\Claude\\claude_desktop_config.json")
+                            ])
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(claudeDesktopSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, [
+                            createTextVNode(" That file only accepts servers started as a local command — pasting a "),
+                            createVNode("code", { class: "font-mono" }, "url"),
+                            createTextVNode(" entry there makes Claude Desktop report it as invalid and ignore it. "),
+                            createVNode("code", { class: "font-mono" }, "mcp-remote"),
+                            createTextVNode(" (needs Node) bridges the HTTP endpoint to that shape. Restart Claude Desktop after saving. "),
+                            unref(reporterConfig) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode("On this machine, "),
+                              createVNode("strong", null, "Connect"),
+                              createTextVNode(" above does it without Node — it points Claude Desktop at this app's own bridge.")
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ])
+                      ]),
+                      gemini: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, "Run once to register the server with Gemini CLI:"),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(geminiSnippet),
+                            lang: "sh"
+                          }, null, 8, ["code"]),
+                          createVNode("p", { class: "text-xs text-gray-400" }, " Gemini CLI fetches the tool list on startup and makes them available in agent mode. ")
+                        ])
+                      ]),
+                      windsurf: withCtx(() => [
+                        createVNode("div", { class: "space-y-3" }, [
+                          createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, [
+                            createTextVNode(" Add to your Windsurf or Continue MCP config. For Windsurf: "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.codeium/windsurf/mcp_config.json"),
+                            createTextVNode(". For Continue: "),
+                            createVNode("code", { class: "font-mono text-xs" }, "~/.continue/config.json"),
+                            createTextVNode(" under "),
+                            createVNode("code", { class: "font-mono text-xs" }, "mcpServers"),
+                            createTextVNode(". ")
+                          ]),
+                          createVNode(_component_CodeBlock, {
+                            code: unref(windsurfSnippet),
+                            lang: "json"
+                          }, null, 8, ["code"])
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_SectionCard, {
+                  icon: "i-lucide-bot",
+                  title: "What it provides",
+                  help: "mcp.tools"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "flex flex-col gap-1.5" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(tools), (t) => {
+                        return openBlock(), createBlock("div", {
+                          key: t.name,
+                          class: "flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"
+                        }, [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-wrench",
+                            class: "size-4 mt-0.5 shrink-0 text-primary"
+                          }),
+                          createVNode("div", { class: "min-w-0" }, [
+                            createVNode("p", { class: "text-sm font-mono font-semibold text-foreground" }, toDisplayString(t.name), 1),
+                            createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5" }, toDisplayString(t.description), 1)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_SectionCard, {
+                  icon: "i-lucide-sparkles",
+                  title: "Prompts"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400 mb-4" }, [
+                      createTextVNode(" Prompts are ready-made instructions your MCP client offers as a slash command — nothing to install. "),
+                      createVNode("code", { class: "font-mono" }, "setup_piwi"),
+                      createTextVNode(" is "),
+                      createVNode("strong", null, "server-aware"),
+                      createTextVNode(": it fills in this instance's URL, whether authentication is required, and the projects that already exist, then hands your agent a ready-to-run setup for a Playwright project that is not yet reporting here. ")
+                    ]),
+                    createVNode("div", { class: "flex flex-col gap-1.5" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(prompts), (p) => {
+                        return openBlock(), createBlock("div", {
+                          key: p.name,
+                          class: "flex items-start gap-3 px-3 py-2.5 rounded-md bg-elevated/50 border border-default hover:bg-elevated transition-colors"
+                        }, [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-square-slash",
+                            class: "size-4 mt-0.5 shrink-0 text-primary"
+                          }),
+                          createVNode("div", { class: "min-w-0" }, [
+                            createVNode("p", { class: "text-sm font-mono font-semibold text-foreground" }, toDisplayString(p.name), 1),
+                            createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5" }, toDisplayString(p.description), 1),
+                            p.arguments?.length ? (openBlock(), createBlock("div", {
+                              key: 0,
+                              class: "flex flex-wrap gap-1.5 mt-1.5"
+                            }, [
+                              (openBlock(true), createBlock(Fragment, null, renderList(p.arguments, (arg) => {
+                                return openBlock(), createBlock("code", {
+                                  key: arg.name,
+                                  class: "px-1.5 py-0.5 rounded bg-muted text-[11px] font-mono",
+                                  title: arg.description
+                                }, toDisplayString(arg.name) + toDisplayString(arg.required ? "" : "?"), 9, ["title"]);
+                              }), 128))
+                            ])) : createCommentVNode("", true)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_SectionCard, {
+                  icon: "i-lucide-key",
+                  title: "Authentication",
+                  help: "mcp.auth"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "space-y-3 text-sm text-gray-600 dark:text-gray-400" }, [
+                      createVNode("p", null, [
+                        createTextVNode(" MCP requests are authenticated with the same API keys used by the REST API. API keys start with "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_"),
+                        createTextVNode(". ")
+                      ]),
+                      !unref(isDesktop) ? (openBlock(), createBlock("p", { key: 0 }, [
+                        createTextVNode(" Generate a key in "),
+                        createVNode("strong", null, "Settings → Users → [your account] → API keys"),
+                        createTextVNode(", then replace "),
+                        createVNode("code", { class: "px-1 py-0.5 bg-muted rounded text-xs font-mono" }, "pd_YOUR_API_KEY"),
+                        createTextVNode(" in the snippets above. ")
+                      ])) : (openBlock(), createBlock("p", { key: 1 }, [
+                        createTextVNode(" This app provides a local access token automatically — shown in "),
+                        createVNode("strong", null, "Client setup"),
+                        createTextVNode(" above and already filled into every snippet, so there is nothing to replace. ")
+                      ])),
+                      !unref(isDesktop) ? (openBlock(), createBlock("p", {
+                        key: 2,
+                        class: "text-xs text-gray-400"
+                      }, [
+                        createTextVNode(" When authentication is disabled ("),
+                        createVNode("code", { class: "font-mono" }, "PIWI_AUTH_ENABLED"),
+                        createTextVNode(" not set), any request is accepted without a key. ")
+                      ])) : (openBlock(), createBlock("p", {
+                        key: 3,
+                        class: "text-xs text-gray-400"
+                      }, [
+                        createTextVNode(" This desktop app keeps sign-in off but still requires its own local access token on every request — it is the "),
+                        createVNode("code", { class: "font-mono" }, "Bearer"),
+                        createTextVNode(" value. The endpoint is not open. ")
+                      ]))
+                    ])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_SectionCard, {
+                  icon: "i-lucide-link",
+                  title: "Server URL"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "space-y-2" }, [
+                      createVNode("div", { class: "flex items-center gap-2" }, [
+                        createVNode("code", { class: "flex-1 px-3 py-2 bg-muted rounded-md text-sm font-mono break-all" }, toDisplayString(unref(mcpUrl)), 1),
+                        createVNode(_component_UButton, {
+                          icon: "i-lucide-external-link",
+                          size: "sm",
+                          color: "neutral",
+                          variant: "outline",
+                          title: "Open API docs",
+                          to: "/docs",
+                          external: !unref(isDemo)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" REST API docs ")
+                          ]),
+                          _: 1
+                        }, 8, ["external"])
+                      ]),
+                      createVNode("p", { class: "text-xs text-gray-400" }, [
+                        createTextVNode(" This is your Piwi instance's MCP endpoint. It is also the server URL to paste into client configs above. "),
+                        unref(isDesktop) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                          createTextVNode("This desktop app requires its local access token as the "),
+                          createVNode("code", { class: "font-mono" }, "Bearer"),
+                          createTextVNode(" value on every request.")
+                        ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                          createTextVNode("The server requires a valid Bearer token (or no auth if "),
+                          createVNode("code", { class: "font-mono" }, "PIWI_AUTH_ENABLED"),
+                          createTextVNode(" is not set).")
+                        ], 64))
+                      ])
+                    ])
+                  ]),
+                  _: 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/mcp.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=mcp-Dwj29-uG.mjs.map