@anvaka/vue-llm 0.1.2 → 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 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 { 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";
@@ -226,7 +226,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
       document.removeEventListener("keydown", oe);
     }), (l, e) => {
       var i, m, ie;
-      return x.isVisible ? (n(), o("div", {
+      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(f.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,7 +247,7 @@ 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)),
                 y(s("select", {
@@ -256,14 +256,14 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   class: "llm-form-control"
                 }, [
                   e[13] || (e[13] = s("option", { value: "" }, "Select a provider...", -1)),
-                  (n(!0), o(S, null, z(re(V), (a, p) => (n(), o("option", {
+                  (o(!0), n(S, null, z(re(V), (a, p) => (o(), n("option", {
                     key: p,
                     value: p
                   }, d(a.name), 9, el))), 128))
                 ], 544), [
                   [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)),
                   y(s("input", {
                     "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.name = a),
@@ -275,7 +275,7 @@ 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)),
                   y(s("input", {
                     "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.baseUrl = a),
@@ -286,7 +286,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   }, null, 8, tl), [
                     [I, t.value.baseUrl]
                   ]),
-                  (m = A.value) != null && m.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, [
@@ -299,7 +299,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                         }, null, 8, ol), [
                           [I, t.value.apiKey]
                         ]),
-                        re(le)(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,7 +309,7 @@ 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),
@@ -321,7 +321,7 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                       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))
@@ -334,8 +334,8 @@ 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, [
                         y(s("input", {
                           type: "checkbox",
@@ -366,7 +366,7 @@ 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)),
                   y(s("input", {
@@ -387,14 +387,14 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                   ])
                 ], 64)) : r("", !0)
               ]),
-              c.value ? (n(), o("div", {
+              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)
-            ])) : (n(), o("div", hl, [
-              T.value.length > 0 ? (n(), o("div", Cl, [
+            ])) : (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: Y(["llm-provider-item", {
                     active: a.id === M.value,
@@ -406,10 +406,10 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     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 === k.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", {
@@ -425,7 +425,7 @@ 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: (p) => Fe(a),
@@ -446,13 +446,13 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
                     }, " 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: ne
@@ -470,12 +470,12 @@ const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-mo
             ])) : 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
@@ -485,7 +485,7 @@ 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,

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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anvaka/vue-llm",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Browser-only LLM client with provider adapters and Vue 3 components",
   "type": "module",
   "license": "MIT",