@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/ai-CgN9xXFf.mjs

@@ -0,0 +1,1850 @@
+import { _ as __nuxt_component_0, a as __nuxt_component_2$2 } from './SettingsField-CEasBHu3.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { j as useToast, l as _sfc_main$k, _ as _sfc_main$d, k as _sfc_main$p } from './server.mjs';
+import { _ as __nuxt_component_2$3 } from './HelpHint-C96TlqxY.mjs';
+import { _ as _sfc_main$5 } from './Switch-_NJhWmI9.mjs';
+import { _ as _sfc_main$6 } from './FormField-GYHKiSI6.mjs';
+import { _ as _sfc_main$8 } from './Select-COU8NARj.mjs';
+import { _ as __nuxt_component_3 } from './EnvManagedBadge-_8GfjWjE.mjs';
+import { _ as _sfc_main$9 } from './Modal-BGBGJtVH.mjs';
+import { defineComponent, withAsyncContext, reactive, ref, computed, watch, mergeProps, unref, withCtx, isRef, createVNode, openBlock, createBlock, Fragment, renderList, createTextVNode, createSlots, useModel, createCommentVNode, mergeModels, toDisplayString, nextTick, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttr } from 'vue/server-renderer';
+import { h as helpEnvVars } from './help-content-BK3jcgLw.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-CObiBDnH.mjs';
+import { u as useFetch } from './fetch-DOcN2mHf.mjs';
+import { _ as _sfc_main$7 } from './Textarea-CmjqdiIA.mjs';
+import { ch as CONTEXT_LIMIT_FIELDS } from '../nitro/nitro.mjs';
+import { p as pageEnvVars, g as getSettingsPage } from './settings-metadata-DwJk8uSt.mjs';
+import './Alert-gs8RgKxH.mjs';
+import './Card--Ike7sYc.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 './Label-DYDR1Oeh.mjs';
+import './useFormControl-8skMOTIf.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './VisuallyHiddenInput-D4E5aJCQ.mjs';
+import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
+import './Tooltip-CK0ucuXC.mjs';
+import './index-2GmuPNF-.mjs';
+import 'date-fns';
+import '@vue/shared';
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ModelPickerModal",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    models: {},
+    selected: {},
+    loading: { type: Boolean }
+  }, {
+    "open": { type: Boolean, ...{ required: true } },
+    "openModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["select"], ["update:open"]),
+  setup(__props, { emit: __emit }) {
+    function fmtTokens(n) {
+      if (!n) return "";
+      if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+      if (n >= 1e3) return `${Math.round(n / 1e3)}K`;
+      return String(n);
+    }
+    const props = __props;
+    const emit = __emit;
+    const open = useModel(__props, "open");
+    const searchInput = ref(null);
+    const search = ref("");
+    watch(open, (val) => {
+      if (val) {
+        nextTick(() => searchInput.value?.focus());
+      }
+    });
+    const filtered = computed(() => {
+      const q = search.value.toLowerCase();
+      return q ? props.models.filter((m) => m.id.toLowerCase().includes(q) || (m.label?.toLowerCase() ?? "").includes(q)) : props.models;
+    });
+    const MODALITY_META = {
+      image: { icon: "i-lucide-image", label: "Image input" },
+      pdf: { icon: "i-lucide-file-text", label: "PDF input" },
+      code: { icon: "i-lucide-code", label: "Code execution" },
+      thinking: { icon: "i-lucide-brain", label: "Extended thinking" },
+      json: { icon: "i-lucide-braces", label: "Structured output" },
+      text: { icon: "i-lucide-type", label: "Text" },
+      audio: { icon: "i-lucide-music", label: "Audio" }
+    };
+    function parseModalities(mods) {
+      return mods.map((m) => {
+        const arrowIdx = m.indexOf("→");
+        if (arrowIdx !== -1) {
+          const before = m.slice(0, arrowIdx);
+          const after = m.slice(arrowIdx + 1);
+          return {
+            inputs: before.split("+").filter(Boolean),
+            outputs: after.split("+").filter(Boolean)
+          };
+        }
+        return { inputs: [m], outputs: [] };
+      });
+    }
+    function pick(id) {
+      emit("select", id);
+      open.value = false;
+      search.value = "";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$9;
+      const _component_UInput = _sfc_main$d;
+      const _component_UIcon = _sfc_main$p;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: open.value,
+        "onUpdate:open": ($event) => open.value = $event,
+        title: "Select a model",
+        ui: { content: "max-w-2xl" }
+      }, _attrs), {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-3"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UInput, {
+              ref_key: "searchInput",
+              ref: searchInput,
+              modelValue: unref(search),
+              "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+              placeholder: "Search models…",
+              icon: "i-lucide-search",
+              size: "sm"
+            }, null, _parent2, _scopeId));
+            if (__props.models.length === 0 && __props.loading) {
+              _push2(`<div class="flex items-center justify-center gap-2 py-8 text-gray-400"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-2",
+                class: "size-4 animate-spin"
+              }, null, _parent2, _scopeId));
+              _push2(`<span class="text-sm"${_scopeId}>Loading models…</span></div>`);
+            } else if (__props.models.length === 0) {
+              _push2(`<div class="py-8 text-center text-sm text-gray-400"${_scopeId}> No models available — check your provider configuration </div>`);
+            } else {
+              _push2(`<div class="max-h-96 overflow-y-auto space-y-px"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(filtered), (m) => {
+                _push2(`<button class="${ssrRenderClass([__props.selected === m.id ? "bg-primary/10 ring-1 ring-inset ring-primary/30 border-primary/30" : "", "w-full text-left px-4 py-3 rounded-lg hover:bg-elevated transition-colors border border-transparent hover:border-default flex items-start gap-4"])}"${_scopeId}><div class="flex-1 min-w-0"${_scopeId}><p class="text-sm font-medium leading-snug truncate"${_scopeId}>${ssrInterpolate(m.id)} `);
+                if (m.label && m.label !== m.id) {
+                  _push2(`<span class="text-gray-500 font-normal"${_scopeId}> — ${ssrInterpolate(m.label)}</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</p><p class="text-xs text-gray-400 leading-snug mt-0.5"${_scopeId}>`);
+                if (m.contextLength) {
+                  _push2(`<!--[-->${ssrInterpolate(fmtTokens(m.contextLength))} ctx<!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                if (m.maxTokens) {
+                  _push2(`<!--[--> · up to ${ssrInterpolate(fmtTokens(m.maxTokens))} out<!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                if (m.pricing?.prompt) {
+                  _push2(`<!--[--> · $${ssrInterpolate(m.pricing.prompt)} / $${ssrInterpolate(m.pricing.completion ?? "?")} per 1M<!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                if (!m.contextLength && !m.maxTokens && !m.pricing?.prompt) {
+                  _push2(`<span class="italic text-gray-500"${_scopeId}>No additional info</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</p></div>`);
+                if (m.modalities?.length) {
+                  _push2(`<div class="flex items-center gap-1 shrink-0 pt-0.5"${_scopeId}><!--[-->`);
+                  ssrRenderList(parseModalities(m.modalities), (group) => {
+                    _push2(`<!--[--><!--[-->`);
+                    ssrRenderList(group.inputs, (mod) => {
+                      _push2(`<span${ssrRenderAttr("title", MODALITY_META[mod]?.label ?? mod)} class="inline-flex items-center justify-center size-6 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-primary transition-colors"${_scopeId}>`);
+                      _push2(ssrRenderComponent(_component_UIcon, {
+                        name: MODALITY_META[mod]?.icon ?? "i-lucide-cpu",
+                        class: "size-3.5"
+                      }, null, _parent2, _scopeId));
+                      _push2(`</span>`);
+                    });
+                    _push2(`<!--]-->`);
+                    if (group.outputs.length) {
+                      _push2(ssrRenderComponent(_component_UIcon, {
+                        name: "i-lucide-arrow-right",
+                        class: "size-3 text-gray-400 shrink-0"
+                      }, null, _parent2, _scopeId));
+                    } else {
+                      _push2(`<!---->`);
+                    }
+                    _push2(`<!--[-->`);
+                    ssrRenderList(group.outputs, (mod) => {
+                      _push2(`<span${ssrRenderAttr("title", MODALITY_META[mod]?.label ?? mod)} class="inline-flex items-center justify-center size-6 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-primary transition-colors"${_scopeId}>`);
+                      _push2(ssrRenderComponent(_component_UIcon, {
+                        name: MODALITY_META[mod]?.icon ?? "i-lucide-cpu",
+                        class: "size-3.5"
+                      }, null, _parent2, _scopeId));
+                      _push2(`</span>`);
+                    });
+                    _push2(`<!--]--><!--]-->`);
+                  });
+                  _push2(`<!--]--></div>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</button>`);
+              });
+              _push2(`<!--]-->`);
+              if (unref(filtered).length === 0) {
+                _push2(`<div class="py-8 text-center text-sm text-gray-400"${_scopeId}> No models match &quot;${ssrInterpolate(unref(search))}&quot; </div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-3" }, [
+                createVNode(_component_UInput, {
+                  ref_key: "searchInput",
+                  ref: searchInput,
+                  modelValue: unref(search),
+                  "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                  placeholder: "Search models…",
+                  icon: "i-lucide-search",
+                  size: "sm"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                __props.models.length === 0 && __props.loading ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center justify-center gap-2 py-8 text-gray-400"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-loader-2",
+                    class: "size-4 animate-spin"
+                  }),
+                  createVNode("span", { class: "text-sm" }, "Loading models…")
+                ])) : __props.models.length === 0 ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "py-8 text-center text-sm text-gray-400"
+                }, " No models available — check your provider configuration ")) : (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "max-h-96 overflow-y-auto space-y-px"
+                }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(filtered), (m) => {
+                    return openBlock(), createBlock("button", {
+                      key: m.id,
+                      class: ["w-full text-left px-4 py-3 rounded-lg hover:bg-elevated transition-colors border border-transparent hover:border-default flex items-start gap-4", __props.selected === m.id ? "bg-primary/10 ring-1 ring-inset ring-primary/30 border-primary/30" : ""],
+                      onClick: ($event) => pick(m.id)
+                    }, [
+                      createVNode("div", { class: "flex-1 min-w-0" }, [
+                        createVNode("p", { class: "text-sm font-medium leading-snug truncate" }, [
+                          createTextVNode(toDisplayString(m.id) + " ", 1),
+                          m.label && m.label !== m.id ? (openBlock(), createBlock("span", {
+                            key: 0,
+                            class: "text-gray-500 font-normal"
+                          }, " — " + toDisplayString(m.label), 1)) : createCommentVNode("", true)
+                        ]),
+                        createVNode("p", { class: "text-xs text-gray-400 leading-snug mt-0.5" }, [
+                          m.contextLength ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(toDisplayString(fmtTokens(m.contextLength)) + " ctx", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          m.maxTokens ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                            createTextVNode(" · up to " + toDisplayString(fmtTokens(m.maxTokens)) + " out", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          m.pricing?.prompt ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                            createTextVNode(" · $" + toDisplayString(m.pricing.prompt) + " / $" + toDisplayString(m.pricing.completion ?? "?") + " per 1M", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          !m.contextLength && !m.maxTokens && !m.pricing?.prompt ? (openBlock(), createBlock("span", {
+                            key: 3,
+                            class: "italic text-gray-500"
+                          }, "No additional info")) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      m.modalities?.length ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "flex items-center gap-1 shrink-0 pt-0.5"
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(parseModalities(m.modalities), (group) => {
+                          return openBlock(), createBlock(Fragment, {
+                            key: group.inputs.join() + "→" + group.outputs.join()
+                          }, [
+                            (openBlock(true), createBlock(Fragment, null, renderList(group.inputs, (mod) => {
+                              return openBlock(), createBlock("span", {
+                                key: "in-" + mod,
+                                title: MODALITY_META[mod]?.label ?? mod,
+                                class: "inline-flex items-center justify-center size-6 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-primary transition-colors"
+                              }, [
+                                createVNode(_component_UIcon, {
+                                  name: MODALITY_META[mod]?.icon ?? "i-lucide-cpu",
+                                  class: "size-3.5"
+                                }, null, 8, ["name"])
+                              ], 8, ["title"]);
+                            }), 128)),
+                            group.outputs.length ? (openBlock(), createBlock(_component_UIcon, {
+                              key: 0,
+                              name: "i-lucide-arrow-right",
+                              class: "size-3 text-gray-400 shrink-0"
+                            })) : createCommentVNode("", true),
+                            (openBlock(true), createBlock(Fragment, null, renderList(group.outputs, (mod) => {
+                              return openBlock(), createBlock("span", {
+                                key: "out-" + mod,
+                                title: MODALITY_META[mod]?.label ?? mod,
+                                class: "inline-flex items-center justify-center size-6 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 hover:text-primary transition-colors"
+                              }, [
+                                createVNode(_component_UIcon, {
+                                  name: MODALITY_META[mod]?.icon ?? "i-lucide-cpu",
+                                  class: "size-3.5"
+                                }, null, 8, ["name"])
+                              ], 8, ["title"]);
+                            }), 128))
+                          ], 64);
+                        }), 128))
+                      ])) : createCommentVNode("", true)
+                    ], 10, ["onClick"]);
+                  }), 128)),
+                  unref(filtered).length === 0 ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "py-8 text-center text-sm text-gray-400"
+                  }, ' No models match "' + toDisplayString(unref(search)) + '" ', 1)) : createCommentVNode("", true)
+                ]))
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/ModelPickerModal.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_2$1 = Object.assign(_sfc_main$4, { __name: "ModelPickerModal" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ModelFieldInput",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    provider: {},
+    providerResolved: {},
+    reuse: { type: Boolean },
+    models: {},
+    loadingModels: { type: Boolean },
+    placeholderAnthropic: {},
+    placeholderOpenai: {}
+  }, {
+    "modelValue": { required: true },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["loadModels"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const pickerOpen = ref(false);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UInput = _sfc_main$d;
+      const _component_UButton = _sfc_main$k;
+      const _component_ModelPickerModal = __nuxt_component_2$1;
+      _push(`<!--[--><div class="flex gap-2">`);
+      _push(ssrRenderComponent(_component_UInput, {
+        modelValue: model.value,
+        "onUpdate:modelValue": ($event) => model.value = $event,
+        placeholder: __props.providerResolved === "anthropic" ? __props.placeholderAnthropic : __props.placeholderOpenai,
+        class: "flex-1"
+      }, null, _parent));
+      if (__props.providerResolved) {
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "sm",
+          variant: "soft",
+          onClick: ($event) => {
+            emit("loadModels");
+            pickerOpen.value = true;
+          }
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Choose model… `);
+            } else {
+              return [
+                createTextVNode(" Choose model… ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_ModelPickerModal, {
+        open: unref(pickerOpen),
+        "onUpdate:open": ($event) => isRef(pickerOpen) ? pickerOpen.value = $event : null,
+        models: __props.models,
+        selected: model.value,
+        loading: __props.loadingModels,
+        onSelect: (id) => model.value = id
+      }, null, _parent));
+      _push(`<!--]-->`);
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/ModelFieldInput.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_7 = Object.assign(_sfc_main$3, { __name: "ModelFieldInput" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AiRoleConfigForm",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    meta: {},
+    hasApiKey: { type: Boolean },
+    reuseOptions: {},
+    providerOptions: {},
+    presetOptions: {},
+    disabled: { type: Boolean },
+    envManaged: { type: Boolean },
+    models: {},
+    loadingModels: { type: Boolean },
+    providerResolved: {},
+    testing: { type: Boolean }
+  }, {
+    "modelValue": { required: true },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["applyPreset", "loadModels", "test"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const reuseModel = computed({
+      get: () => model.value.reuse ?? "own",
+      set: (v) => model.value.reuse = v === "own" ? null : v
+    });
+    const roleEnvVars = computed(() => helpEnvVars(props.meta.help));
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$p;
+      const _component_HelpHint = __nuxt_component_2$3;
+      const _component_USwitch = _sfc_main$5;
+      const _component_UFormField = _sfc_main$6;
+      const _component_USelect = _sfc_main$8;
+      const _component_EnvManagedBadge = __nuxt_component_3;
+      const _component_UInput = _sfc_main$d;
+      const _component_ModelFieldInput = __nuxt_component_7;
+      const _component_UButton = _sfc_main$k;
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: ["rounded-lg border border-default p-4 space-y-4", __props.meta.optional && !model.value.enabled ? "opacity-80" : ""]
+      }, _attrs))}><div class="flex items-start justify-between gap-3"><div class="flex items-start gap-2">`);
+      _push(ssrRenderComponent(_component_UIcon, {
+        name: __props.meta.icon,
+        class: "size-5 mt-0.5 text-primary"
+      }, null, _parent));
+      _push(`<div><p class="font-medium inline-flex items-center gap-1">${ssrInterpolate(__props.meta.title)} `);
+      _push(ssrRenderComponent(_component_HelpHint, {
+        topic: __props.meta.help
+      }, null, _parent));
+      _push(`</p><p class="text-sm text-gray-500">${ssrInterpolate(__props.meta.blurb)}</p></div></div>`);
+      if (__props.meta.optional) {
+        _push(ssrRenderComponent(_component_USwitch, {
+          modelValue: model.value.enabled,
+          "onUpdate:modelValue": ($event) => model.value.enabled = $event,
+          disabled: __props.disabled && !__props.envManaged,
+          "aria-label": __props.meta.enableLabel
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+      if (!__props.meta.optional || model.value.enabled) {
+        _push(`<!--[-->`);
+        if (__props.meta.reuseTargets.length) {
+          _push(ssrRenderComponent(_component_UFormField, { label: "Provider source" }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(_component_USelect, {
+                  modelValue: unref(reuseModel),
+                  "onUpdate:modelValue": ($event) => isRef(reuseModel) ? reuseModel.value = $event : null,
+                  items: __props.reuseOptions,
+                  disabled: __props.disabled && !__props.envManaged,
+                  class: "w-full"
+                }, null, _parent2, _scopeId));
+              } else {
+                return [
+                  createVNode(_component_USelect, {
+                    modelValue: unref(reuseModel),
+                    "onUpdate:modelValue": ($event) => isRef(reuseModel) ? reuseModel.value = $event : null,
+                    items: __props.reuseOptions,
+                    disabled: __props.disabled && !__props.envManaged,
+                    class: "w-full"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "disabled"])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (!model.value.reuse) {
+          _push(`<!--[-->`);
+          _push(ssrRenderComponent(_component_UFormField, { label: "Provider" }, {
+            label: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<span class="inline-flex items-center gap-1"${_scopeId}> Provider `);
+                if (__props.disabled) {
+                  _push2(ssrRenderComponent(_component_EnvManagedBadge, { "env-vars": unref(roleEnvVars) }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</span>`);
+              } else {
+                return [
+                  createVNode("span", { class: "inline-flex items-center gap-1" }, [
+                    createTextVNode(" Provider "),
+                    __props.disabled ? (openBlock(), createBlock(_component_EnvManagedBadge, {
+                      key: 0,
+                      "env-vars": unref(roleEnvVars)
+                    }, null, 8, ["env-vars"])) : createCommentVNode("", true)
+                  ])
+                ];
+              }
+            }),
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(_component_USelect, {
+                  modelValue: model.value.provider,
+                  "onUpdate:modelValue": ($event) => model.value.provider = $event,
+                  items: __props.providerOptions,
+                  disabled: __props.disabled,
+                  placeholder: "Choose a provider…",
+                  class: "w-full"
+                }, null, _parent2, _scopeId));
+              } else {
+                return [
+                  createVNode(_component_USelect, {
+                    modelValue: model.value.provider,
+                    "onUpdate:modelValue": ($event) => model.value.provider = $event,
+                    items: __props.providerOptions,
+                    disabled: __props.disabled,
+                    placeholder: "Choose a provider…",
+                    class: "w-full"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "disabled"])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+          if (model.value.provider === "openai") {
+            _push(ssrRenderComponent(_component_UFormField, {
+              label: "Preset",
+              description: "Pick a known provider to auto-fill the URL and model, then adjust as needed"
+            }, {
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(_component_USelect, {
+                    items: __props.presetOptions,
+                    placeholder: "Choose a preset…",
+                    disabled: __props.disabled,
+                    class: "w-full",
+                    "onUpdate:modelValue": (v) => emit("applyPreset", v)
+                  }, null, _parent2, _scopeId));
+                } else {
+                  return [
+                    createVNode(_component_USelect, {
+                      items: __props.presetOptions,
+                      placeholder: "Choose a preset…",
+                      disabled: __props.disabled,
+                      class: "w-full",
+                      "onUpdate:modelValue": (v) => emit("applyPreset", v)
+                    }, null, 8, ["items", "disabled", "onUpdate:modelValue"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent));
+          } else {
+            _push(`<!---->`);
+          }
+          if (model.value.provider) {
+            _push(ssrRenderComponent(_component_UFormField, {
+              label: "API key",
+              description: __props.hasApiKey ? "Leave empty to keep the stored key, clear and save to remove it" : "Required for Anthropic; optional for local OpenAI-compatible servers"
+            }, {
+              label: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(`<span class="inline-flex items-center gap-1"${_scopeId}> API key `);
+                  if (__props.disabled) {
+                    _push2(ssrRenderComponent(_component_EnvManagedBadge, { "env-vars": unref(roleEnvVars) }, null, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</span>`);
+                } else {
+                  return [
+                    createVNode("span", { class: "inline-flex items-center gap-1" }, [
+                      createTextVNode(" API key "),
+                      __props.disabled ? (openBlock(), createBlock(_component_EnvManagedBadge, {
+                        key: 0,
+                        "env-vars": unref(roleEnvVars)
+                      }, null, 8, ["env-vars"])) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(_component_UInput, {
+                    modelValue: model.value.apiKey,
+                    "onUpdate:modelValue": ($event) => model.value.apiKey = $event,
+                    type: "password",
+                    placeholder: __props.hasApiKey ? "•••••••• (unchanged)" : "sk-…",
+                    disabled: __props.disabled,
+                    class: "w-full font-mono"
+                  }, null, _parent2, _scopeId));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: model.value.apiKey,
+                      "onUpdate:modelValue": ($event) => model.value.apiKey = $event,
+                      type: "password",
+                      placeholder: __props.hasApiKey ? "•••••••• (unchanged)" : "sk-…",
+                      disabled: __props.disabled,
+                      class: "w-full font-mono"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent));
+          } else {
+            _push(`<!---->`);
+          }
+          if (model.value.provider === "openai") {
+            _push(ssrRenderComponent(_component_UFormField, {
+              label: "Base URL",
+              description: "Required, e.g. http://localhost:11434/v1"
+            }, {
+              label: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(`<span class="inline-flex items-center gap-1"${_scopeId}> Base URL `);
+                  if (__props.disabled) {
+                    _push2(ssrRenderComponent(_component_EnvManagedBadge, { "env-vars": unref(roleEnvVars) }, null, _parent2, _scopeId));
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</span>`);
+                } else {
+                  return [
+                    createVNode("span", { class: "inline-flex items-center gap-1" }, [
+                      createTextVNode(" Base URL "),
+                      __props.disabled ? (openBlock(), createBlock(_component_EnvManagedBadge, {
+                        key: 0,
+                        "env-vars": unref(roleEnvVars)
+                      }, null, 8, ["env-vars"])) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(_component_UInput, {
+                    modelValue: model.value.baseUrl,
+                    "onUpdate:modelValue": ($event) => model.value.baseUrl = $event,
+                    placeholder: "http://localhost:11434/v1",
+                    disabled: __props.disabled,
+                    class: "w-full"
+                  }, null, _parent2, _scopeId));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: model.value.baseUrl,
+                      "onUpdate:modelValue": ($event) => model.value.baseUrl = $event,
+                      placeholder: "http://localhost:11434/v1",
+                      disabled: __props.disabled,
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent));
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`<!--]-->`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (model.value.reuse || model.value.provider) {
+          _push(ssrRenderComponent(_component_UFormField, {
+            label: "Model",
+            description: model.value.reuse ? "Leave empty to use the reused role's model" : void 0
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(_component_ModelFieldInput, {
+                  modelValue: model.value.model,
+                  "onUpdate:modelValue": ($event) => model.value.model = $event,
+                  provider: model.value.provider,
+                  "provider-resolved": __props.providerResolved,
+                  reuse: !!model.value.reuse,
+                  models: __props.models,
+                  "loading-models": __props.loadingModels,
+                  "placeholder-anthropic": __props.meta.modelPlaceholderAnthropic,
+                  "placeholder-openai": __props.meta.modelPlaceholderOpenai,
+                  onLoadModels: ($event) => emit("loadModels")
+                }, null, _parent2, _scopeId));
+              } else {
+                return [
+                  createVNode(_component_ModelFieldInput, {
+                    modelValue: model.value.model,
+                    "onUpdate:modelValue": ($event) => model.value.model = $event,
+                    provider: model.value.provider,
+                    "provider-resolved": __props.providerResolved,
+                    reuse: !!model.value.reuse,
+                    models: __props.models,
+                    "loading-models": __props.loadingModels,
+                    "placeholder-anthropic": __props.meta.modelPlaceholderAnthropic,
+                    "placeholder-openai": __props.meta.modelPlaceholderOpenai,
+                    onLoadModels: ($event) => emit("loadModels")
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "provider", "provider-resolved", "reuse", "models", "loading-models", "placeholder-anthropic", "placeholder-openai", "onLoadModels"])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (__props.providerResolved) {
+          _push(`<div class="flex justify-end">`);
+          _push(ssrRenderComponent(_component_UButton, {
+            size: "xs",
+            color: "neutral",
+            variant: "soft",
+            icon: "i-lucide-plug",
+            loading: __props.testing,
+            onClick: ($event) => emit("test")
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(` Test connection `);
+              } else {
+                return [
+                  createTextVNode(" Test connection ")
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+          _push(`</div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/AiRoleConfigForm.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$2, { __name: "AiRoleConfigForm" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AiUsagePanel",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const days = ref(30);
+    const periodOptions = [
+      { label: "Last 7 days", value: 7 },
+      { label: "Last 30 days", value: 30 },
+      { label: "Last 90 days", value: 90 }
+    ];
+    const { data: usage, pending } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/settings/ai/usage",
+      {
+        query: { days }
+      },
+      "$Q4bVv0_V0W"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    function formatCount(n) {
+      if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+      if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+      return String(n);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_USelect = _sfc_main$8;
+      const _component_DurationValue = __nuxt_component_14;
+      const _component_UIcon = _sfc_main$p;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-activity",
+        title: "AI usage"
+      }, _attrs), {
+        actions: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_USelect, {
+              modelValue: unref(days),
+              "onUpdate:modelValue": ($event) => isRef(days) ? days.value = $event : null,
+              items: periodOptions,
+              size: "sm",
+              class: "w-36"
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_USelect, {
+                modelValue: unref(days),
+                "onUpdate:modelValue": ($event) => isRef(days) ? days.value = $event : null,
+                items: periodOptions,
+                size: "sm",
+                class: "w-36"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(usage)) {
+              _push2(`<div class="space-y-3"${_scopeId}><p class="text-sm text-gray-500"${_scopeId}>${ssrInterpolate(formatCount(unref(usage).totals.diagnoses))} diagnoses · ${ssrInterpolate(formatCount(unref(usage).totals.inputTokens))} input tokens · ${ssrInterpolate(formatCount(unref(usage).totals.outputTokens))} output tokens </p>`);
+              if (unref(usage).byModel.length === 0) {
+                _push2(`<p class="text-sm text-gray-500"${_scopeId}>No AI calls recorded in this period.</p>`);
+              } else {
+                _push2(`<div class="overflow-x-auto"${_scopeId}><table class="w-full text-sm"${_scopeId}><thead${_scopeId}><tr class="text-xs text-gray-500 uppercase tracking-wider border-b border-default"${_scopeId}><th class="text-left px-2 py-2 font-medium"${_scopeId}>Model</th><th class="text-right px-2 py-2 font-medium"${_scopeId}>Diagnoses</th><th class="text-right px-2 py-2 font-medium"${_scopeId}>Failed</th><th class="text-right px-2 py-2 font-medium"${_scopeId}>Input tokens</th><th class="text-right px-2 py-2 font-medium"${_scopeId}>Output tokens</th><th class="text-right px-2 py-2 font-medium"${_scopeId}>Avg duration</th></tr></thead><tbody${_scopeId}><!--[-->`);
+                ssrRenderList(unref(usage).byModel, (row) => {
+                  _push2(`<tr class="border-b last:border-b-0 border-default"${_scopeId}><td class="px-2 py-2"${_scopeId}><span class="font-mono text-xs"${_scopeId}>${ssrInterpolate(row.model)}</span><span class="text-xs text-gray-400"${_scopeId}> · ${ssrInterpolate(row.provider ?? "unknown")}</span></td><td class="text-right px-2 py-2"${_scopeId}>${ssrInterpolate(row.diagnoses)}</td><td class="${ssrRenderClass([row.failed > 0 ? "text-red-600 dark:text-red-400" : "", "text-right px-2 py-2"])}"${_scopeId}>${ssrInterpolate(row.failed)}</td><td class="text-right px-2 py-2"${ssrRenderAttr("title", row.inputTokens.toLocaleString())}${_scopeId}>${ssrInterpolate(formatCount(row.inputTokens))}</td><td class="text-right px-2 py-2"${ssrRenderAttr("title", row.outputTokens.toLocaleString())}${_scopeId}>${ssrInterpolate(formatCount(row.outputTokens))}</td><td class="text-right px-2 py-2"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_DurationValue, {
+                    ms: row.avgDurationMs
+                  }, null, _parent2, _scopeId));
+                  _push2(`</td></tr>`);
+                });
+                _push2(`<!--]--></tbody></table></div>`);
+              }
+              _push2(`</div>`);
+            } else if (unref(pending)) {
+              _push2(`<div class="flex items-center gap-2 py-4 text-muted"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-circle",
+                class: "size-4 animate-spin"
+              }, null, _parent2, _scopeId));
+              _push2(`<span class="text-sm"${_scopeId}>Loading usage…</span></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(usage) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "space-y-3"
+              }, [
+                createVNode("p", { class: "text-sm text-gray-500" }, toDisplayString(formatCount(unref(usage).totals.diagnoses)) + " diagnoses · " + toDisplayString(formatCount(unref(usage).totals.inputTokens)) + " input tokens · " + toDisplayString(formatCount(unref(usage).totals.outputTokens)) + " output tokens ", 1),
+                unref(usage).byModel.length === 0 ? (openBlock(), createBlock("p", {
+                  key: 0,
+                  class: "text-sm text-gray-500"
+                }, "No AI calls recorded in this period.")) : (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "overflow-x-auto"
+                }, [
+                  createVNode("table", { class: "w-full text-sm" }, [
+                    createVNode("thead", null, [
+                      createVNode("tr", { class: "text-xs text-gray-500 uppercase tracking-wider border-b border-default" }, [
+                        createVNode("th", { class: "text-left px-2 py-2 font-medium" }, "Model"),
+                        createVNode("th", { class: "text-right px-2 py-2 font-medium" }, "Diagnoses"),
+                        createVNode("th", { class: "text-right px-2 py-2 font-medium" }, "Failed"),
+                        createVNode("th", { class: "text-right px-2 py-2 font-medium" }, "Input tokens"),
+                        createVNode("th", { class: "text-right px-2 py-2 font-medium" }, "Output tokens"),
+                        createVNode("th", { class: "text-right px-2 py-2 font-medium" }, "Avg duration")
+                      ])
+                    ]),
+                    createVNode("tbody", null, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(usage).byModel, (row) => {
+                        return openBlock(), createBlock("tr", {
+                          key: `${row.provider ?? "unknown"}/${row.model}`,
+                          class: "border-b last:border-b-0 border-default"
+                        }, [
+                          createVNode("td", { class: "px-2 py-2" }, [
+                            createVNode("span", { class: "font-mono text-xs" }, toDisplayString(row.model), 1),
+                            createVNode("span", { class: "text-xs text-gray-400" }, " · " + toDisplayString(row.provider ?? "unknown"), 1)
+                          ]),
+                          createVNode("td", { class: "text-right px-2 py-2" }, toDisplayString(row.diagnoses), 1),
+                          createVNode("td", {
+                            class: ["text-right px-2 py-2", row.failed > 0 ? "text-red-600 dark:text-red-400" : ""]
+                          }, toDisplayString(row.failed), 3),
+                          createVNode("td", {
+                            class: "text-right px-2 py-2",
+                            title: row.inputTokens.toLocaleString()
+                          }, toDisplayString(formatCount(row.inputTokens)), 9, ["title"]),
+                          createVNode("td", {
+                            class: "text-right px-2 py-2",
+                            title: row.outputTokens.toLocaleString()
+                          }, toDisplayString(formatCount(row.outputTokens)), 9, ["title"]),
+                          createVNode("td", { class: "text-right px-2 py-2" }, [
+                            createVNode(_component_DurationValue, {
+                              ms: row.avgDurationMs
+                            }, null, 8, ["ms"])
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]))
+              ])) : unref(pending) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "flex items-center gap-2 py-4 text-muted"
+              }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-loader-circle",
+                  class: "size-4 animate-spin"
+                }),
+                createVNode("span", { class: "text-sm" }, "Loading usage…")
+              ])) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/AiUsagePanel.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_6 = Object.assign(_sfc_main$1, { __name: "AiUsagePanel" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ai",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const toast = useToast();
+    const { data: settings, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/settings/ai",
+      "$5FSQHzGDZ4"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    function blankRole() {
+      return { enabled: false, reuse: null, provider: "", model: "", baseUrl: "", apiKey: "" };
+    }
+    const roles = reactive({
+      diagnosis: blankRole(),
+      research: blankRole(),
+      embedding: blankRole()
+    });
+    const autoDiagnose = ref(false);
+    const customInstructions = ref("");
+    const scmToken = ref("");
+    const saving = ref(false);
+    const savingInstructions = ref(false);
+    const savingScmToken = ref(false);
+    const testingRoles = reactive({
+      diagnosis: false,
+      research: false,
+      embedding: false
+    });
+    const modelsRecord = reactive({
+      diagnosis: [],
+      research: [],
+      embedding: []
+    });
+    const loadingModels = reactive({
+      diagnosis: false,
+      research: false,
+      embedding: false
+    });
+    function resolvedProvider(role) {
+      const r = roles[role];
+      if (r.reuse) return roles[r.reuse]?.provider || "";
+      return r.provider;
+    }
+    async function loadModels(role) {
+      const r = roles[role];
+      const provider = resolvedProvider(role);
+      const source = r.reuse ? roles[r.reuse] : r;
+      const apiKey = source.apiKey || void 0;
+      loadingModels[role] = true;
+      try {
+        const res = await $fetch("/api/settings/ai/models", {
+          method: "POST",
+          // role lets the server fall back to the stored key when the form key is blank
+          body: { role, provider, baseUrl: source.baseUrl || void 0, apiKey }
+        });
+        modelsRecord[role] = res.models;
+      } catch {
+        modelsRecord[role] = [];
+      } finally {
+        loadingModels[role] = false;
+      }
+    }
+    const ROLE_META = [
+      {
+        key: "diagnosis",
+        title: "Diagnosis model",
+        icon: "i-lucide-stethoscope",
+        help: "settings.ai-provider",
+        optional: false,
+        enableLabel: "",
+        blurb: "The main model that writes the final diagnosis. Required to enable AI features.",
+        reuseTargets: [],
+        modelPlaceholderAnthropic: "claude-opus-4-8",
+        modelPlaceholderOpenai: "e.g. gpt-4o, llama3.1"
+      },
+      {
+        key: "research",
+        title: "Research model",
+        icon: "i-lucide-search",
+        help: "settings.ai-research",
+        optional: true,
+        enableLabel: "Two-stage diagnosis",
+        blurb: "A cheaper/faster model that pre-analyzes the failure before the diagnosis model writes the final answer. Also used for cluster naming and merge adjudication.",
+        reuseTargets: ["diagnosis"],
+        modelPlaceholderAnthropic: "e.g. claude-haiku-4-5",
+        modelPlaceholderOpenai: "e.g. llama-3.1-8b-instant"
+      },
+      {
+        key: "embedding",
+        title: "Embedding model",
+        icon: "i-lucide-vector-square",
+        help: "settings.embedding-model",
+        optional: true,
+        enableLabel: "Semantic clustering",
+        blurb: "Embeds failures so semantically-similar errors group together (used by failure clustering).",
+        reuseTargets: ["diagnosis", "research"],
+        modelPlaceholderAnthropic: "— Anthropic has no embeddings API —",
+        modelPlaceholderOpenai: "e.g. text-embedding-3-small"
+      }
+    ];
+    const providerOptions = [
+      { label: "Anthropic API", value: "anthropic" },
+      { label: "OpenAI-compatible", value: "openai" }
+    ];
+    const embeddingProviderOptions = providerOptions.filter((p) => p.value !== "anthropic");
+    const reuseOptionsByRole = computed(() => {
+      const out = {};
+      for (const meta of ROLE_META) {
+        out[meta.key] = [
+          { label: "Configure its own provider", value: "own" },
+          ...meta.reuseTargets.filter((t) => roles[t].enabled || t === "diagnosis").filter((t) => meta.key !== "embedding" || roles[t].provider === "openai").map((t) => ({ label: `Reuse ${ROLE_META.find((m) => m.key === t).title.toLowerCase()}`, value: t }))
+        ];
+      }
+      return out;
+    });
+    const envManaged = computed(() => Boolean(settings.value?.envManaged));
+    const aiEnvVars = pageEnvVars(getSettingsPage("ai"));
+    watch(
+      settings,
+      (val) => {
+        if (!val) return;
+        for (const meta of ROLE_META) {
+          const r = val.roles[meta.key];
+          const form = roles[meta.key];
+          form.enabled = Boolean(r);
+          form.reuse = r?.reuse ?? null;
+          form.provider = r?.provider ?? "";
+          form.model = r?.model ?? "";
+          form.baseUrl = r?.baseUrl ?? "";
+          form.apiKey = "";
+        }
+        autoDiagnose.value = val.autoDiagnose;
+        customInstructions.value = val.customInstructions || "";
+      },
+      { immediate: true }
+    );
+    function hasStoredKey(role) {
+      return Boolean(settings.value?.roles[role]?.hasApiKey);
+    }
+    const OPENAI_PRESETS = [
+      { label: "ollama (local)", baseUrl: "http://localhost:11434/v1", model: "llama3.1" },
+      { label: "LM Studio (local)", baseUrl: "http://localhost:1234/v1", model: "" },
+      { label: "OpenRouter", baseUrl: "https://openrouter.ai/api/v1", model: "meta-llama/llama-3.1-8b-instruct" },
+      { label: "Groq", baseUrl: "https://api.groq.com/openai/v1", model: "llama-3.1-8b-instant" },
+      { label: "OpenAI", baseUrl: "https://api.openai.com/v1", model: "gpt-4o" },
+      { label: "Mistral AI", baseUrl: "https://api.mistral.ai/v1", model: "mistral-small-latest" },
+      { label: "Custom", baseUrl: "", model: "" }
+    ];
+    const presetOptions = OPENAI_PRESETS.map((p) => ({ label: p.label, value: p.label }));
+    function applyPreset(role, label) {
+      const preset = OPENAI_PRESETS.find((p) => p.label === label);
+      if (!preset || preset.label === "Custom") return;
+      roles[role].baseUrl = preset.baseUrl;
+      roles[role].model = preset.model;
+    }
+    function roleBody(role) {
+      const r = roles[role];
+      if (!r.enabled) return null;
+      if (r.reuse) return { reuse: r.reuse, model: r.model || void 0 };
+      const body = {
+        provider: r.provider,
+        model: r.model || void 0,
+        baseUrl: r.baseUrl || void 0
+      };
+      if (r.apiKey !== "") body.apiKey = r.apiKey;
+      return body;
+    }
+    async function save() {
+      saving.value = true;
+      try {
+        if (!envManaged && (!roles.diagnosis.enabled || !roles.diagnosis.provider)) {
+          await $fetch("/api/settings/ai", { method: "PUT", body: { roles: null, autoDiagnose: autoDiagnose.value } });
+        } else {
+          await $fetch("/api/settings/ai", {
+            method: "PUT",
+            body: {
+              roles: {
+                diagnosis: roleBody("diagnosis"),
+                research: roleBody("research"),
+                embedding: roleBody("embedding")
+              },
+              autoDiagnose: autoDiagnose.value
+            }
+          });
+        }
+        await refresh();
+        for (const meta of ROLE_META) roles[meta.key].apiKey = "";
+        toast.add({ title: "Settings saved", color: "success" });
+      } catch (err) {
+        toast.add({ title: "Save failed", description: String(err?.message ?? err), color: "error" });
+      } finally {
+        saving.value = false;
+      }
+    }
+    async function saveScmToken() {
+      savingScmToken.value = true;
+      try {
+        await $fetch("/api/settings/ai", { method: "PUT", body: { scmToken: scmToken.value || null } });
+        await refresh();
+        scmToken.value = "";
+        toast.add({ title: "SCM token saved", color: "success" });
+      } catch (err) {
+        toast.add({ title: "Save failed", description: String(err?.message ?? err), color: "error" });
+      } finally {
+        savingScmToken.value = false;
+      }
+    }
+    async function saveInstructions() {
+      savingInstructions.value = true;
+      try {
+        await $fetch("/api/settings/ai", { method: "PUT", body: { customInstructions: customInstructions.value || null } });
+        await refresh();
+        toast.add({ title: "Instructions saved", color: "success" });
+      } catch (err) {
+        toast.add({ title: "Save failed", description: String(err?.message ?? err), color: "error" });
+      } finally {
+        savingInstructions.value = false;
+      }
+    }
+    async function testRole(role) {
+      testingRoles[role] = true;
+      try {
+        const r = roles[role];
+        const src = r.reuse ? roles[r.reuse] : r;
+        const res = await $fetch("/api/settings/ai/test", {
+          method: "POST",
+          body: {
+            role,
+            provider: src.provider || void 0,
+            apiKey: src.apiKey || void 0,
+            model: r.model || (r.reuse ? src.model : "") || void 0,
+            baseUrl: src.baseUrl || void 0
+          }
+        });
+        if (res.success)
+          toast.add({ title: "Connection successful", description: `Model: ${res.model}`, color: "success" });
+        else toast.add({ title: "Connection failed", description: res.error || "Unknown error", color: "error" });
+      } catch (err) {
+        toast.add({ title: "Connection failed", description: String(err?.message ?? err), color: "error" });
+      } finally {
+        testingRoles[role] = false;
+      }
+    }
+    const { data: limitsData } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/settings/ai/limits",
+      "$qHhpP8mBYb"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const limitFields = CONTEXT_LIMIT_FIELDS;
+    const limitValues = reactive({});
+    const savingLimits = ref(false);
+    const envManagedLimits = computed(() => new Set(limitsData.value?.envManaged ?? []));
+    watch(
+      limitsData,
+      (val) => {
+        if (!val) return;
+        for (const f of limitFields) limitValues[f.key] = val.limits[f.key];
+      },
+      { immediate: true }
+    );
+    async function saveLimits() {
+      savingLimits.value = true;
+      try {
+        limitsData.value = await $fetch("/api/settings/ai/limits", {
+          method: "PUT",
+          body: { limits: limitValues }
+        });
+        toast.add({ title: "Context limits saved", color: "success" });
+      } catch (e) {
+        toast.add({
+          title: "Failed to save context limits",
+          description: String(e?.message ?? e),
+          color: "error"
+        });
+      } finally {
+        savingLimits.value = false;
+      }
+    }
+    function resetLimits() {
+      if (!limitsData.value) return;
+      for (const f of limitFields) {
+        if (envManagedLimits.value.has(f.key)) continue;
+        limitValues[f.key] = limitsData.value.defaults[f.key];
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_EnvManagedAlert = __nuxt_component_0;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_AiRoleConfigForm = __nuxt_component_2;
+      const _component_SettingsField = __nuxt_component_2$2;
+      const _component_USwitch = _sfc_main$5;
+      const _component_UButton = _sfc_main$k;
+      const _component_AiUsagePanel = __nuxt_component_6;
+      const _component_UFormField = _sfc_main$6;
+      const _component_UInput = _sfc_main$d;
+      const _component_UTextarea = _sfc_main$7;
+      const _component_EnvManagedBadge = __nuxt_component_3;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}>`);
+      if (unref(envManaged)) {
+        _push(ssrRenderComponent(_component_EnvManagedAlert, { "env-vars": unref(aiEnvVars) }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_SectionCard, {
+        icon: "i-lucide-sparkles",
+        title: "Model providers",
+        help: "settings.ai-provider"
+      }, {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Configure a complete provider for each model role. Optional roles can reuse another role&#39;s provider so you don&#39;t re-enter credentials. `);
+          } else {
+            return [
+              createTextVNode(" Configure a complete provider for each model role. Optional roles can reuse another role's provider so you don't re-enter credentials. ")
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-2 justify-end"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              loading: unref(saving),
+              icon: "i-lucide-save",
+              onClick: save
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save `);
+                } else {
+                  return [
+                    createTextVNode(" Save ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-2 justify-end" }, [
+                createVNode(_component_UButton, {
+                  color: "primary",
+                  loading: unref(saving),
+                  icon: "i-lucide-save",
+                  onClick: save
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Save ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-5"${_scopeId}><!--[-->`);
+            ssrRenderList(ROLE_META, (meta) => {
+              _push2(ssrRenderComponent(_component_AiRoleConfigForm, {
+                key: meta.key,
+                modelValue: unref(roles)[meta.key],
+                "onUpdate:modelValue": ($event) => unref(roles)[meta.key] = $event,
+                meta,
+                "has-api-key": hasStoredKey(meta.key),
+                "reuse-options": unref(reuseOptionsByRole)[meta.key],
+                "provider-options": meta.key === "embedding" ? unref(embeddingProviderOptions) : providerOptions,
+                "preset-options": unref(presetOptions),
+                disabled: unref(envManaged),
+                "env-managed": unref(envManaged),
+                "provider-resolved": resolvedProvider(meta.key),
+                models: unref(modelsRecord)[meta.key],
+                "loading-models": unref(loadingModels)[meta.key],
+                testing: unref(testingRoles)[meta.key],
+                onApplyPreset: (label) => applyPreset(meta.key, label),
+                onLoadModels: ($event) => loadModels(meta.key),
+                onTest: ($event) => testRole(meta.key)
+              }, null, _parent2, _scopeId));
+            });
+            _push2(`<!--]-->`);
+            _push2(ssrRenderComponent(_component_SettingsField, {
+              label: "Auto-diagnose",
+              help: "settings.auto-diagnose",
+              "env-managed": unref(envManaged)
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-3"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_USwitch, {
+                    modelValue: unref(autoDiagnose),
+                    "onUpdate:modelValue": ($event) => isRef(autoDiagnose) ? autoDiagnose.value = $event : null,
+                    disabled: unref(envManaged) || !unref(roles).diagnosis.enabled
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<span class="text-sm text-gray-500"${_scopeId2}> Automatically diagnose new failure clusters when a run finishes — up to 3 clusters per run (research + diagnosis call each), plus one batched call to title new clusters </span></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-3" }, [
+                      createVNode(_component_USwitch, {
+                        modelValue: unref(autoDiagnose),
+                        "onUpdate:modelValue": ($event) => isRef(autoDiagnose) ? autoDiagnose.value = $event : null,
+                        disabled: unref(envManaged) || !unref(roles).diagnosis.enabled
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
+                      createVNode("span", { class: "text-sm text-gray-500" }, " Automatically diagnose new failure clusters when a run finishes — up to 3 clusters per run (research + diagnosis call each), plus one batched call to title new clusters ")
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-5" }, [
+                (openBlock(), createBlock(Fragment, null, renderList(ROLE_META, (meta) => {
+                  return createVNode(_component_AiRoleConfigForm, {
+                    key: meta.key,
+                    modelValue: unref(roles)[meta.key],
+                    "onUpdate:modelValue": ($event) => unref(roles)[meta.key] = $event,
+                    meta,
+                    "has-api-key": hasStoredKey(meta.key),
+                    "reuse-options": unref(reuseOptionsByRole)[meta.key],
+                    "provider-options": meta.key === "embedding" ? unref(embeddingProviderOptions) : providerOptions,
+                    "preset-options": unref(presetOptions),
+                    disabled: unref(envManaged),
+                    "env-managed": unref(envManaged),
+                    "provider-resolved": resolvedProvider(meta.key),
+                    models: unref(modelsRecord)[meta.key],
+                    "loading-models": unref(loadingModels)[meta.key],
+                    testing: unref(testingRoles)[meta.key],
+                    onApplyPreset: (label) => applyPreset(meta.key, label),
+                    onLoadModels: ($event) => loadModels(meta.key),
+                    onTest: ($event) => testRole(meta.key)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "meta", "has-api-key", "reuse-options", "provider-options", "preset-options", "disabled", "env-managed", "provider-resolved", "models", "loading-models", "testing", "onApplyPreset", "onLoadModels", "onTest"]);
+                }), 64)),
+                createVNode(_component_SettingsField, {
+                  label: "Auto-diagnose",
+                  help: "settings.auto-diagnose",
+                  "env-managed": unref(envManaged)
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "flex items-center gap-3" }, [
+                      createVNode(_component_USwitch, {
+                        modelValue: unref(autoDiagnose),
+                        "onUpdate:modelValue": ($event) => isRef(autoDiagnose) ? autoDiagnose.value = $event : null,
+                        disabled: unref(envManaged) || !unref(roles).diagnosis.enabled
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
+                      createVNode("span", { class: "text-sm text-gray-500" }, " Automatically diagnose new failure clusters when a run finishes — up to 3 clusters per run (research + diagnosis call each), plus one batched call to title new clusters ")
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["env-managed"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_AiUsagePanel, null, null, _parent));
+      _push(ssrRenderComponent(_component_SectionCard, {
+        title: "Repository access",
+        help: "project.scm-token"
+      }, {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Optional — required for private repositories. Per-project tokens override this. `);
+          } else {
+            return [
+              createTextVNode(" Optional — required for private repositories. Per-project tokens override this. ")
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex justify-end"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              loading: unref(savingScmToken),
+              icon: "i-lucide-save",
+              onClick: saveScmToken
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save token `);
+                } else {
+                  return [
+                    createTextVNode(" Save token ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex justify-end" }, [
+                createVNode(_component_UButton, {
+                  color: "primary",
+                  loading: unref(savingScmToken),
+                  icon: "i-lucide-save",
+                  onClick: saveScmToken
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Save token ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UFormField, {
+              label: "SCM token",
+              description: unref(settings)?.hasScmToken ? "Leave empty to keep the stored token, enter a new value to replace it, or save empty to remove it" : "Personal access token with read access to repository contents. Supports GitHub (ghp_), GitLab (glpat-), and Bitbucket tokens."
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(scmToken),
+                    "onUpdate:modelValue": ($event) => isRef(scmToken) ? scmToken.value = $event : null,
+                    type: "password",
+                    placeholder: unref(settings)?.hasScmToken ? "•••••••• (unchanged)" : "ghp_..., glpat-..., or Bitbucket token",
+                    class: "w-full font-mono"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(scmToken),
+                      "onUpdate:modelValue": ($event) => isRef(scmToken) ? scmToken.value = $event : null,
+                      type: "password",
+                      placeholder: unref(settings)?.hasScmToken ? "•••••••• (unchanged)" : "ghp_..., glpat-..., or Bitbucket token",
+                      class: "w-full font-mono"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UFormField, {
+                label: "SCM token",
+                description: unref(settings)?.hasScmToken ? "Leave empty to keep the stored token, enter a new value to replace it, or save empty to remove it" : "Personal access token with read access to repository contents. Supports GitHub (ghp_), GitLab (glpat-), and Bitbucket tokens."
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_UInput, {
+                    modelValue: unref(scmToken),
+                    "onUpdate:modelValue": ($event) => isRef(scmToken) ? scmToken.value = $event : null,
+                    type: "password",
+                    placeholder: unref(settings)?.hasScmToken ? "•••••••• (unchanged)" : "ghp_..., glpat-..., or Bitbucket token",
+                    class: "w-full font-mono"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["description"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_SectionCard, {
+        title: "Global analysis instructions",
+        help: "settings.ai-instructions"
+      }, {
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex justify-end"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              loading: unref(savingInstructions),
+              icon: "i-lucide-save",
+              onClick: saveInstructions
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save instructions `);
+                } else {
+                  return [
+                    createTextVNode(" Save instructions ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex justify-end" }, [
+                createVNode(_component_UButton, {
+                  color: "primary",
+                  loading: unref(savingInstructions),
+                  icon: "i-lucide-save",
+                  onClick: saveInstructions
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Save instructions ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UTextarea, {
+              modelValue: unref(customInstructions),
+              "onUpdate:modelValue": ($event) => isRef(customInstructions) ? customInstructions.value = $event : null,
+              rows: 6,
+              placeholder: "e.g. Always suggest running failing tests with --repeat-each 5 to confirm flakiness. Prefer network-level evidence over ARIA snapshots. Recommend git bisect when a commit range is available.",
+              class: "w-full font-mono text-sm"
+            }, null, _parent2, _scopeId));
+            _push2(`<p class="text-xs text-gray-400 mt-2"${_scopeId}> These instructions are appended to the base system prompt. They shape how the AI analyzes failures but cannot override the response schema or confidence requirement. </p>`);
+          } else {
+            return [
+              createVNode(_component_UTextarea, {
+                modelValue: unref(customInstructions),
+                "onUpdate:modelValue": ($event) => isRef(customInstructions) ? customInstructions.value = $event : null,
+                rows: 6,
+                placeholder: "e.g. Always suggest running failing tests with --repeat-each 5 to confirm flakiness. Prefer network-level evidence over ARIA snapshots. Recommend git bisect when a commit range is available.",
+                class: "w-full font-mono text-sm"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              createVNode("p", { class: "text-xs text-gray-400 mt-2" }, " These instructions are appended to the base system prompt. They shape how the AI analyzes failures but cannot override the response schema or confidence requirement. ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_SectionCard, {
+        title: "Diagnosis context limits",
+        help: "settings.ai-limits"
+      }, {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Leave a field empty to use its default; env-managed fields are read-only. `);
+          } else {
+            return [
+              createTextVNode(" Leave a field empty to use its default; env-managed fields are read-only. ")
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex justify-end gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "neutral",
+              variant: "ghost",
+              size: "sm",
+              onClick: resetLimits
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`Reset to defaults`);
+                } else {
+                  return [
+                    createTextVNode("Reset to defaults")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              loading: unref(savingLimits),
+              icon: "i-lucide-save",
+              size: "sm",
+              onClick: saveLimits
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save limits `);
+                } else {
+                  return [
+                    createTextVNode(" Save limits ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex justify-end gap-2" }, [
+                createVNode(_component_UButton, {
+                  color: "neutral",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: resetLimits
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("Reset to defaults")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_UButton, {
+                  color: "primary",
+                  loading: unref(savingLimits),
+                  icon: "i-lucide-save",
+                  size: "sm",
+                  onClick: saveLimits
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Save limits ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-3"${_scopeId}><!--[-->`);
+            ssrRenderList(unref(limitFields), (f) => {
+              _push2(ssrRenderComponent(_component_UFormField, {
+                key: f.key,
+                label: f.label,
+                description: f.description,
+                hint: `default ${unref(limitsData)?.defaults[f.key] ?? ""}`
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(limitValues)[f.key],
+                      "onUpdate:modelValue": ($event) => unref(limitValues)[f.key] = $event,
+                      modelModifiers: { number: true },
+                      type: "number",
+                      min: f.min,
+                      max: f.max,
+                      disabled: unref(envManagedLimits).has(f.key),
+                      placeholder: `default ${unref(limitsData)?.defaults[f.key] ?? ""}`,
+                      class: "w-full"
+                    }, createSlots({ _: 2 }, [
+                      unref(envManagedLimits).has(f.key) ? {
+                        name: "trailing",
+                        fn: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(ssrRenderComponent(_component_EnvManagedBadge, {
+                              "env-vars": [f.envVar]
+                            }, null, _parent4, _scopeId3));
+                          } else {
+                            return [
+                              createVNode(_component_EnvManagedBadge, {
+                                "env-vars": [f.envVar]
+                              }, null, 8, ["env-vars"])
+                            ];
+                          }
+                        }),
+                        key: "0"
+                      } : void 0
+                    ]), _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(limitValues)[f.key],
+                        "onUpdate:modelValue": ($event) => unref(limitValues)[f.key] = $event,
+                        modelModifiers: { number: true },
+                        type: "number",
+                        min: f.min,
+                        max: f.max,
+                        disabled: unref(envManagedLimits).has(f.key),
+                        placeholder: `default ${unref(limitsData)?.defaults[f.key] ?? ""}`,
+                        class: "w-full"
+                      }, createSlots({ _: 2 }, [
+                        unref(envManagedLimits).has(f.key) ? {
+                          name: "trailing",
+                          fn: withCtx(() => [
+                            createVNode(_component_EnvManagedBadge, {
+                              "env-vars": [f.envVar]
+                            }, null, 8, ["env-vars"])
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["modelValue", "onUpdate:modelValue", "min", "max", "disabled", "placeholder"])
+                    ];
+                  }
+                }),
+                _: 2
+              }, _parent2, _scopeId));
+            });
+            _push2(`<!--]--></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-3" }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(limitFields), (f) => {
+                  return openBlock(), createBlock(_component_UFormField, {
+                    key: f.key,
+                    label: f.label,
+                    description: f.description,
+                    hint: `default ${unref(limitsData)?.defaults[f.key] ?? ""}`
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(limitValues)[f.key],
+                        "onUpdate:modelValue": ($event) => unref(limitValues)[f.key] = $event,
+                        modelModifiers: { number: true },
+                        type: "number",
+                        min: f.min,
+                        max: f.max,
+                        disabled: unref(envManagedLimits).has(f.key),
+                        placeholder: `default ${unref(limitsData)?.defaults[f.key] ?? ""}`,
+                        class: "w-full"
+                      }, createSlots({ _: 2 }, [
+                        unref(envManagedLimits).has(f.key) ? {
+                          name: "trailing",
+                          fn: withCtx(() => [
+                            createVNode(_component_EnvManagedBadge, {
+                              "env-vars": [f.envVar]
+                            }, null, 8, ["env-vars"])
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["modelValue", "onUpdate:modelValue", "min", "max", "disabled", "placeholder"])
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "description", "hint"]);
+                }), 128))
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_SectionCard, {
+        icon: "i-lucide-shield-check",
+        title: "Privacy notice",
+        help: "settings.privacy"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-2 text-sm text-gray-600 dark:text-gray-400"${_scopeId}><p${_scopeId}>When diagnosing a failure cluster, the following data is sent to the configured LLM provider:</p><ul class="list-disc list-inside space-y-1 ml-2"${_scopeId}><li${_scopeId}>Normalized error signature and sample raw error text</li><li${_scopeId}>Test titles and file paths for affected tests</li><li${_scopeId}>Browser info, test steps, console error/warning entries (excerpts)</li><li${_scopeId}>Failed network request URLs and status codes</li><li${_scopeId}>ARIA page snapshot (if collected)</li><li${_scopeId}> Commit SHA range since last passing run, plus changed file names and diff patches fetched from GitHub/GitLab/Bitbucket (if a repository token is configured or the repo is public) </li></ul><p class="mt-2"${_scopeId}> API keys are stored encrypted in the application database (admin-only access). For stricter setups, use the <code class="font-mono text-xs"${_scopeId}>PIWI_AI_*</code> environment variables instead of the UI. </p></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-2 text-sm text-gray-600 dark:text-gray-400" }, [
+                createVNode("p", null, "When diagnosing a failure cluster, the following data is sent to the configured LLM provider:"),
+                createVNode("ul", { class: "list-disc list-inside space-y-1 ml-2" }, [
+                  createVNode("li", null, "Normalized error signature and sample raw error text"),
+                  createVNode("li", null, "Test titles and file paths for affected tests"),
+                  createVNode("li", null, "Browser info, test steps, console error/warning entries (excerpts)"),
+                  createVNode("li", null, "Failed network request URLs and status codes"),
+                  createVNode("li", null, "ARIA page snapshot (if collected)"),
+                  createVNode("li", null, " Commit SHA range since last passing run, plus changed file names and diff patches fetched from GitHub/GitLab/Bitbucket (if a repository token is configured or the repo is public) ")
+                ]),
+                createVNode("p", { class: "mt-2" }, [
+                  createTextVNode(" API keys are stored encrypted in the application database (admin-only access). For stricter setups, use the "),
+                  createVNode("code", { class: "font-mono text-xs" }, "PIWI_AI_*"),
+                  createTextVNode(" environment variables instead of the UI. ")
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/settings/ai.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=ai-CgN9xXFf.mjs.map