@anvaka/vue-llm 0.1.0 → 0.1.2

package/dist/core/LLMClient.js

@@ -25,7 +25,7 @@ class A {
       ], n = this.validateCapabilities({
         model: this.config.model,
         enableThinking: !1,
-        temperature: 0.1,
+        temperature: t.temperature ?? 0.1,
         maxTokens: 10,
         stream: !1
       }), o = this.provider.prepareRequest(e, n), a = await this.provider.makeRequest(o);
@@ -66,7 +66,7 @@ class A {
       { role: "user", content: "ping" }
     ], s = this.validateCapabilities({
       model: this.config.model,
-      temperature: 0.1,
+      temperature: this.config.temperature ?? 0.1,
       maxTokens: 10,
       stream: !1
     }), i = this.provider.prepareRequest(t, s), r = await this.provider.makeRequest(i);
@@ -218,8 +218,8 @@ class S {
     let a = "", h = null, u = 0;
     try {
       return await i.streamRequest(t, s, (l) => {
-        var C, x, R;
-        l.content && (a = l.fullContent, (C = e.setText) == null || C.call(e, a)), (x = l.usage) != null && x.tokens && (u += l.usage.tokens), l.finishReason && (h = l.finishReason), l.done && ((R = e.setStreamingState) == null || R.call(e, !1), e._activeRequestId = null);
+        var x, C, R;
+        l.content && (a = l.fullContent, (x = e.setText) == null || x.call(e, a)), (C = l.usage) != null && C.tokens && (u += l.usage.tokens), l.finishReason && (h = l.finishReason), l.done && ((R = e.setStreamingState) == null || R.call(e, !1), e._activeRequestId = null);
       }), (g = e.addLLMLog) == null || g.call(e, (this.operationName || "streaming-request") + "-response", { requestId: s.requestId }, { content: a, usage: { tokens: u } }), h === "length" ? ((d = e.setAttribute) == null || d.call(e, "_truncated", !0), (v = e.addLog) == null || v.call(e, "Response truncated. Increase Max Tokens.", "warn", { finish_reason: "length" })) : (b = e.setAttribute) == null || b.call(e, "_truncated", !1), await ((_ = e.persistNow) == null ? void 0 : _.call(e)), e;
     } catch (l) {
       throw (w = e.addLLMLog) == null || w.call(e, (this.operationName || "streaming-request") + "-error", { requestId: s.requestId }, null, l), (y = e.setStreamingState) == null || y.call(e, !1), e._activeRequestId = null, (k = e.setText) == null || k.call(e, `Error: ${l.message}`), (T = e.setAttribute) == null || T.call(e, "_truncated", !1), await ((q = e.persistNow) == null ? void 0 : q.call(e)), l;

package/dist/providers/AnthropicProvider.js

@@ -8,7 +8,7 @@ class d extends c {
     const n = {
       model: t.model || this.config.model || "claude-3-sonnet-20240229",
       max_tokens: t.maxTokens || 1e3,
-      temperature: t.temperature || 0.7,
+      temperature: t.temperature ?? 0.7,
       messages: e.filter((s) => s.role !== "system"),
       stream: t.stream || !1
     }, r = e.find((s) => s.role === "system");

package/dist/providers/CustomProvider.js

@@ -6,7 +6,7 @@ class l extends u {
     return {
       model: t.model || this.config.model || "gpt-3.5-turbo",
       messages: e,
-      temperature: t.temperature || 0.7,
+      temperature: t.temperature ?? 0.7,
       max_tokens: t.maxTokens || 1e3,
       stream: t.stream || !1
     };

package/dist/providers/GeminiProvider.js

@@ -7,7 +7,7 @@ class _ extends A {
     const n = this.processMessages(e, t), s = {
       contents: this.convertToGeminiFormat(n),
       generationConfig: {
-        temperature: t.temperature || this.config.temperature || 0.7,
+        temperature: t.temperature ?? this.config.temperature ?? 0.7,
         maxOutputTokens: t.maxTokens || this.config.maxTokens || 1e3,
         topP: 0.8,
         topK: 10

package/dist/providers/GrokProvider.js

@@ -9,7 +9,7 @@ class u extends c {
     const s = {
       model: t.model || this.config.model || "grok-beta",
       messages: this.processMessages(e, t),
-      temperature: t.temperature || 0.7,
+      temperature: t.temperature ?? 0.7,
       max_tokens: t.maxTokens || 1e3,
       stream: t.stream || !1
     };

package/dist/providers/LlamaServerProvider.js

@@ -6,7 +6,7 @@ class c extends l {
     return {
       model: t.model || this.config.model || "llama2",
       messages: e,
-      temperature: t.temperature || 0.7,
+      temperature: t.temperature ?? 0.7,
       max_tokens: t.maxTokens || 1e3,
       stream: t.stream || !1
     };

package/dist/providers/OllamaProvider.js

@@ -26,7 +26,7 @@ class l extends r {
       messages: this.processMessages(e, t),
       stream: t.stream || !1,
       think: t.enableThinking || !1,
-      options: { temperature: t.temperature || 0.7, num_predict: t.maxTokens || 1e3 }
+      options: { temperature: t.temperature ?? 0.7, num_predict: t.maxTokens || 1e3 }
     };
     return t.enableThinking && this.capabilities.has("thinking") && (n.options.enable_thinking = !0), n;
   }

package/dist/providers/OpenAIProvider.js

@@ -20,7 +20,7 @@ class k extends m {
     const i = e.model || this.config.model || "gpt-3.5-turbo", s = {
       model: i,
       messages: this.processMessages(t, e),
-      temperature: e.temperature || 0.7,
+      temperature: e.temperature ?? 0.7,
       stream: e.stream || !1
     };
     return g(this, c, d).call(this, i) ? (s.max_completion_tokens = e.maxTokens || 1e3, s.temperature = 1) : s.max_tokens = e.maxTokens || 1e3, e.enableThinking && this.capabilities.has("thinking") && (s.reasoning_effort = e.reasoningEffort || "medium"), e.tools && this.capabilities.has("tools") && (s.tools = e.tools), s;

package/dist/providers/OpenRouterProvider.js

@@ -7,7 +7,7 @@ class f extends d {
     const i = {
       model: e.model || this.config.model,
       messages: this.processMessages(t, e),
-      temperature: e.temperature || 0.7,
+      temperature: e.temperature ?? 0.7,
       max_tokens: e.maxTokens || 1e3,
       stream: e.stream || !1
     };

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, createElementBlock as o, createCommentVNode as r, openBlock as n, createElementVNode as s, withModifiers as J, createTextVNode as R, toDisplayString as d, 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,47 +185,47 @@ 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;
+      var i, m, ie;
       return x.isVisible ? (n(), o("div", {
         key: 0,
         class: "llm-modal-overlay",
@@ -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 ? (n(), o("span", He, d(f.value ? " - Edit" : " - Add"), 1)) : r("", !0)
             ]),
             s("button", {
               class: "llm-btn llm-btn--ghost llm-btn--sm llm-close-btn",
@@ -250,22 +250,22 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
             v.value ? (n(), o("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
+                  (n(!0), o(S, null, z(re(V), (a, p) => (n(), o("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 }, [
                   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(),
@@ -277,7 +277,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                 ], 64)) : r("", !0),
                 t.value.provider ? (n(), o(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" ? (n(), o(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) ? (n(), o("button", {
                           key: 0,
                           type: "button",
                           class: "llm-btn llm-btn--ghost llm-btn--sm",
@@ -315,7 +315,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   ], 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"
@@ -326,7 +326,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                         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",
@@ -337,7 +337,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     h.value ? (n(), o("div", ml, d(h.value), 1)) : r("", !0),
                     ke.value ? (n(), o("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",
@@ -369,7 +369,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     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 "))
                   ]),
                   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,17 +386,21 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     ]
                   ])
                 ], 64)) : r("", !0)
-              ])
+              ]),
+              c.value ? (n(), o("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)
             ])) : (n(), o("div", hl, [
               T.value.length > 0 ? (n(), o("div", Cl, [
                 e[23] || (e[23] = s("h3", null, "Configured Providers", -1)),
                 (n(!0), o(S, null, z(T.value, (a) => (n(), o("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, [
@@ -405,12 +409,12 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                         a.enabled === !1 ? (n(), o("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)
+                      x.showJudge && a.id === k.value ? (n(), o("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)
@@ -424,21 +428,21 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     x.showJudge && a.enabled !== !1 ? (n(), o("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))
@@ -451,7 +455,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
             q.value ? (n(), o("div", {
               key: 2,
               class: "llm-keys-manager-overlay",
-              onClick: oe
+              onClick: ne
             }, [
               s("div", {
                 class: "llm-keys-manager-content",
@@ -459,7 +463,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                 }, ["stop"]))
               }, [
                 je(Ge, {
-                  onClose: oe,
+                  onClose: ne,
                   onKeysUpdated: Ve
                 })
               ])
@@ -485,14 +489,14 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
               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-llm.css

@@ -1 +1 @@
-.llm-provider-selector[data-v-9fd186c2]{font-size:var(--llm-font-size-sm, .85rem)}.llm-provider-select[data-v-9fd186c2]{padding:var(--llm-spacing-xs, .25rem) var(--llm-spacing-sm, .5rem);border:1px solid var(--llm-border, #444);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #111);color:var(--llm-text, #ddd);font-family:inherit;font-size:inherit;cursor:pointer;min-width:120px;max-width:180px}.llm-provider-select[data-v-9fd186c2]:focus{outline:none;border-color:var(--llm-accent, #6c7cff)}.llm-provider-select[data-v-9fd186c2]:hover{border-color:var(--llm-border-hover, #666)}.config-option[data-v-9fd186c2]{font-style:italic;border-top:1px solid var(--llm-border, #444)}.llm-stored-keys-manager[data-v-dd3230e5]{background:var(--llm-bg, #181a1f);border-radius:var(--llm-radius-md, 8px);max-height:80vh;display:flex;flex-direction:column;color:var(--llm-text, #e6e8ea)}.llm-manager-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-manager-header h3[data-v-dd3230e5]{margin:0;font-size:1.25rem;font-weight:600;color:var(--llm-text, #e6e8ea)}.llm-close-btn[data-v-dd3230e5]{font-size:1.5rem;line-height:1}.llm-close-btn[data-v-dd3230e5]:hover{opacity:.7}.llm-manager-body[data-v-dd3230e5]{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.llm-scrollable-content[data-v-dd3230e5]{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.llm-empty-keys[data-v-dd3230e5]{text-align:center;padding:2rem 1rem;color:var(--llm-text-dim, #9aa0a6)}.llm-empty-keys p[data-v-dd3230e5]{margin:0 0 .5rem;font-size:1rem;font-weight:500}.llm-empty-keys small[data-v-dd3230e5]{font-size:.9rem;opacity:.7}.llm-keys-list[data-v-dd3230e5]{margin-bottom:1rem}.llm-key-item[data-v-dd3230e5]{border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 6px);margin-bottom:.75rem;background:var(--llm-bg-soft, #1f2228);overflow:hidden}.llm-key-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem}.llm-provider-info[data-v-dd3230e5]{flex:1;display:flex;flex-direction:column;gap:.5rem}.llm-provider-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:center}.llm-provider-name[data-v-dd3230e5]{font-weight:600;font-size:.9rem;color:var(--llm-text, #e6e8ea)}.llm-service-endpoint[data-v-dd3230e5]{margin-top:.25rem}.llm-service-endpoint small[data-v-dd3230e5]{color:var(--llm-text-dim, #9aa0a6);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem}.llm-provider-select[data-v-dd3230e5]{font-weight:600;font-size:.9rem;min-width:200px}.llm-key-input-row[data-v-dd3230e5]{display:flex;gap:.5rem;align-items:center}.llm-key-input-inline[data-v-dd3230e5]{flex:1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;padding:.4rem .6rem}.llm-stored-date[data-v-dd3230e5]{font-size:.75rem;color:var(--llm-text-dim, #9aa0a6)}.llm-manager-footer[data-v-dd3230e5]{display:flex;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-footer-spacer[data-v-dd3230e5]{flex:1}.llm-btn[data-v-dd3230e5]{padding:.5rem 1rem;border-radius:var(--llm-radius-sm, 4px);border:1px solid var(--llm-border, #33383f);background:var(--llm-bg-soft, #1f2228);color:var(--llm-text, #e6e8ea);cursor:pointer;font-size:var(--llm-font-size-sm, .85rem);transition:all .15s ease}.llm-btn[data-v-dd3230e5]:hover:not(:disabled){border-color:var(--llm-border-hover, #4b525c);background:var(--llm-bg-mute, #242830)}.llm-btn--sm[data-v-dd3230e5]{padding:.25rem .5rem;font-size:var(--llm-font-size-xs, .75rem)}.llm-btn--secondary[data-v-dd3230e5]{background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1);color:var(--llm-accent, #6366f1)}.llm-btn--ghost[data-v-dd3230e5]{background:transparent;border-color:transparent}.llm-btn--ghost[data-v-dd3230e5]:hover:not(:disabled){background:var(--llm-bg-mute, #242830)}.llm-btn--danger[data-v-dd3230e5]{background:var(--llm-error, #ef4444);border-color:var(--llm-error, #ef4444);color:#fff}.llm-form-control[data-v-dd3230e5]{width:100%;padding:.5rem .75rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #181a1f);color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-form-control[data-v-dd3230e5]:focus{outline:none;border-color:var(--llm-accent, #6366f1)}@media(max-width:768px){.llm-manager-header[data-v-dd3230e5],.llm-manager-footer[data-v-dd3230e5],.llm-scrollable-content[data-v-dd3230e5]{padding:1rem}.llm-key-header[data-v-dd3230e5]{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem}.llm-key-input-row[data-v-dd3230e5]{flex-direction:column;align-items:stretch}.llm-provider-select[data-v-dd3230e5]{min-width:auto}}@media(max-width:480px){.llm-manager-header h3[data-v-dd3230e5]{font-size:1.1rem}}.llm-modal-overlay[data-v-a26b0717]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.llm-modal[data-v-a26b0717]{background:var(--llm-bg, #181a1f);border:2px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-md, 8px);width:90%;max-width:700px;max-height:90%;position:relative;display:flex;flex-direction:column;color:var(--llm-text, #e6e8ea)}.llm-modal-header[data-v-a26b0717]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-modal-header h2[data-v-a26b0717]{margin:0;color:var(--llm-text, #e6e8ea);font-size:1.25rem}.llm-close-btn[data-v-a26b0717]{font-size:1.5rem;line-height:1}.llm-close-btn[data-v-a26b0717]:hover{opacity:.7}.llm-modal-body[data-v-a26b0717]{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.llm-btn[data-v-a26b0717]{padding:.5rem 1rem;border-radius:var(--llm-radius-sm, 4px);border:1px solid var(--llm-border, #33383f);background:var(--llm-bg-soft, #1f2228);color:var(--llm-text, #e6e8ea);cursor:pointer;font-size:var(--llm-font-size-sm, .85rem);transition:all .15s ease}.llm-btn[data-v-a26b0717]:hover:not(:disabled){border-color:var(--llm-border-hover, #4b525c);background:var(--llm-bg-mute, #242830)}.llm-btn[data-v-a26b0717]:disabled{opacity:.5;cursor:not-allowed}.llm-btn--sm[data-v-a26b0717]{padding:.25rem .5rem;font-size:var(--llm-font-size-xs, .75rem)}.llm-btn--primary[data-v-a26b0717]{background:var(--llm-accent, #6366f1);border-color:var(--llm-accent, #6366f1);color:var(--llm-bg, #181a1f)}.llm-btn--primary[data-v-a26b0717]:hover:not(:disabled){filter:brightness(1.1)}.llm-btn--secondary[data-v-a26b0717]{background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1);color:var(--llm-accent, #6366f1)}.llm-btn--ghost[data-v-a26b0717]{background:transparent;border-color:transparent}.llm-btn--ghost[data-v-a26b0717]:hover:not(:disabled){background:var(--llm-bg-mute, #242830)}.llm-btn--danger[data-v-a26b0717]{background:var(--llm-error, #ef4444);border-color:var(--llm-error, #ef4444);color:#fff}.llm-btn--danger[data-v-a26b0717]:hover:not(:disabled){filter:brightness(1.1)}.llm-form-control[data-v-a26b0717]{width:100%;padding:.5rem .75rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #181a1f);color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-form-control[data-v-a26b0717]:focus{outline:none;border-color:var(--llm-accent, #6366f1)}.llm-form-control[data-v-a26b0717]:disabled{opacity:.6;cursor:not-allowed}.llm-provider-list[data-v-a26b0717]{margin-bottom:2rem;padding-bottom:1.5rem}.llm-provider-list[data-v-a26b0717]:not(:last-child){border-bottom:1px solid var(--llm-border, #33383f)}.llm-provider-list h3[data-v-a26b0717]{margin:0 0 1rem;color:var(--llm-text, #e6e8ea);font-size:1rem}.llm-provider-item[data-v-a26b0717]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);margin-bottom:.5rem;background:var(--llm-bg-soft, #1f2228);cursor:pointer;transition:all .15s ease;position:relative}.llm-provider-item[data-v-a26b0717]:hover{background:var(--llm-bg-mute, #242830);border-color:var(--llm-border-hover, #4b525c)}.llm-provider-item.active[data-v-a26b0717]{border-color:var(--llm-accent, #6366f1);background:var(--llm-bg, #181a1f);box-shadow:0 0 0 1px var(--llm-border, #33383f)}.llm-provider-item.disabled[data-v-a26b0717]{opacity:.6;cursor:not-allowed}.llm-provider-info[data-v-a26b0717]{flex:1}.llm-provider-name-row[data-v-a26b0717]{display:flex;align-items:center;margin-bottom:.25rem}.llm-provider-name[data-v-a26b0717]{font-weight:500;color:var(--llm-text, #e6e8ea);font-size:.95rem}.llm-active-badge[data-v-a26b0717],.llm-judge-badge[data-v-a26b0717]{position:absolute;top:-12px;background:var(--llm-accent, #6366f1);color:var(--llm-bg, #181a1f);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;z-index:1}.llm-active-badge[data-v-a26b0717]{left:16px}.llm-judge-badge[data-v-a26b0717]{left:80px}.llm-disabled-badge[data-v-a26b0717]{background:var(--llm-border, #33383f);color:var(--llm-text, #e6e8ea);font-size:.65rem;font-weight:500;padding:.1rem .4rem;border-radius:2px;margin-left:.5rem;text-transform:uppercase}.llm-provider-details-row[data-v-a26b0717]{display:flex;align-items:center;gap:.75rem}.llm-test-status-btn[data-v-a26b0717]{background:none;border:1px solid var(--llm-border, #33383f);color:var(--llm-text, #e6e8ea);font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:3px;cursor:pointer;transition:all .15s ease;min-width:60px;text-align:center}.llm-test-status-btn.llm-test-default[data-v-a26b0717]:hover:not(:disabled){background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1)}.llm-test-status-btn.llm-test-testing[data-v-a26b0717]{border-color:var(--llm-border-hover, #4b525c)}.llm-test-status-btn.llm-test-success[data-v-a26b0717]{border-color:var(--llm-success, #10b981);color:var(--llm-success, #10b981)}.llm-test-status-btn.llm-test-failed[data-v-a26b0717]{border-color:var(--llm-error, #ef4444);color:var(--llm-error, #ef4444)}.llm-provider-details[data-v-a26b0717]{font-size:.8rem;color:var(--llm-text-dim, #9aa0a6);flex:1}.llm-provider-actions[data-v-a26b0717]{display:flex;gap:.5rem;align-items:center}.llm-form-grid[data-v-a26b0717]{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.llm-field-label[data-v-a26b0717]{margin-bottom:0;white-space:nowrap;color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-api-key-field[data-v-a26b0717]{display:flex;flex-direction:column}.llm-api-key-input-row[data-v-a26b0717]{display:flex;gap:.5rem;align-items:stretch}.llm-api-key-input-row .llm-form-control[data-v-a26b0717]{flex:1}.llm-api-key-field .llm-security-note[data-v-a26b0717]{margin-top:.5rem}.llm-model-selector[data-v-a26b0717]{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.llm-model-selector .llm-form-control[data-v-a26b0717]{flex:1}.llm-refresh-btn[data-v-a26b0717]{min-width:4rem;flex-shrink:0}.llm-model-error[data-v-a26b0717]{width:100%;font-size:.75rem;color:var(--llm-error, #ef4444)}.llm-thinking-toggle[data-v-a26b0717]{display:block;width:100%;margin-top:.5rem}.llm-temperature-field[data-v-a26b0717]{display:flex;flex-direction:column}.llm-field-note[data-v-a26b0717]{display:block;margin-top:.5rem;font-size:.75rem;color:var(--llm-text-dim, #9aa0a6);font-style:italic}.llm-checkbox-label[data-v-a26b0717]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-checkbox[data-v-a26b0717]{width:1rem;height:1rem;cursor:pointer}.llm-security-note[data-v-a26b0717]{display:block;font-size:.75rem;color:var(--llm-text-dim, #9aa0a6)}.llm-modal-footer[data-v-a26b0717]{display:flex;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-footer-spacer[data-v-a26b0717]{flex:1}.llm-empty-state[data-v-a26b0717]{text-align:center;padding:2rem;color:var(--llm-text-dim, #9aa0a6)}.llm-empty-state p[data-v-a26b0717]{margin:.5rem 0;font-size:.9rem}.llm-keys-manager-overlay[data-v-a26b0717]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.llm-keys-manager-content[data-v-a26b0717]{width:90%;max-width:600px;max-height:80vh;border:2px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-md, 8px);overflow:hidden}@media(max-width:768px){.llm-modal[data-v-a26b0717]{width:95%;margin:1rem}.llm-modal-body[data-v-a26b0717],.llm-modal-header[data-v-a26b0717],.llm-modal-footer[data-v-a26b0717]{padding:1rem}.llm-provider-item[data-v-a26b0717]{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.llm-provider-actions[data-v-a26b0717]{width:100%;justify-content:flex-end}.llm-form-grid[data-v-a26b0717]{grid-template-columns:1fr;gap:.5rem}.llm-field-label[data-v-a26b0717]{padding-top:0;margin-top:.5rem}.llm-active-badge[data-v-a26b0717],.llm-judge-badge[data-v-a26b0717]{top:-8px;font-size:.55rem;padding:.15rem .4rem}.llm-judge-badge[data-v-a26b0717]{left:66px}}@media(max-width:480px){.llm-modal[data-v-a26b0717]{width:98%;margin:.5rem}.llm-modal-body[data-v-a26b0717],.llm-modal-header[data-v-a26b0717],.llm-modal-footer[data-v-a26b0717]{padding:.75rem}}
+.llm-provider-selector[data-v-9fd186c2]{font-size:var(--llm-font-size-sm, .85rem)}.llm-provider-select[data-v-9fd186c2]{padding:var(--llm-spacing-xs, .25rem) var(--llm-spacing-sm, .5rem);border:1px solid var(--llm-border, #444);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #111);color:var(--llm-text, #ddd);font-family:inherit;font-size:inherit;cursor:pointer;min-width:120px;max-width:180px}.llm-provider-select[data-v-9fd186c2]:focus{outline:none;border-color:var(--llm-accent, #6c7cff)}.llm-provider-select[data-v-9fd186c2]:hover{border-color:var(--llm-border-hover, #666)}.config-option[data-v-9fd186c2]{font-style:italic;border-top:1px solid var(--llm-border, #444)}.llm-stored-keys-manager[data-v-dd3230e5]{background:var(--llm-bg, #181a1f);border-radius:var(--llm-radius-md, 8px);max-height:80vh;display:flex;flex-direction:column;color:var(--llm-text, #e6e8ea)}.llm-manager-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-manager-header h3[data-v-dd3230e5]{margin:0;font-size:1.25rem;font-weight:600;color:var(--llm-text, #e6e8ea)}.llm-close-btn[data-v-dd3230e5]{font-size:1.5rem;line-height:1}.llm-close-btn[data-v-dd3230e5]:hover{opacity:.7}.llm-manager-body[data-v-dd3230e5]{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.llm-scrollable-content[data-v-dd3230e5]{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.llm-empty-keys[data-v-dd3230e5]{text-align:center;padding:2rem 1rem;color:var(--llm-text-dim, #9aa0a6)}.llm-empty-keys p[data-v-dd3230e5]{margin:0 0 .5rem;font-size:1rem;font-weight:500}.llm-empty-keys small[data-v-dd3230e5]{font-size:.9rem;opacity:.7}.llm-keys-list[data-v-dd3230e5]{margin-bottom:1rem}.llm-key-item[data-v-dd3230e5]{border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 6px);margin-bottom:.75rem;background:var(--llm-bg-soft, #1f2228);overflow:hidden}.llm-key-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem}.llm-provider-info[data-v-dd3230e5]{flex:1;display:flex;flex-direction:column;gap:.5rem}.llm-provider-header[data-v-dd3230e5]{display:flex;justify-content:space-between;align-items:center}.llm-provider-name[data-v-dd3230e5]{font-weight:600;font-size:.9rem;color:var(--llm-text, #e6e8ea)}.llm-service-endpoint[data-v-dd3230e5]{margin-top:.25rem}.llm-service-endpoint small[data-v-dd3230e5]{color:var(--llm-text-dim, #9aa0a6);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.75rem}.llm-provider-select[data-v-dd3230e5]{font-weight:600;font-size:.9rem;min-width:200px}.llm-key-input-row[data-v-dd3230e5]{display:flex;gap:.5rem;align-items:center}.llm-key-input-inline[data-v-dd3230e5]{flex:1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;padding:.4rem .6rem}.llm-stored-date[data-v-dd3230e5]{font-size:.75rem;color:var(--llm-text-dim, #9aa0a6)}.llm-manager-footer[data-v-dd3230e5]{display:flex;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-footer-spacer[data-v-dd3230e5]{flex:1}.llm-btn[data-v-dd3230e5]{padding:.5rem 1rem;border-radius:var(--llm-radius-sm, 4px);border:1px solid var(--llm-border, #33383f);background:var(--llm-bg-soft, #1f2228);color:var(--llm-text, #e6e8ea);cursor:pointer;font-size:var(--llm-font-size-sm, .85rem);transition:all .15s ease}.llm-btn[data-v-dd3230e5]:hover:not(:disabled){border-color:var(--llm-border-hover, #4b525c);background:var(--llm-bg-mute, #242830)}.llm-btn--sm[data-v-dd3230e5]{padding:.25rem .5rem;font-size:var(--llm-font-size-xs, .75rem)}.llm-btn--secondary[data-v-dd3230e5]{background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1);color:var(--llm-accent, #6366f1)}.llm-btn--ghost[data-v-dd3230e5]{background:transparent;border-color:transparent}.llm-btn--ghost[data-v-dd3230e5]:hover:not(:disabled){background:var(--llm-bg-mute, #242830)}.llm-btn--danger[data-v-dd3230e5]{background:var(--llm-error, #ef4444);border-color:var(--llm-error, #ef4444);color:#fff}.llm-form-control[data-v-dd3230e5]{width:100%;padding:.5rem .75rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #181a1f);color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-form-control[data-v-dd3230e5]:focus{outline:none;border-color:var(--llm-accent, #6366f1)}@media(max-width:768px){.llm-manager-header[data-v-dd3230e5],.llm-manager-footer[data-v-dd3230e5],.llm-scrollable-content[data-v-dd3230e5]{padding:1rem}.llm-key-header[data-v-dd3230e5]{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem}.llm-key-input-row[data-v-dd3230e5]{flex-direction:column;align-items:stretch}.llm-provider-select[data-v-dd3230e5]{min-width:auto}}@media(max-width:480px){.llm-manager-header h3[data-v-dd3230e5]{font-size:1.1rem}}.llm-modal-overlay[data-v-0835d20f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.llm-modal[data-v-0835d20f]{background:var(--llm-bg, #181a1f);border:2px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-md, 8px);width:90%;max-width:700px;max-height:90%;position:relative;display:flex;flex-direction:column;color:var(--llm-text, #e6e8ea)}.llm-modal-header[data-v-0835d20f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-modal-header h2[data-v-0835d20f]{margin:0;color:var(--llm-text, #e6e8ea);font-size:1.25rem}.llm-close-btn[data-v-0835d20f]{font-size:1.5rem;line-height:1}.llm-close-btn[data-v-0835d20f]:hover{opacity:.7}.llm-modal-body[data-v-0835d20f]{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.llm-btn[data-v-0835d20f]{padding:.5rem 1rem;border-radius:var(--llm-radius-sm, 4px);border:1px solid var(--llm-border, #33383f);background:var(--llm-bg-soft, #1f2228);color:var(--llm-text, #e6e8ea);cursor:pointer;font-size:var(--llm-font-size-sm, .85rem);transition:all .15s ease}.llm-btn[data-v-0835d20f]:hover:not(:disabled){border-color:var(--llm-border-hover, #4b525c);background:var(--llm-bg-mute, #242830)}.llm-btn[data-v-0835d20f]:disabled{opacity:.5;cursor:not-allowed}.llm-btn--sm[data-v-0835d20f]{padding:.25rem .5rem;font-size:var(--llm-font-size-xs, .75rem)}.llm-btn--primary[data-v-0835d20f]{background:var(--llm-accent, #6366f1);border-color:var(--llm-accent, #6366f1);color:var(--llm-bg, #181a1f)}.llm-btn--primary[data-v-0835d20f]:hover:not(:disabled){filter:brightness(1.1)}.llm-btn--secondary[data-v-0835d20f]{background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1);color:var(--llm-accent, #6366f1)}.llm-btn--ghost[data-v-0835d20f]{background:transparent;border-color:transparent}.llm-btn--ghost[data-v-0835d20f]:hover:not(:disabled){background:var(--llm-bg-mute, #242830)}.llm-btn--danger[data-v-0835d20f]{background:var(--llm-error, #ef4444);border-color:var(--llm-error, #ef4444);color:#fff}.llm-btn--danger[data-v-0835d20f]:hover:not(:disabled){filter:brightness(1.1)}.llm-form-control[data-v-0835d20f]{width:100%;padding:.5rem .75rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);background:var(--llm-bg, #181a1f);color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-form-control[data-v-0835d20f]:focus{outline:none;border-color:var(--llm-accent, #6366f1)}.llm-form-control[data-v-0835d20f]:disabled{opacity:.6;cursor:not-allowed}.llm-provider-list[data-v-0835d20f]{margin-bottom:2rem;padding-bottom:1.5rem}.llm-provider-list[data-v-0835d20f]:not(:last-child){border-bottom:1px solid var(--llm-border, #33383f)}.llm-provider-list h3[data-v-0835d20f]{margin:0 0 1rem;color:var(--llm-text, #e6e8ea);font-size:1rem}.llm-provider-item[data-v-0835d20f]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-sm, 4px);margin-bottom:.5rem;background:var(--llm-bg-soft, #1f2228);cursor:pointer;transition:all .15s ease;position:relative}.llm-provider-item[data-v-0835d20f]:hover{background:var(--llm-bg-mute, #242830);border-color:var(--llm-border-hover, #4b525c)}.llm-provider-item.active[data-v-0835d20f]{border-color:var(--llm-accent, #6366f1);background:var(--llm-bg, #181a1f);box-shadow:0 0 0 1px var(--llm-border, #33383f)}.llm-provider-item.disabled[data-v-0835d20f]{opacity:.6;cursor:not-allowed}.llm-provider-info[data-v-0835d20f]{flex:1}.llm-provider-name-row[data-v-0835d20f]{display:flex;align-items:center;margin-bottom:.25rem}.llm-provider-name[data-v-0835d20f]{font-weight:500;color:var(--llm-text, #e6e8ea);font-size:.95rem}.llm-active-badge[data-v-0835d20f],.llm-judge-badge[data-v-0835d20f]{position:absolute;top:-12px;background:var(--llm-accent, #6366f1);color:var(--llm-bg, #181a1f);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;z-index:1}.llm-active-badge[data-v-0835d20f]{left:16px}.llm-judge-badge[data-v-0835d20f]{left:80px}.llm-disabled-badge[data-v-0835d20f]{background:var(--llm-border, #33383f);color:var(--llm-text, #e6e8ea);font-size:.65rem;font-weight:500;padding:.1rem .4rem;border-radius:2px;margin-left:.5rem;text-transform:uppercase}.llm-provider-details-row[data-v-0835d20f]{display:flex;align-items:center;gap:.75rem}.llm-test-status-btn[data-v-0835d20f]{background:none;border:1px solid var(--llm-border, #33383f);color:var(--llm-text, #e6e8ea);font-size:.7rem;font-weight:500;padding:.25rem .5rem;border-radius:3px;cursor:pointer;transition:all .15s ease;min-width:60px;text-align:center}.llm-test-status-btn.llm-test-default[data-v-0835d20f]:hover:not(:disabled){background:var(--llm-bg-mute, #242830);border-color:var(--llm-accent, #6366f1)}.llm-test-status-btn.llm-test-testing[data-v-0835d20f]{border-color:var(--llm-border-hover, #4b525c)}.llm-test-status-btn.llm-test-success[data-v-0835d20f]{border-color:var(--llm-success, #10b981);color:var(--llm-success, #10b981)}.llm-test-status-btn.llm-test-failed[data-v-0835d20f]{border-color:var(--llm-error, #ef4444);color:var(--llm-error, #ef4444)}.llm-provider-details[data-v-0835d20f]{font-size:.8rem;color:var(--llm-text-dim, #9aa0a6);flex:1}.llm-provider-actions[data-v-0835d20f]{display:flex;gap:.5rem;align-items:center}.llm-form-grid[data-v-0835d20f]{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.llm-field-label[data-v-0835d20f]{margin-bottom:0;white-space:nowrap;color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-api-key-field[data-v-0835d20f]{display:flex;flex-direction:column}.llm-api-key-input-row[data-v-0835d20f]{display:flex;gap:.5rem;align-items:stretch}.llm-api-key-input-row .llm-form-control[data-v-0835d20f]{flex:1}.llm-api-key-field .llm-security-note[data-v-0835d20f]{margin-top:.5rem}.llm-model-selector[data-v-0835d20f]{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.llm-model-selector .llm-form-control[data-v-0835d20f]{flex:1}.llm-refresh-btn[data-v-0835d20f]{min-width:4rem;flex-shrink:0}.llm-model-error[data-v-0835d20f]{width:100%;font-size:.75rem;color:var(--llm-error, #ef4444)}.llm-thinking-toggle[data-v-0835d20f]{display:block;width:100%;margin-top:.5rem}.llm-temperature-field[data-v-0835d20f]{display:flex;flex-direction:column}.llm-field-note[data-v-0835d20f]{display:block;margin-top:.5rem;font-size:.75rem;color:var(--llm-text-dim, #9aa0a6);font-style:italic}.llm-checkbox-label[data-v-0835d20f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--llm-text, #e6e8ea);font-size:var(--llm-font-size-sm, .85rem)}.llm-checkbox[data-v-0835d20f]{width:1rem;height:1rem;cursor:pointer}.llm-security-note[data-v-0835d20f]{display:block;font-size:.75rem;color:var(--llm-text-dim, #9aa0a6)}.llm-modal-footer[data-v-0835d20f]{display:flex;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid var(--llm-border, #33383f);flex-shrink:0}.llm-footer-spacer[data-v-0835d20f]{flex:1}.llm-empty-state[data-v-0835d20f]{text-align:center;padding:2rem;color:var(--llm-text-dim, #9aa0a6)}.llm-empty-state p[data-v-0835d20f]{margin:.5rem 0;font-size:.9rem}.llm-keys-manager-overlay[data-v-0835d20f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.llm-keys-manager-content[data-v-0835d20f]{width:90%;max-width:600px;max-height:80vh;border:2px solid var(--llm-border, #33383f);border-radius:var(--llm-radius-md, 8px);overflow:hidden}.llm-test-result[data-v-0835d20f]{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--llm-radius-sm, 4px);font-size:var(--llm-font-size-sm, .85rem)}.llm-test-result--success[data-v-0835d20f]{background:color-mix(in srgb,var(--llm-success, #10b981) 15%,transparent);border:1px solid var(--llm-success, #10b981);color:var(--llm-success, #10b981)}.llm-test-result--error[data-v-0835d20f]{background:color-mix(in srgb,var(--llm-error, #ef4444) 15%,transparent);border:1px solid var(--llm-error, #ef4444);color:var(--llm-error, #ef4444)}@media(max-width:768px){.llm-modal[data-v-0835d20f]{width:95%;margin:1rem}.llm-modal-body[data-v-0835d20f],.llm-modal-header[data-v-0835d20f],.llm-modal-footer[data-v-0835d20f]{padding:1rem}.llm-provider-item[data-v-0835d20f]{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.llm-provider-actions[data-v-0835d20f]{width:100%;justify-content:flex-end}.llm-form-grid[data-v-0835d20f]{grid-template-columns:1fr;gap:.5rem}.llm-field-label[data-v-0835d20f]{padding-top:0;margin-top:.5rem}.llm-active-badge[data-v-0835d20f],.llm-judge-badge[data-v-0835d20f]{top:-8px;font-size:.55rem;padding:.15rem .4rem}.llm-judge-badge[data-v-0835d20f]{left:66px}}@media(max-width:480px){.llm-modal[data-v-0835d20f]{width:98%;margin:.5rem}.llm-modal-body[data-v-0835d20f],.llm-modal-header[data-v-0835d20f],.llm-modal-footer[data-v-0835d20f]{padding:.75rem}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anvaka/vue-llm",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Browser-only LLM client with provider adapters and Vue 3 components",
   "type": "module",
   "license": "MIT",
@@ -24,8 +24,8 @@
       "default": "./dist/providers/index.js"
     },
     "./styles/variables.css": "./src/styles/variables.css",
-    "./styles/components.css": "./src/styles/components.css"
-    
+    "./styles/components.css": "./src/styles/components.css",
+    "./dist/vue-llm.css": "./dist/vue-llm.css"
   },
   "peerDependencies": {
     "vue": ">=3.3.0"