@anvaka/vue-llm 0.1.1 → 0.2.0

package/dist/vue/components/LLMConfigModal.vue.js

@@ -1,4 +1,4 @@
-import { ref as u, computed as L, watch as G, onMounted as Ne, onUnmounted as Je, createElementBlock as o, createCommentVNode as r, openBlock as n, createElementVNode as s, withModifiers as J, createTextVNode as R, toDisplayString as d, withDirectives as p, Fragment as S, renderList as z, unref as ie, vModelSelect as re, vModelText as I, vModelCheckbox as Re, normalizeClass as ue, createVNode as je, nextTick as qe } from "vue";
+import { ref as u, computed as L, watch as G, onMounted as Ne, onUnmounted as Je, openBlock as o, createElementBlock as n, createElementVNode as s, withModifiers as J, createTextVNode as R, toDisplayString as d, createCommentVNode as r, withDirectives as y, Fragment as S, renderList as z, unref as re, vModelSelect as ue, vModelText as I, vModelCheckbox as Re, normalizeClass as Y, createVNode as je, nextTick as qe } from "vue";
 import { useLLM as Oe, createDefaultConfig as de } from "../useLLM.js";
 import { DEFAULT_CONFIGS as Be, createProvider as We } from "../../providers/factory.js";
 import Ge from "./StoredKeysManager.vue.js";
@@ -31,7 +31,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
 }, Ul = { class: "llm-provider-details-row" }, Al = ["onClick", "disabled"], El = { class: "llm-provider-details" }, Ll = ["onClick", "title"], Il = ["onClick", "title"], xl = ["onClick"], Vl = ["onClick"], $l = {
   key: 1,
   class: "llm-empty-state"
-}, Dl = { class: "llm-modal-footer" }, Fl = ["disabled"], Y = "judge-provider", Nl = {
+}, Dl = { class: "llm-modal-footer" }, Fl = ["disabled"], H = "judge-provider", Nl = {
   __name: "LLMConfigModal",
   props: {
     isVisible: Boolean,
@@ -42,32 +42,32 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
   },
   emits: ["close", "configChanged"],
   setup(x, { emit: ve }) {
-    const b = x, j = ve, V = Be, {
+    const g = x, j = ve, V = Be, {
       client: Jl,
       configStore: Rl,
       getEnabledConfigs: jl,
       getAllConfigs: ce,
-      getActiveProviderId: H,
-      setActiveProviderId: Q,
+      getActiveProviderId: Q,
+      setActiveProviderId: X,
       saveConfig: me,
       deleteConfig: fe,
       enableProvider: be,
       disableProvider: ge,
       getAvailableModels: pe,
-      testConnection: X,
+      testConnection: Z,
       refresh: $,
-      getStoredKey: Z,
-      hasStoredKey: ee,
+      getStoredKey: ee,
+      hasStoredKey: le,
       getAllStoredKeys: ye,
       storeKey: ql
-    } = Oe(), t = u(de("")), T = u([]), M = u(null), y = u(null), v = u(!1), m = u(null), K = u(!1), k = u(null), U = u([]), _ = u(!1), h = u(null), C = u(/* @__PURE__ */ new Map()), q = u(!1), le = u(0), P = u(null), A = L(
+    } = Oe(), t = u(de("")), T = u([]), M = u(null), k = u(null), v = u(!1), f = u(null), K = u(!1), c = u(null), U = u([]), _ = u(!1), h = u(null), C = u(/* @__PURE__ */ new Map()), q = u(!1), te = u(0), P = u(null), A = L(
       () => t.value.provider ? V[t.value.provider] : null
-    ), f = u(/* @__PURE__ */ new Set()), ke = L(() => t.value.model && f.value.has("thinking")), D = L(() => {
+    ), b = u(/* @__PURE__ */ new Set()), ke = L(() => t.value.model && b.value.has("thinking")), D = L(() => {
       var e, i;
       if (!((e = t.value) != null && e.provider) || !((i = t.value) != null && i.model) || t.value.provider !== "openai") return !1;
       const l = String(t.value.model).toLowerCase();
-      return f.value.has("thinking") || l.startsWith("o1") || l.startsWith("o2") || l.startsWith("o3") || l.startsWith("o-") || l.includes("gpt-5") || l === "gpt5" || l.includes("reasoning");
-    }), he = L(() => le.value > 0), te = L(() => {
+      return b.value.has("thinking") || l.startsWith("o1") || l.startsWith("o2") || l.startsWith("o3") || l.startsWith("o-") || l.includes("gpt-5") || l === "gpt5" || l.includes("reasoning");
+    }), he = L(() => te.value > 0), se = L(() => {
       var l;
       return !(!t.value.name || !t.value.provider || !t.value.baseUrl || (l = A.value) != null && l.requiresApiKey && !t.value.apiKey);
     }), Ce = (l) => {
@@ -82,23 +82,23 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
         "llm-test-default": !e || e === "default"
       };
     }, F = () => {
-      if (T.value = ce(), M.value = H() || "", b.showJudge)
+      if (T.value = ce(), M.value = Q() || "", g.showJudge)
         try {
-          y.value = localStorage.getItem("llm:" + Y) || null;
+          k.value = localStorage.getItem("llm:" + H) || null;
         } catch {
-          y.value = null;
+          k.value = null;
         }
     }, O = () => {
       const l = ye();
-      le.value = Object.keys(l).length;
+      te.value = Object.keys(l).length;
     }, Pe = async () => {
       const l = A.value;
       if (l) {
-        t.value.baseUrl = l.baseUrl, t.value.model = "", t.value.enableThinking = !1, f.value.clear(), m.value || (t.value.name = "");
-        const e = Z(t.value.provider);
+        t.value.baseUrl = l.baseUrl, t.value.model = "", t.value.enableThinking = !1, b.value.clear(), f.value || (t.value.name = "");
+        const e = ee(t.value.provider);
         e && !t.value.apiKey && (t.value.apiKey = e), await B();
       }
-      k.value = null, h.value = null;
+      c.value = null, h.value = null;
     }, B = async () => {
       if (!t.value.provider || !t.value.baseUrl) {
         U.value = [], h.value = null;
@@ -115,14 +115,14 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
       }
     }, W = async () => {
       if (!t.value.provider || !t.value.model) {
-        f.value.clear();
+        b.value.clear();
         return;
       }
       try {
         const l = { ...t.value }, e = We(l.provider, l);
-        await e.initialize(), f.value = new Set(e.capabilities), f.value.has("thinking") || (t.value.enableThinking = !1);
+        await e.initialize(), b.value = new Set(e.capabilities), b.value.has("thinking") || (t.value.enableThinking = !1);
       } catch (l) {
-        console.warn("Failed to detect model capabilities:", l), f.value.clear();
+        console.warn("Failed to detect model capabilities:", l), b.value.clear();
       }
     }, we = () => `provider_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, Se = () => {
       if (!t.value.provider) return "";
@@ -132,52 +132,52 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
       if (!t.value.provider || !t.value.model) return "";
       const l = V[t.value.provider], e = (l == null ? void 0 : l.name) || "Provider";
       let i = t.value.model;
-      return i.includes("/") && (i = i.split("/").pop()), i = i.replace(/-(instruct|chat|base|completion)$/i, "").replace(/^(gpt-|claude-|llama-|gemini-)/i, "").replace(/-vision$/, "").replace(/-\d+b?$/i, ""), i = i.split("-").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join(" ").substring(0, 20), `${e} ${i}`.trim();
+      return i.includes("/") && (i = i.split("/").pop()), i = i.replace(/-(instruct|chat|base|completion)$/i, "").replace(/^(gpt-|claude-|llama-|gemini-)/i, "").replace(/-vision$/, "").replace(/-\d+b?$/i, ""), i = i.split("-").map((m) => m.charAt(0).toUpperCase() + m.slice(1)).join(" ").substring(0, 20), `${e} ${i}`.trim();
     }, Me = async () => {
-      if (te.value) {
-        K.value = !0, k.value = null;
+      if (se.value) {
+        K.value = !0, c.value = null;
         try {
-          await X(t.value);
-          const l = v.value && m.value ? m.value : we();
-          me(l, t.value) ? (H() || (Q(l), M.value = l), await $(), k.value = {
+          await Z(t.value);
+          const l = v.value && f.value ? f.value : we();
+          me(l, t.value) ? (Q() || (X(l), M.value = l), await $(), c.value = {
             success: !0,
             message: v.value ? "Provider updated!" : "Provider added!"
-          }, F(), w(), E(), setTimeout(() => j("close"), 1500)) : k.value = { success: !1, message: "Failed to save configuration." };
+          }, F(), w(), E(), setTimeout(() => j("close"), 1500)) : c.value = { success: !1, message: "Failed to save configuration." };
         } catch (l) {
-          console.error("LLM connection test failed:", l), k.value = { success: !1, message: `Connection failed: ${l.message}` };
+          console.error("LLM connection test failed:", l), c.value = { success: !1, message: `Connection failed: ${l.message}` };
         } finally {
           K.value = !1;
         }
       }
     }, Ke = (l) => {
-      Q(l) && (M.value = l, $(), E());
+      X(l) && (M.value = l, $(), E());
     }, Ue = async (l) => {
       C.value.set(l.id, "testing");
       try {
-        await X(l), C.value.set(l.id, "success"), setTimeout(() => C.value.set(l.id, "default"), 3e3);
+        await Z(l), C.value.set(l.id, "success"), setTimeout(() => C.value.set(l.id, "default"), 3e3);
       } catch (e) {
         console.error("LLM connection test failed:", e), C.value.set(l.id, "failed"), setTimeout(() => C.value.set(l.id, "default"), 5e3);
       }
-    }, se = (l) => {
+    }, ae = (l) => {
       var e;
-      t.value = { ...l }, v.value = !0, m.value = l.id, k.value = null, B().then(() => {
+      t.value = { ...l }, v.value = !0, f.value = l.id, c.value = null, B().then(() => {
         t.value.model && W();
-      }), (e = b.editTarget) != null && e.focusField && qe(() => {
-        var i, c;
-        b.editTarget.focusField === "maxTokens" && (P != null && P.value) && (P.value.focus(), (c = (i = P.value).select) == null || c.call(i));
+      }), (e = g.editTarget) != null && e.focusField && qe(() => {
+        var i, m;
+        g.editTarget.focusField === "maxTokens" && (P != null && P.value) && (P.value.focus(), (m = (i = P.value).select) == null || m.call(i));
       });
     }, Ae = () => {
-      w(), v.value = !0, m.value = null;
+      w(), v.value = !0, f.value = null;
     }, Ee = () => w(), Le = (l) => {
-      confirm("Are you sure you want to delete this provider?") && fe(l) && (F(), l === m.value && w(), $(), E());
+      confirm("Are you sure you want to delete this provider?") && fe(l) && (F(), l === f.value && w(), $(), E());
     }, Ie = (l) => {
       (l.enabled !== !1 ? ge(l.id) : be(l.id)) && (F(), $(), E());
     }, w = () => {
-      t.value = de(""), v.value = !1, m.value = null, k.value = null, U.value = [], h.value = null, f.value.clear();
+      t.value = de(""), v.value = !1, f.value = null, c.value = null, U.value = [], h.value = null, b.value.clear();
     }, N = () => {
       w(), j("close");
-    }, ae = (l) => {
-      b.isVisible && l.key === "Escape" && (l.preventDefault(), N());
+    }, oe = (l) => {
+      g.isVisible && l.key === "Escape" && (l.preventDefault(), N());
     }, E = () => {
       j("configChanged");
       try {
@@ -185,48 +185,48 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
       } catch {
       }
     };
-    G(() => b.isVisible, (l) => {
+    G(() => g.isVisible, (l) => {
       var e;
-      if (l && (F(), O(), w(), (e = b.editTarget) != null && e.name && T.value.length > 0)) {
-        const i = T.value.find((c) => c.name === b.editTarget.name);
-        i && se(i);
+      if (l && (F(), O(), w(), (e = g.editTarget) != null && e.name && T.value.length > 0)) {
+        const i = T.value.find((m) => m.name === g.editTarget.name);
+        i && ae(i);
       }
     }), G(() => t.value.model, (l) => {
       if (l) {
-        if (W(), !m.value) {
+        if (W(), !f.value) {
           const e = Te();
           e && (t.value.name = e);
         }
         D.value && (t.value.temperature = 1);
       } else
-        f.value.clear(), t.value.enableThinking = !1;
+        b.value.clear(), t.value.enableThinking = !1;
     }), G(() => t.value.temperature, (l) => {
       D.value && l !== 1 && (t.value.temperature = 1);
     });
     const xe = () => {
       q.value = !0;
-    }, oe = () => {
+    }, ne = () => {
       q.value = !1;
     }, Ve = () => {
       O();
-    }, $e = () => t.value.provider === "custom" ? "Enter your API key (optional)" : ee(t.value.provider) ? "Using stored key (or enter new)" : "Enter your API key", De = () => {
-      const l = Z(t.value.provider);
+    }, $e = () => t.value.provider === "custom" ? "Enter your API key (optional)" : le(t.value.provider) ? "Using stored key (or enter new)" : "Enter your API key", De = () => {
+      const l = ee(t.value.provider);
       l && (t.value.apiKey = l);
     }, Fe = (l) => {
-      if (!b.showJudge) return;
-      const e = l.id === y.value ? null : l.id;
+      if (!g.showJudge) return;
+      const e = l.id === k.value ? null : l.id;
       try {
-        e ? localStorage.setItem("llm:" + Y, e) : localStorage.removeItem("llm:" + Y), y.value = e, E();
+        e ? localStorage.setItem("llm:" + H, e) : localStorage.removeItem("llm:" + H), k.value = e, E();
       } catch {
       }
     };
     return Ne(() => {
-      document.addEventListener("keydown", ae), O();
+      document.addEventListener("keydown", oe), O();
     }), Je(() => {
-      document.removeEventListener("keydown", ae);
+      document.removeEventListener("keydown", oe);
     }), (l, e) => {
-      var i, c, ne;
-      return x.isVisible ? (n(), o("div", {
+      var i, m, ie;
+      return x.isVisible ? (o(), n("div", {
         key: 0,
         class: "llm-modal-overlay",
         onClick: N
@@ -239,7 +239,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
           s("div", Ye, [
             s("h2", null, [
               e[12] || (e[12] = R(" Manage LLM Providers ", -1)),
-              v.value ? (n(), o("span", He, d(m.value ? " - Edit" : " - Add"), 1)) : r("", !0)
+              v.value ? (o(), n("span", He, d(f.value ? " - Edit" : " - Add"), 1)) : r("", !0)
             ]),
             s("button", {
               class: "llm-btn llm-btn--ghost llm-btn--sm llm-close-btn",
@@ -247,25 +247,25 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
             }, "×")
           ]),
           s("div", Qe, [
-            v.value ? (n(), o("div", Xe, [
+            v.value ? (o(), n("div", Xe, [
               s("div", Ze, [
                 e[22] || (e[22] = s("label", { class: "llm-field-label" }, "Provider Type:", -1)),
-                p(s("select", {
+                y(s("select", {
                   "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.provider = a),
                   onChange: Pe,
                   class: "llm-form-control"
                 }, [
                   e[13] || (e[13] = s("option", { value: "" }, "Select a provider...", -1)),
-                  (n(!0), o(S, null, z(ie(V), (a, g) => (n(), o("option", {
-                    key: g,
-                    value: g
+                  (o(!0), n(S, null, z(re(V), (a, p) => (o(), n("option", {
+                    key: p,
+                    value: p
                   }, d(a.name), 9, el))), 128))
                 ], 544), [
-                  [re, t.value.provider]
+                  [ue, t.value.provider]
                 ]),
-                t.value.provider ? (n(), o(S, { key: 0 }, [
+                t.value.provider ? (o(), n(S, { key: 0 }, [
                   e[14] || (e[14] = s("label", { class: "llm-field-label" }, "Provider Name:", -1)),
-                  p(s("input", {
+                  y(s("input", {
                     "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.name = a),
                     type: "text",
                     placeholder: Se(),
@@ -275,9 +275,9 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     [I, t.value.name]
                   ])
                 ], 64)) : r("", !0),
-                t.value.provider ? (n(), o(S, { key: 1 }, [
+                t.value.provider ? (o(), n(S, { key: 1 }, [
                   e[18] || (e[18] = s("label", { class: "llm-field-label" }, "Base URL:", -1)),
-                  p(s("input", {
+                  y(s("input", {
                     "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.baseUrl = a),
                     type: "url",
                     placeholder: (i = A.value) == null ? void 0 : i.baseUrl,
@@ -286,20 +286,20 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   }, null, 8, tl), [
                     [I, t.value.baseUrl]
                   ]),
-                  (c = A.value) != null && c.requiresApiKey || t.value.provider === "custom" ? (n(), o(S, { key: 0 }, [
+                  (m = A.value) != null && m.requiresApiKey || t.value.provider === "custom" ? (o(), n(S, { key: 0 }, [
                     e[16] || (e[16] = s("label", { class: "llm-field-label" }, "API Key:", -1)),
                     s("div", sl, [
                       s("div", al, [
-                        p(s("input", {
+                        y(s("input", {
                           "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.apiKey = a),
                           type: "password",
                           placeholder: $e(),
                           class: "llm-form-control",
-                          required: (ne = A.value) == null ? void 0 : ne.requiresApiKey
+                          required: (ie = A.value) == null ? void 0 : ie.requiresApiKey
                         }, null, 8, ol), [
                           [I, t.value.apiKey]
                         ]),
-                        ie(ee)(t.value.provider) ? (n(), o("button", {
+                        re(le)(t.value.provider) ? (o(), n("button", {
                           key: 0,
                           type: "button",
                           class: "llm-btn llm-btn--ghost llm-btn--sm",
@@ -309,24 +309,24 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                       ]),
                       s("small", nl, [
                         e[15] || (e[15] = R(" ⚠️ API key is stored locally in your browser ", -1)),
-                        t.value.provider === "custom" ? (n(), o("span", il, " (optional for custom providers)")) : r("", !0)
+                        t.value.provider === "custom" ? (o(), n("span", il, " (optional for custom providers)")) : r("", !0)
                       ])
                     ])
                   ], 64)) : r("", !0),
                   e[19] || (e[19] = s("label", { class: "llm-field-label" }, "Model:", -1)),
                   s("div", rl, [
-                    p(s("select", {
+                    y(s("select", {
                       "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.model = a),
                       disabled: _.value,
                       class: "llm-form-control"
                     }, [
                       s("option", dl, d(_.value ? "Loading models..." : "Select a model..."), 1),
-                      (n(!0), o(S, null, z(U.value, (a) => (n(), o("option", {
+                      (o(!0), n(S, null, z(U.value, (a) => (o(), n("option", {
                         key: a,
                         value: a
                       }, d(a), 9, vl))), 128))
                     ], 8, ul), [
-                      [re, t.value.model]
+                      [ue, t.value.model]
                     ]),
                     s("button", {
                       class: "llm-btn llm-btn--ghost llm-btn--sm llm-refresh-btn",
@@ -334,10 +334,10 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                       disabled: !t.value.baseUrl || _.value,
                       title: "Refresh models list"
                     }, d(_.value ? "Loading..." : "Refresh"), 9, cl),
-                    h.value ? (n(), o("div", ml, d(h.value), 1)) : r("", !0),
-                    ke.value ? (n(), o("div", fl, [
+                    h.value ? (o(), n("div", ml, d(h.value), 1)) : r("", !0),
+                    ke.value ? (o(), n("div", fl, [
                       s("label", bl, [
-                        p(s("input", {
+                        y(s("input", {
                           type: "checkbox",
                           "onUpdate:modelValue": e[5] || (e[5] = (a) => t.value.enableThinking = a),
                           class: "llm-checkbox"
@@ -350,7 +350,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   ]),
                   e[20] || (e[20] = s("label", { class: "llm-field-label" }, "Temperature:", -1)),
                   s("div", gl, [
-                    p(s("input", {
+                    y(s("input", {
                       "onUpdate:modelValue": e[6] || (e[6] = (a) => t.value.temperature = a),
                       type: "number",
                       min: "0",
@@ -366,10 +366,10 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                         { number: !0 }
                       ]
                     ]),
-                    D.value ? (n(), o("small", kl, " This model uses a fixed temperature of 1. ")) : (n(), o("small", yl, " Controls randomness: 0 = deterministic, 2 = very creative "))
+                    D.value ? (o(), n("small", kl, " This model uses a fixed temperature of 1. ")) : (o(), n("small", yl, " Controls randomness: 0 = deterministic, 2 = very creative "))
                   ]),
                   e[21] || (e[21] = s("label", { class: "llm-field-label" }, "Max Tokens:", -1)),
-                  p(s("input", {
+                  y(s("input", {
                     "onUpdate:modelValue": e[7] || (e[7] = (a) => t.value.maxTokens = a),
                     type: "number",
                     min: "1",
@@ -386,31 +386,35 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     ]
                   ])
                 ], 64)) : r("", !0)
-              ])
-            ])) : (n(), o("div", hl, [
-              T.value.length > 0 ? (n(), o("div", Cl, [
+              ]),
+              c.value ? (o(), n("div", {
+                key: 0,
+                class: Y(["llm-test-result", c.value.success ? "llm-test-result--success" : "llm-test-result--error"])
+              }, d(c.value.message), 3)) : r("", !0)
+            ])) : (o(), n("div", hl, [
+              T.value.length > 0 ? (o(), n("div", Cl, [
                 e[23] || (e[23] = s("h3", null, "Configured Providers", -1)),
-                (n(!0), o(S, null, z(T.value, (a) => (n(), o("div", {
+                (o(!0), n(S, null, z(T.value, (a) => (o(), n("div", {
                   key: a.id,
-                  class: ue(["llm-provider-item", {
+                  class: Y(["llm-provider-item", {
                     active: a.id === M.value,
                     disabled: a.enabled === !1
                   }]),
-                  onClick: (g) => a.enabled !== !1 ? Ke(a.id) : null
+                  onClick: (p) => a.enabled !== !1 ? Ke(a.id) : null
                 }, [
                   s("div", Pl, [
                     s("div", wl, [
                       s("div", Sl, [
                         R(d(a.name) + " ", 1),
-                        a.enabled === !1 ? (n(), o("span", Tl, "Disabled")) : r("", !0)
+                        a.enabled === !1 ? (o(), n("span", Tl, "Disabled")) : r("", !0)
                       ]),
-                      a.id === M.value ? (n(), o("span", Ml, "Active")) : r("", !0),
-                      x.showJudge && a.id === y.value ? (n(), o("span", Kl, "Judge")) : r("", !0)
+                      a.id === M.value ? (o(), n("span", Ml, "Active")) : r("", !0),
+                      x.showJudge && a.id === k.value ? (o(), n("span", Kl, "Judge")) : r("", !0)
                     ]),
                     s("div", Ul, [
                       s("button", {
-                        class: ue(["llm-test-status-btn", _e(a.id)]),
-                        onClick: J((g) => Ue(a), ["stop"]),
+                        class: Y(["llm-test-status-btn", _e(a.id)]),
+                        onClick: J((p) => Ue(a), ["stop"]),
                         disabled: K.value
                       }, d(Ce(a.id)), 11, Al),
                       s("div", El, d(a.provider) + " • " + d(a.baseUrl), 1)
@@ -421,37 +425,37 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     onClick: e[8] || (e[8] = J(() => {
                     }, ["stop"]))
                   }, [
-                    x.showJudge && a.enabled !== !1 ? (n(), o("button", {
+                    x.showJudge && a.enabled !== !1 ? (o(), n("button", {
                       key: 0,
                       class: "llm-btn llm-btn--ghost llm-btn--sm",
-                      onClick: (g) => Fe(a),
-                      title: a.id === y.value ? "Unset as judge" : "Set as judge"
-                    }, d(a.id === y.value ? "Unmark Judge" : "Mark Judge"), 9, Ll)) : r("", !0),
+                      onClick: (p) => Fe(a),
+                      title: a.id === k.value ? "Unset as judge" : "Set as judge"
+                    }, d(a.id === k.value ? "Unmark Judge" : "Mark Judge"), 9, Ll)) : r("", !0),
                     s("button", {
                       class: "llm-btn llm-btn--ghost llm-btn--sm",
-                      onClick: (g) => Ie(a),
+                      onClick: (p) => Ie(a),
                       title: a.enabled === !1 ? "Enable provider" : "Disable provider"
                     }, d(a.enabled === !1 ? "Enable" : "Disable"), 9, Il),
                     s("button", {
                       class: "llm-btn llm-btn--ghost llm-btn--sm",
-                      onClick: (g) => se(a)
+                      onClick: (p) => ae(a)
                     }, " Edit ", 8, xl),
                     s("button", {
                       class: "llm-btn llm-btn--sm llm-btn--danger",
-                      onClick: (g) => Le(a.id)
+                      onClick: (p) => Le(a.id)
                     }, " Delete ", 8, Vl)
                   ])
                 ], 10, _l))), 128))
-              ])) : (n(), o("div", $l, [...e[24] || (e[24] = [
+              ])) : (o(), n("div", $l, [...e[24] || (e[24] = [
                 s("p", null, "Connect your first AI provider to start chatting.", -1),
                 s("p", null, `Click "Add New Provider" below. You'll need a base URL and, for some providers, an API key.`, -1),
                 s("p", { class: "llm-security-note" }, "API keys are stored locally in your browser.", -1)
               ])]))
             ])),
-            q.value ? (n(), o("div", {
+            q.value ? (o(), n("div", {
               key: 2,
               class: "llm-keys-manager-overlay",
-              onClick: oe
+              onClick: ne
             }, [
               s("div", {
                 class: "llm-keys-manager-content",
@@ -459,19 +463,19 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                 }, ["stop"]))
               }, [
                 je(Ge, {
-                  onClose: oe,
+                  onClose: ne,
                   onKeysUpdated: Ve
                 })
               ])
             ])) : r("", !0)
           ]),
           s("div", Dl, [
-            v.value ? r("", !0) : (n(), o("button", {
+            v.value ? r("", !0) : (o(), n("button", {
               key: 0,
               class: "llm-btn llm-btn--secondary",
               onClick: Ae
             }, " Add New Provider ")),
-            !v.value && he.value ? (n(), o("button", {
+            !v.value && he.value ? (o(), n("button", {
               key: 1,
               class: "llm-btn llm-btn--ghost",
               onClick: xe
@@ -481,18 +485,18 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
               class: "llm-btn llm-btn--ghost",
               onClick: e[10] || (e[10] = (a) => v.value ? Ee() : N())
             }, " Close "),
-            v.value ? (n(), o("button", {
+            v.value ? (o(), n("button", {
               key: 2,
               class: "llm-btn llm-btn--primary",
               onClick: Me,
-              disabled: !te.value || K.value
+              disabled: !se.value || K.value
             }, d(K.value ? "Testing..." : "Save"), 9, Fl)) : r("", !0)
           ])
         ])
       ])) : r("", !0);
     };
   }
-}, Hl = /* @__PURE__ */ ze(Nl, [["__scopeId", "data-v-a26b0717"]]);
+}, Hl = /* @__PURE__ */ ze(Nl, [["__scopeId", "data-v-0835d20f"]]);
 export {
   Hl as default
 };

package/dist/vue/components/ProviderSelector.vue.js

@@ -1,4 +1,4 @@
-import { ref as c, onMounted as _, createElementBlock as r, openBlock as n, withDirectives as g, createElementVNode as i, Fragment as P, renderList as h, toDisplayString as S, vModelSelect as y } from "vue";
+import { ref as c, onMounted as _, openBlock as r, createElementBlock as n, withDirectives as g, createElementVNode as i, Fragment as P, renderList as h, toDisplayString as S, vModelSelect as y } from "vue";
 import { useLLM as I } from "../useLLM.js";
 /* empty css                      */
 import M from "../../_virtual/_plugin-vue_export-helper.js";
@@ -24,7 +24,7 @@ const k = { class: "llm-provider-selector" }, x = ["value"], C = {
     };
     return _(() => {
       m();
-    }), (b, t) => (n(), r("div", k, [
+    }), (b, t) => (r(), n("div", k, [
       g(i("select", {
         "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value = o),
         onChange: f,
@@ -34,7 +34,7 @@ const k = { class: "llm-provider-selector" }, x = ["value"], C = {
           value: "",
           disabled: ""
         }, "Select Provider...", -1)),
-        (n(!0), r(P, null, h(a.value, (o) => (n(), r("option", {
+        (r(!0), n(P, null, h(a.value, (o) => (r(), n("option", {
           key: o.id,
           value: o.id
         }, S(o.name), 9, x))), 128)),

package/dist/vue/components/StoredKeysManager.vue.js

@@ -1,4 +1,4 @@
-import { ref as v, watch as R, onMounted as G, createElementBlock as d, openBlock as c, createElementVNode as s, createCommentVNode as b, Fragment as D, renderList as V, toDisplayString as p, withDirectives as S, withKeys as K, vModelDynamic as U, unref as q, vModelSelect as z, nextTick as J } from "vue";
+import { ref as v, watch as R, onMounted as G, openBlock as d, createElementBlock as c, createElementVNode as s, createCommentVNode as b, Fragment as D, renderList as V, toDisplayString as p, withDirectives as S, withKeys as K, vModelDynamic as U, unref as q, vModelSelect as z, nextTick as J } from "vue";
 import { useLLM as Q } from "../useLLM.js";
 import { DEFAULT_CONFIGS as W } from "../../providers/factory.js";
 import { maskApiKey as X } from "../../core/keyStore.js";
@@ -98,7 +98,7 @@ This action cannot be undone.`) && F(e) && (h(), w("keysUpdated"));
       }, 500);
     }), G(() => {
       h();
-    }), (e, t) => (c(), d("div", Z, [
+    }), (e, t) => (d(), c("div", Z, [
       s("div", I, [
         t[5] || (t[5] = s("h3", null, "Stored API Keys", -1)),
         s("button", {
@@ -108,12 +108,12 @@ This action cannot be undone.`) && F(e) && (h(), w("keysUpdated"));
       ]),
       s("div", ee, [
         s("div", te, [
-          Object.keys(y.value).length === 0 && !f.value ? (c(), d("div", le, [...t[6] || (t[6] = [
+          Object.keys(y.value).length === 0 && !f.value ? (d(), c("div", le, [...t[6] || (t[6] = [
             s("p", null, "No API keys stored yet.", -1),
             s("small", null, "Keys are automatically stored when you save a provider configuration.", -1)
           ])])) : b("", !0),
-          Object.keys(y.value).length > 0 || f.value ? (c(), d("div", se, [
-            (c(!0), d(D, null, V(y.value, (o, l) => (c(), d("div", {
+          Object.keys(y.value).length > 0 || f.value ? (d(), c("div", se, [
+            (d(!0), c(D, null, V(y.value, (o, l) => (d(), c("div", {
               key: l,
               class: "llm-key-item"
             }, [
@@ -123,7 +123,7 @@ This action cannot be undone.`) && F(e) && (h(), w("keysUpdated"));
                     s("div", re, p(E(l)), 1),
                     s("span", ae, p(O(o.storedAt)), 1)
                   ]),
-                  o.serviceEndpoint ? (c(), d("div", de, [
+                  o.serviceEndpoint ? (d(), c("div", de, [
                     s("small", null, p(o.serviceEndpoint), 1)
                   ])) : b("", !0),
                   s("div", ce, [
@@ -155,7 +155,7 @@ This action cannot be undone.`) && F(e) && (h(), w("keysUpdated"));
                 ])
               ])
             ]))), 128)),
-            f.value ? (c(), d("div", pe, [
+            f.value ? (d(), c("div", pe, [
               s("div", ye, [
                 s("div", fe, [
                   s("div", _e, [
@@ -164,7 +164,7 @@ This action cannot be undone.`) && F(e) && (h(), w("keysUpdated"));
                       class: "llm-form-control llm-provider-select"
                     }, [
                       t[7] || (t[7] = s("option", { value: "" }, "Select provider type...", -1)),
-                      (c(!0), d(D, null, V(q(_), (o, l) => (c(), d("option", {
+                      (d(!0), c(D, null, V(q(_), (o, l) => (d(), c("option", {
                         key: l,
                         value: l,
                         disabled: l !== "custom" && k(l)