@tombcato/ai-selector-react 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,27 +1,27 @@
 import Ve, { useState as M, useMemo as le, useRef as _e, useEffect as ne, useCallback as ce } from "react";
 import { resolveProviderConfig as gr, createConfigStorage as br, testConnection as yr, I18N as he } from "@tombcato/ai-selector-core";
 import { Ticker as jr } from "@tombcato/smart-ticker";
-function wr(s = {}) {
+function wr(a = {}) {
   var X, G, H, Z, Q;
-  const [u, E] = M(((X = s.initialConfig) == null ? void 0 : X.providerId) || ""), [l, C] = M(((G = s.initialConfig) == null ? void 0 : G.apiKey) || ""), [f, b] = M(((H = s.initialConfig) == null ? void 0 : H.model) || ""), [x, c] = M(((Z = s.initialConfig) == null ? void 0 : Z.modelName) || ""), [p, o] = M(((Q = s.initialConfig) == null ? void 0 : Q.baseUrl) || ""), [_, h] = M([]), [A, j] = M("idle"), [I, P] = M(null), [F, w] = M(!1), [k, K] = M(null), O = le(
-    () => gr(s.providerConfig),
-    [s.providerConfig]
+  const [u, E] = M(((X = a.initialConfig) == null ? void 0 : X.providerId) || ""), [o, C] = M(((G = a.initialConfig) == null ? void 0 : G.apiKey) || ""), [f, b] = M(((H = a.initialConfig) == null ? void 0 : H.model) || ""), [x, l] = M(((Z = a.initialConfig) == null ? void 0 : Z.modelName) || ""), [p, c] = M(((Q = a.initialConfig) == null ? void 0 : Q.baseUrl) || ""), [_, h] = M([]), [A, j] = M("idle"), [I, P] = M(null), [F, w] = M(!1), [k, K] = M(null), O = le(
+    () => gr(a.providerConfig),
+    [a.providerConfig]
   ), R = O.providers, v = le(
     () => R.find((i) => i.id === u) || null,
     [R, u]
   ), V = le(() => br(void 0, {
-    serialize: s.onSerialize,
-    deserialize: s.onDeserialize
-  }), [s.onSerialize, s.onDeserialize]), q = _e(/* @__PURE__ */ new Map());
+    serialize: a.onSerialize,
+    deserialize: a.onDeserialize
+  }), [a.onSerialize, a.onDeserialize]), q = _e(/* @__PURE__ */ new Map());
   ne(() => {
     const i = V.load();
-    i && (i.providerId && E(i.providerId), i.apiKey && C(i.apiKey), i.model && b(i.model), i.modelName && c(i.modelName), i.baseUrl && o(i.baseUrl));
+    i && (i.providerId && E(i.providerId), i.apiKey && C(i.apiKey), i.model && b(i.model), i.modelName && l(i.modelName), i.baseUrl && c(i.baseUrl));
   }, [V]), ne(() => {
     if (!u || !v) {
       h([]), K(null), w(!1);
       return;
     }
-    const i = v.supportsModelsApi && (!v.needsApiKey || !!l), N = p || v.baseUrl, U = `${u}|${N}|${l}`, J = q.current.get(U);
+    const i = v.supportsModelsApi && (!v.needsApiKey || !!o), N = p || v.baseUrl, U = `${u}|${N}|${o}`, J = q.current.get(U);
     if (J) {
       h(J), K(null), w(!1);
       return;
@@ -35,16 +35,16 @@ function wr(s = {}) {
     const ee = setTimeout(async () => {
       try {
         let $;
-        s.modelFetcher ? $ = await s.modelFetcher({
+        a.modelFetcher ? $ = await a.modelFetcher({
           type: "fetchModels",
           providerId: v.id,
           baseUrl: N,
-          apiKey: l
+          apiKey: o
         }) : $ = await import("@tombcato/ai-selector-core").then((re) => re.fetchModels({
           provider: v,
-          apiKey: l,
+          apiKey: o,
           baseUrl: N,
-          proxyUrl: s.proxyUrl,
+          proxyUrl: a.proxyUrl,
           fallbackToStatic: !1
         })), h($), q.current.set(U, $);
       } catch ($) {
@@ -56,20 +56,20 @@ function wr(s = {}) {
       }
     }, 500);
     return () => clearTimeout(ee);
-  }, [u, v, l, p, O, s.proxyUrl, s.modelFetcher]), ne(() => {
+  }, [u, v, o, p, O, a.proxyUrl, a.modelFetcher]), ne(() => {
     (A === "error" || A === "success") && (j("idle"), P(null));
-  }, [l, p]);
+  }, [o, p]);
   const ue = ce(async () => {
-    if (!v || v.needsApiKey && !l) return;
+    if (!v || v.needsApiKey && !o) return;
     j("testing"), P(null);
     let i;
-    if (s.modelFetcher)
+    if (a.modelFetcher)
       try {
-        const N = await s.modelFetcher({
+        const N = await a.modelFetcher({
           type: "checkConnection",
           providerId: v.id,
           baseUrl: p || v.baseUrl,
-          apiKey: l,
+          apiKey: o,
           modelId: f
         });
         i = {
@@ -83,46 +83,46 @@ function wr(s = {}) {
     else
       i = await yr({
         provider: v,
-        apiKey: l,
+        apiKey: o,
         baseUrl: p,
         model: f,
-        proxyUrl: s.proxyUrl
+        proxyUrl: a.proxyUrl
       });
     return P(i), j(i.success ? "success" : "error"), setTimeout(() => {
       j("idle");
     }, 2e3), i;
-  }, [v, l, p, f, s.proxyUrl, s.modelFetcher]), de = ce(() => {
+  }, [v, o, p, f, a.proxyUrl, a.modelFetcher]), de = ce(() => {
     const i = _.find((U) => U.id === f), N = (i == null ? void 0 : i.name) || x || f;
-    i != null && i.name && i.name !== x && c(i.name), V.save({
+    i != null && i.name && i.name !== x && l(i.name), V.save({
       providerId: u,
-      apiKey: l,
+      apiKey: o,
       model: f,
       modelName: N,
       baseUrl: p
     });
-  }, [u, l, f, x, p, _, V]), se = ce(() => {
-    V.clear(), E(""), C(""), b(""), c(""), o("");
+  }, [u, o, f, x, p, _, V]), ae = ce(() => {
+    V.clear(), E(""), C(""), b(""), l(""), c("");
   }, [V]), z = ce((i) => {
-    E(i), C(""), b(""), c(""), o(""), j("idle"), P(null);
+    E(i), C(""), b(""), l(""), c(""), j("idle"), P(null);
   }, []), B = ce((i, N) => {
     if (b(i), N)
-      c(N);
+      l(N);
     else {
       const U = _.find((J) => J.id === i);
-      c((U == null ? void 0 : U.name) || i);
+      l((U == null ? void 0 : U.name) || i);
     }
-  }, [_]), Y = le(() => !(!u || !f || v != null && v.needsApiKey && !l), [u, f, v, l]);
+  }, [_]), Y = le(() => !(!u || !f || v != null && v.needsApiKey && !o), [u, f, v, o]);
   return {
     // State
     config: le(() => ({
       providerId: u,
-      apiKey: l,
+      apiKey: o,
       model: f,
       modelName: x,
       baseUrl: p || (v == null ? void 0 : v.baseUrl) || ""
-    }), [u, l, f, x, p, v]),
+    }), [u, o, f, x, p, v]),
     providerId: u,
-    apiKey: l,
+    apiKey: o,
     model: f,
     modelName: x,
     baseUrl: p,
@@ -139,10 +139,10 @@ function wr(s = {}) {
     setApiKey: C,
     setModel: b,
     selectModel: B,
-    setBaseUrl: o,
+    setBaseUrl: c,
     runTest: ue,
     save: de,
-    clear: se
+    clear: ae
   };
 }
 var ye = { exports: {} }, pe = {};
@@ -159,12 +159,12 @@ var We;
 function kr() {
   if (We) return pe;
   We = 1;
-  var s = Ve, u = Symbol.for("react.element"), E = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, C = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(x, c, p) {
-    var o, _ = {}, h = null, A = null;
-    p !== void 0 && (h = "" + p), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (A = c.ref);
-    for (o in c) l.call(c, o) && !f.hasOwnProperty(o) && (_[o] = c[o]);
-    if (x && x.defaultProps) for (o in c = x.defaultProps, c) _[o] === void 0 && (_[o] = c[o]);
+  var a = Ve, u = Symbol.for("react.element"), E = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, C = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(x, l, p) {
+    var c, _ = {}, h = null, A = null;
+    p !== void 0 && (h = "" + p), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (A = l.ref);
+    for (c in l) o.call(l, c) && !f.hasOwnProperty(c) && (_[c] = l[c]);
+    if (x && x.defaultProps) for (c in l = x.defaultProps, l) _[c] === void 0 && (_[c] = l[c]);
     return { $$typeof: u, type: x, key: h, ref: A, props: _, _owner: C.current };
   }
   return pe.Fragment = E, pe.jsx = b, pe.jsxs = b, pe;
@@ -182,24 +182,24 @@ var ve = {};
 var Ke;
 function Cr() {
   return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && (function() {
-    var s = Ve, u = Symbol.for("react.element"), E = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), x = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), j = Symbol.iterator, I = "@@iterator";
+    var a = Ve, u = Symbol.for("react.element"), E = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), x = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), j = Symbol.iterator, I = "@@iterator";
     function P(e) {
       if (e === null || typeof e != "object")
         return null;
       var t = j && e[j] || e[I];
       return typeof t == "function" ? t : null;
     }
-    var F = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var F = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), a = 1; a < t; a++)
-          n[a - 1] = arguments[a];
+        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
+          n[s - 1] = arguments[s];
         k("error", e, n);
       }
     }
     function k(e, t, n) {
       {
-        var a = F.ReactDebugCurrentFrame, g = a.getStackAddendum();
+        var s = F.ReactDebugCurrentFrame, g = s.getStackAddendum();
         g !== "" && (t += "%s", n = n.concat([g]));
         var y = n.map(function(m) {
           return String(m);
@@ -210,20 +210,20 @@ function Cr() {
     var K = !1, O = !1, R = !1, v = !1, V = !1, q;
     q = Symbol.for("react.module.reference");
     function ue(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === f || V || e === C || e === p || e === o || v || e === A || K || O || R || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === _ || e.$$typeof === b || e.$$typeof === x || e.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === f || V || e === C || e === p || e === c || v || e === A || K || O || R || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === _ || e.$$typeof === b || e.$$typeof === x || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === q || e.getModuleId !== void 0));
     }
     function de(e, t, n) {
-      var a = e.displayName;
-      if (a)
-        return a;
+      var s = e.displayName;
+      if (s)
+        return s;
       var g = t.displayName || t.name || "";
       return g !== "" ? n + "(" + g + ")" : n;
     }
-    function se(e) {
+    function ae(e) {
       return e.displayName || "Context";
     }
     function z(e) {
@@ -234,7 +234,7 @@ function Cr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case o:
           return "Fragment";
         case E:
           return "Portal";
@@ -244,22 +244,22 @@ function Cr() {
           return "StrictMode";
         case p:
           return "Suspense";
-        case o:
+        case c:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
             var t = e;
-            return se(t) + ".Consumer";
+            return ae(t) + ".Consumer";
           case b:
             var n = e;
-            return se(n._context) + ".Provider";
-          case c:
+            return ae(n._context) + ".Provider";
+          case l:
             return de(e, e.render, "ForwardRef");
           case _:
-            var a = e.displayName || null;
-            return a !== null ? a : z(e.type) || "Memo";
+            var s = e.displayName || null;
+            return s !== null ? s : z(e.type) || "Memo";
           case h: {
             var g = e, y = g._payload, m = g._init;
             try {
@@ -333,15 +333,15 @@ function Cr() {
         Y < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ae = F.ReactCurrentDispatcher, ee;
+    var se = F.ReactCurrentDispatcher, ee;
     function $(e, t, n) {
       {
         if (ee === void 0)
           try {
             throw Error();
           } catch (g) {
-            var a = g.stack.trim().match(/\n( *(at )?)/);
-            ee = a && a[1] || "";
+            var s = g.stack.trim().match(/\n( *(at )?)/);
+            ee = s && s[1] || "";
           }
         return `
 ` + ee + e;
@@ -360,12 +360,12 @@ function Cr() {
         if (n !== void 0)
           return n;
       }
-      var a;
+      var s;
       re = !0;
       var g = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var y;
-      y = ae.current, ae.current = null, U();
+      y = se.current, se.current = null, U();
       try {
         if (t) {
           var m = function() {
@@ -379,14 +379,14 @@ function Cr() {
             try {
               Reflect.construct(m, []);
             } catch (D) {
-              a = D;
+              s = D;
             }
             Reflect.construct(e, [], m);
           } else {
             try {
               m.call();
             } catch (D) {
-              a = D;
+              s = D;
             }
             e.call(m.prototype);
           }
@@ -394,14 +394,14 @@ function Cr() {
           try {
             throw Error();
           } catch (D) {
-            a = D;
+            s = D;
           }
           e();
         }
       } catch (D) {
-        if (D && a && typeof D.stack == "string") {
+        if (D && s && typeof D.stack == "string") {
           for (var d = D.stack.split(`
-`), L = a.stack.split(`
+`), L = s.stack.split(`
 `), T = d.length - 1, S = L.length - 1; T >= 1 && S >= 0 && d[T] !== L[S]; )
             S--;
           for (; T >= 1 && S >= 0; T--, S--)
@@ -418,7 +418,7 @@ function Cr() {
             }
         }
       } finally {
-        re = !1, ae.current = y, J(), Error.prepareStackTrace = g;
+        re = !1, se.current = y, J(), Error.prepareStackTrace = g;
       }
       var oe = e ? e.displayName || e.name : "", te = oe ? $(oe) : "";
       return typeof e == "function" && xe.set(e, te), te;
@@ -440,17 +440,17 @@ function Cr() {
       switch (e) {
         case p:
           return $("Suspense");
-        case o:
+        case c:
           return $("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case c:
+          case l:
             return qe(e.render);
           case _:
             return ge(e.type, t, n);
           case h: {
-            var a = e, g = a._payload, y = a._init;
+            var s = e, g = s._payload, y = s._init;
             try {
               return ge(y(g), t, n);
             } catch {
@@ -467,7 +467,7 @@ function Cr() {
       } else
         Te.setExtraStackFrame(null);
     }
-    function Xe(e, t, n, a, g) {
+    function Xe(e, t, n, s, g) {
       {
         var y = Function.call.bind(me);
         for (var m in e)
@@ -475,14 +475,14 @@ function Cr() {
             var d = void 0;
             try {
               if (typeof e[m] != "function") {
-                var L = Error((a || "React class") + ": " + n + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var L = Error((s || "React class") + ": " + n + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw L.name = "Invariant Violation", L;
               }
-              d = e[m](t, m, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              d = e[m](t, m, s, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (T) {
               d = T;
             }
-            d && !(d instanceof Error) && (be(g), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", n, m, typeof d), be(null)), d instanceof Error && !(d.message in Ne) && (Ne[d.message] = !0, be(g), w("Failed %s type: %s", n, d.message), be(null));
+            d && !(d instanceof Error) && (be(g), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", n, m, typeof d), be(null)), d instanceof Error && !(d.message in Ne) && (Ne[d.message] = !0, be(g), w("Failed %s type: %s", n, d.message), be(null));
           }
       }
     }
@@ -535,7 +535,7 @@ function Cr() {
     function nr(e, t) {
       typeof e.ref == "string" && Oe.current;
     }
-    function sr(e, t) {
+    function ar(e, t) {
       {
         var n = function() {
           Me || (Me = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
@@ -546,7 +546,7 @@ function Cr() {
         });
       }
     }
-    function ar(e, t) {
+    function sr(e, t) {
       {
         var n = function() {
           Fe || (Fe = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
@@ -557,7 +557,7 @@ function Cr() {
         });
       }
     }
-    var ir = function(e, t, n, a, g, y, m) {
+    var ir = function(e, t, n, s, g, y, m) {
       var d = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: u,
@@ -578,7 +578,7 @@ function Cr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: a
+        value: s
       }), Object.defineProperty(d, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -586,7 +586,7 @@ function Cr() {
         value: g
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     };
-    function or(e, t, n, a, g) {
+    function or(e, t, n, s, g) {
       {
         var y, m = {}, d = null, L = null;
         n !== void 0 && (Pe(n), d = "" + n), tr(t) && (Pe(t.key), d = "" + t.key), rr(t) && (L = t.ref, nr(t, g));
@@ -599,9 +599,9 @@ function Cr() {
         }
         if (d || L) {
           var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && sr(m, S), L && ar(m, S);
+          d && ar(m, S), L && sr(m, S);
         }
-        return ir(e, d, L, g, a, Oe.current, m);
+        return ir(e, d, L, g, s, Oe.current, m);
       }
     }
     var we = F.ReactCurrentOwner, Le = F.ReactDebugCurrentFrame;
@@ -654,8 +654,8 @@ Check the top-level render call using <` + n + ">.");
         if (Ie[n])
           return;
         Ie[n] = !0;
-        var a = "";
-        e && e._owner && e._owner !== we.current && (a = " It was passed a child from " + z(e._owner.type) + "."), ie(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), ie(null);
+        var s = "";
+        e && e._owner && e._owner !== we.current && (s = " It was passed a child from " + z(e._owner.type) + "."), ie(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, s), ie(null);
       }
     }
     function $e(e, t) {
@@ -664,8 +664,8 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (je(e))
           for (var n = 0; n < e.length; n++) {
-            var a = e[n];
-            Ce(a) && Ue(a, t);
+            var s = e[n];
+            Ce(s) && Ue(s, t);
           }
         else if (Ce(e))
           e._store && (e._store.validated = !0);
@@ -685,15 +685,15 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof t == "function")
           n = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === c || // Note: Memo only checks outer props here.
+        else if (typeof t == "object" && (t.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         t.$$typeof === _))
           n = t.propTypes;
         else
           return;
         if (n) {
-          var a = z(t);
-          Xe(n, e.props, "prop", a, e);
+          var s = z(t);
+          Xe(n, e.props, "prop", s, e);
         } else if (t.PropTypes !== void 0 && !ke) {
           ke = !0;
           var g = z(t);
@@ -705,9 +705,9 @@ Check the top-level render call using <` + n + ">.");
     function dr(e) {
       {
         for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var a = t[n];
-          if (a !== "children" && a !== "key") {
-            ie(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), ie(null);
+          var s = t[n];
+          if (s !== "children" && s !== "key") {
+            ie(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), ie(null);
             break;
           }
         }
@@ -715,7 +715,7 @@ Check the top-level render call using <` + n + ">.");
       }
     }
     var De = {};
-    function ze(e, t, n, a, g, y) {
+    function ze(e, t, n, s, g, y) {
       {
         var m = ue(e);
         if (!m) {
@@ -732,7 +732,7 @@ Check the top-level render call using <` + n + ">.");
         if (m) {
           var W = t.children;
           if (W !== void 0)
-            if (a)
+            if (s)
               if (je(W)) {
                 for (var oe = 0; oe < W.length; oe++)
                   $e(W[oe], e);
@@ -756,7 +756,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Ee, te, hr, te), De[te + Ee] = !0;
           }
         }
-        return e === l ? dr(S) : ur(S), S;
+        return e === o ? dr(S) : ur(S), S;
       }
     }
     function fr(e, t, n) {
@@ -766,7 +766,7 @@ React keys must be passed directly to JSX without using spread:
       return ze(e, t, n, !1);
     }
     var pr = mr, vr = fr;
-    ve.Fragment = l, ve.jsx = pr, ve.jsxs = vr;
+    ve.Fragment = o, ve.jsx = pr, ve.jsxs = vr;
   })()), ve;
 }
 var Be;
@@ -774,32 +774,32 @@ function Er() {
   return Be || (Be = 1, process.env.NODE_ENV === "production" ? ye.exports = kr() : ye.exports = Cr()), ye.exports;
 }
 var r = Er();
-function Ye({ text: s, className: u = "", placeholder: E }) {
-  return !s && E ? /* @__PURE__ */ r.jsx("span", { className: `apmsu-placeholder ${u}`, children: E }) : s ? /* @__PURE__ */ r.jsx("span", { className: `inline-flex min-w-0 ${u}`, children: /* @__PURE__ */ r.jsx(jr, { value: s, charWidth: 0.8, duration: 300 }) }) : null;
+function Ye({ text: a, className: u = "", placeholder: E }) {
+  return !a && E ? /* @__PURE__ */ r.jsx("span", { className: `apmsu-placeholder ${u}`, children: E }) : a ? /* @__PURE__ */ r.jsx("span", { className: `inline-flex min-w-0 ${u}`, children: /* @__PURE__ */ r.jsx(jr, { value: a, charWidth: 0.8, duration: 300 }) }) : null;
 }
 function _r({
-  providers: s,
+  providers: a,
   selectedProviderId: u,
   onSelect: E,
-  isOpen: l,
+  isOpen: o,
   setIsOpen: C,
   disabled: f,
   language: b = "zh"
 }) {
-  const x = he[b], c = _e(null), p = s.find((o) => o.id === u);
+  const x = he[b], l = _e(null), p = a.find((c) => c.id === u);
   return ne(() => {
-    const o = (_) => {
-      c.current && !c.current.contains(_.target) && C(!1);
+    const c = (_) => {
+      l.current && !l.current.contains(_.target) && C(!1);
     };
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [C]), /* @__PURE__ */ r.jsxs("div", { className: "apmsu-field", ref: c, children: [
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, [C]), /* @__PURE__ */ r.jsxs("div", { className: "apmsu-field", ref: l, children: [
     /* @__PURE__ */ r.jsx("label", { className: "apmsu-label", children: x.providerLabel }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsxs(
         "button",
         {
           type: "button",
-          onClick: () => !f && C(!l),
+          onClick: () => !f && C(!o),
           disabled: f,
           className: "apmsu-select-trigger",
           children: [
@@ -814,42 +814,42 @@ function _r({
               ),
               /* @__PURE__ */ r.jsx(Ye, { text: p.name })
             ] }) : /* @__PURE__ */ r.jsx("span", { className: "apmsu-placeholder", children: x.selectProvider }),
-            /* @__PURE__ */ r.jsx(Rr, { isOpen: l })
+            /* @__PURE__ */ r.jsx(Rr, { isOpen: o })
           ]
         }
       ),
-      /* @__PURE__ */ r.jsx("div", { className: `apmsu-dropdown max-h-[300px] overflow-auto p-1 origin-top ${l ? "apmsu-dropdown-open" : ""}`, children: s.map((o) => /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ r.jsx("div", { className: `apmsu-dropdown max-h-[300px] overflow-auto p-1 origin-top ${o ? "apmsu-dropdown-open" : ""}`, children: a.map((c) => /* @__PURE__ */ r.jsxs(
         "button",
         {
           type: "button",
           onClick: () => {
-            E(o.id), C(!1);
+            E(c.id), C(!1);
           },
-          className: `apmsu-dropdown-item rounded-sm ${u === o.id ? "apmsu-dropdown-item-active" : ""}`,
+          className: `apmsu-dropdown-item rounded-sm ${u === c.id ? "apmsu-dropdown-item-active" : ""}`,
           children: [
             /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
               /* @__PURE__ */ r.jsx(
                 "img",
                 {
-                  src: o.icon,
-                  alt: o.name,
+                  src: c.icon,
+                  alt: c.name,
                   className: "apmsu-provider-icon"
                 }
               ),
-              /* @__PURE__ */ r.jsx("span", { className: "font-medium whitespace-nowrap", children: o.name })
+              /* @__PURE__ */ r.jsx("span", { className: "font-medium whitespace-nowrap", children: c.name })
             ] }),
-            /* @__PURE__ */ r.jsx("span", { className: "apmsu-hint-text ml-auto text-right truncate flex-1 min-w-0", children: o.baseUrl.replace("https://", "") })
+            /* @__PURE__ */ r.jsx("span", { className: "apmsu-hint-text ml-auto text-right truncate flex-1 min-w-0", children: c.baseUrl.replace("https://", "") })
           ]
         },
-        o.id
+        c.id
       )) })
     ] })
   ] });
 }
-const Rr = ({ isOpen: s }) => /* @__PURE__ */ r.jsx(
+const Rr = ({ isOpen: a }) => /* @__PURE__ */ r.jsx(
   "svg",
   {
-    className: `apmsu-chevron ${s ? "rotate-180" : ""}`,
+    className: `apmsu-chevron ${a ? "rotate-180" : ""}`,
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24",
@@ -857,33 +857,32 @@ const Rr = ({ isOpen: s }) => /* @__PURE__ */ r.jsx(
   }
 );
 function Nr({
-  provider: s,
+  provider: a,
   apiKey: u,
   onChange: E,
-  testStatus: l,
-  disabled: C,
-  language: f = "zh"
+  disabled: o,
+  language: C = "zh"
 }) {
-  const [b, x] = M(!1), c = he[f];
-  if (!s || !s.needsApiKey) return null;
-  const p = () => l === "success" ? "apmsu-input apmsu-input-success" : "apmsu-input apmsu-input-default";
+  const [f, b] = M(!1), x = he[C];
+  if (!a || !a.needsApiKey) return null;
+  const l = () => "apmsu-input apmsu-input-default";
   return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ r.jsx("label", { className: "apmsu-label", children: c.apiKeyLabel }),
+    /* @__PURE__ */ r.jsx("label", { className: "apmsu-label", children: x.apiKeyLabel }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
-          type: b ? "text" : "password",
+          type: f ? "text" : "password",
           value: u,
-          onChange: (o) => E(o.target.value),
-          onFocus: () => x(!0),
-          onBlur: () => x(!1),
-          placeholder: c.apiKeyPlaceholder,
-          disabled: C,
-          className: `${p()} pr-10`
+          onChange: (p) => E(p.target.value),
+          onFocus: () => b(!0),
+          onBlur: () => b(!1),
+          placeholder: x.apiKeyPlaceholder,
+          disabled: o,
+          className: `${l()} pr-10`
         }
       ),
-      /* @__PURE__ */ r.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center", children: b ? /* @__PURE__ */ r.jsxs("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+      /* @__PURE__ */ r.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center", children: f ? /* @__PURE__ */ r.jsxs("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
         /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" }),
         /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" })
       ] }) : /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" }) }) })
@@ -891,21 +890,21 @@ function Nr({
   ] });
 }
 function Tr({
-  provider: s,
+  provider: a,
   models: u,
   selectedModelId: E,
-  onSelect: l,
+  onSelect: o,
   isOpen: C,
   setIsOpen: f,
   hasApiKey: b,
   disabled: x,
-  language: c = "zh",
+  language: l = "zh",
   isFetchingModels: p,
-  fetchModelError: o,
+  fetchModelError: c,
   selectedModelName: _
 }) {
   var w;
-  const h = he[c], A = _e(null), [j, I] = M("");
+  const h = he[l], A = _e(null), [j, I] = M("");
   ne(() => {
     const k = (K) => {
       A.current && !A.current.contains(K.target) && (f(!1), I(""));
@@ -922,8 +921,8 @@ function Tr({
         "button",
         {
           type: "button",
-          onClick: () => !x && s && f(!C),
-          disabled: x || !s,
+          onClick: () => !x && a && f(!C),
+          disabled: x || !a,
           className: "apmsu-select-trigger",
           children: [
             /* @__PURE__ */ r.jsx(
@@ -955,7 +954,7 @@ function Tr({
             {
               type: "button",
               onClick: () => {
-                l(j), f(!1), I("");
+                o(j), f(!1), I("");
               },
               className: "apmsu-dropdown-item bg-blue-50 dark:bg-blue-900/20 border-b",
               children: /* @__PURE__ */ r.jsxs("span", { className: "text-blue-500", children: [
@@ -970,7 +969,7 @@ function Tr({
             {
               type: "button",
               onClick: () => {
-                l(k.id, k.name), f(!1), I("");
+                o(k.id, k.name), f(!1), I("");
               },
               className: `apmsu-dropdown-item ${E === k.id ? "apmsu-dropdown-item-active" : ""}`,
               children: /* @__PURE__ */ r.jsx("span", { children: k.name })
@@ -981,13 +980,13 @@ function Tr({
         ] })
       ] })
     ] }),
-    (s == null ? void 0 : s.supportsModelsApi) && /* @__PURE__ */ r.jsx("div", { className: "min-h-[20px] flex items-center", children: p ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text animate-pulse", children: h.refreshingModels }) : o ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text dark:text-zinc-500", children: h[o] || o }) : s != null && s.needsApiKey && !b ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: h.apiKeyTip }) : /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: h.modelListUpdated }) })
+    (a == null ? void 0 : a.supportsModelsApi) && /* @__PURE__ */ r.jsx("div", { className: "min-h-[20px] flex items-center", children: p ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text animate-pulse", children: h.refreshingModels }) : c ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text dark:text-zinc-500", children: h[c] || c }) : a != null && a.needsApiKey && !b ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: h.apiKeyTip }) : /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: h.modelListUpdated }) })
   ] });
 }
-const Sr = ({ isOpen: s }) => /* @__PURE__ */ r.jsx(
+const Sr = ({ isOpen: a }) => /* @__PURE__ */ r.jsx(
   "svg",
   {
-    className: `apmsu-chevron ${s ? "rotate-180" : ""}`,
+    className: `apmsu-chevron ${a ? "rotate-180" : ""}`,
     fill: "none",
     stroke: "currentColor",
     viewBox: "0 0 24 24",
@@ -995,14 +994,14 @@ const Sr = ({ isOpen: s }) => /* @__PURE__ */ r.jsx(
   }
 );
 function Pr({
-  provider: s,
+  provider: a,
   baseUrl: u,
   onChange: E,
-  disabled: l,
+  disabled: o,
   language: C = "zh"
 }) {
   const [f, b] = M(!1), x = he[C];
-  return s ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
@@ -1034,9 +1033,9 @@ function Pr({
           {
             type: "text",
             value: u,
-            onChange: (c) => E(c.target.value),
-            placeholder: s.baseUrl,
-            disabled: l,
+            onChange: (l) => E(l.target.value),
+            placeholder: a.baseUrl,
+            disabled: o,
             className: "apmsu-input apmsu-input-default"
           }
         ) })
@@ -1045,17 +1044,17 @@ function Pr({
   ] }) : null;
 }
 function Ur({
-  proxyUrl: s,
+  proxyUrl: a,
   config: u,
   initialConfig: E,
-  title: l,
+  title: o,
   showPreview: C = !1,
   saveButtonText: f,
   disabled: b = !1,
   onSave: x,
-  onTestResult: c,
+  onTestResult: l,
   onChange: p,
-  onSerialize: o,
+  onSerialize: c,
   onDeserialize: _,
   language: h = "zh",
   modelFetcher: A
@@ -1074,7 +1073,7 @@ function Ur({
     isValid: q,
     setProviderId: ue,
     setApiKey: de,
-    selectModel: se,
+    selectModel: ae,
     setBaseUrl: z,
     runTest: B,
     save: Y,
@@ -1082,23 +1081,23 @@ function Ur({
     fetchModelError: X,
     config: G
   } = wr({
-    proxyUrl: s,
+    proxyUrl: a,
     providerConfig: u,
     initialConfig: E,
-    onSerialize: o,
+    onSerialize: c,
     onDeserialize: _,
     modelFetcher: A
-  }), [H, Z] = M(!1), [Q, i] = M(!1), [N, U] = M("idle"), [J, ae] = M(!1);
+  }), [H, Z] = M(!1), [Q, i] = M(!1), [N, U] = M("idle"), [J, se] = M(!1);
   ne(() => {
     p == null || p({ providerId: I, apiKey: P, model: F, baseUrl: k });
   }, [I, P, F, k, p]), ne(() => {
-    R && (c == null || c(R));
-  }, [R, c]);
+    R && (l == null || l(R));
+  }, [R, l]);
   const ee = ce(() => {
     Y(), U("saved"), x == null || x(G), setTimeout(() => U("idle"), 2e3);
   }, [Y, x, G]);
   return /* @__PURE__ */ r.jsxs("div", { className: "apmsu-card", children: [
-    l && /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold mb-4", children: l }),
+    o && /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold mb-4", children: o }),
     /* @__PURE__ */ r.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ r.jsx(
         _r,
@@ -1140,7 +1139,7 @@ function Ur({
             provider: v,
             models: K,
             selectedModelId: F,
-            onSelect: se,
+            onSelect: ae,
             isOpen: Q,
             setIsOpen: i,
             hasApiKey: !!P,
@@ -1202,7 +1201,7 @@ function Ur({
         "button",
         {
           type: "button",
-          onClick: () => ae(!J),
+          onClick: () => se(!J),
           className: "w-full flex items-center justify-between px-4 py-3 bg-zinc-50 dark:bg-zinc-900/50 hover:bg-zinc-100 dark:hover:bg-zinc-800/50 transition-colors",
           children: [
             /* @__PURE__ */ r.jsx("h3", { className: "text-xs font-medium text-gray-500 dark:text-zinc-500 uppercase tracking-wider", children: j.preview }),