@anvaka/vue-llm 0.1.0

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

@@ -0,0 +1,498 @@
+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 { 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";
+/* empty css                    */
+import ze from "../../_virtual/_plugin-vue_export-helper.js";
+const Ye = { class: "llm-modal-header" }, He = { key: 0 }, Qe = { class: "llm-modal-body" }, Xe = { key: 0 }, Ze = { class: "llm-form-grid" }, el = ["value"], ll = ["placeholder"], tl = ["placeholder"], sl = { class: "llm-api-key-field" }, al = { class: "llm-api-key-input-row" }, ol = ["placeholder", "required"], nl = { class: "llm-security-note" }, il = { key: 0 }, rl = { class: "llm-model-selector" }, ul = ["disabled"], dl = { value: "" }, vl = ["value"], cl = ["disabled"], ml = {
+  key: 0,
+  class: "llm-model-error"
+}, fl = {
+  key: 1,
+  class: "llm-thinking-toggle"
+}, bl = { class: "llm-checkbox-label" }, gl = { class: "llm-temperature-field" }, pl = ["disabled"], yl = {
+  key: 0,
+  class: "llm-field-note"
+}, kl = {
+  key: 1,
+  class: "llm-field-note"
+}, hl = { key: 1 }, Cl = {
+  key: 0,
+  class: "llm-provider-list"
+}, _l = ["onClick"], Pl = { class: "llm-provider-info" }, wl = { class: "llm-provider-name-row" }, Sl = { class: "llm-provider-name" }, Tl = {
+  key: 0,
+  class: "llm-disabled-badge"
+}, Ml = {
+  key: 0,
+  class: "llm-active-badge"
+}, Kl = {
+  key: 1,
+  class: "llm-judge-badge"
+}, 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 = {
+  __name: "LLMConfigModal",
+  props: {
+    isVisible: Boolean,
+    editTarget: Object,
+    // Optional features
+    showJudge: { type: Boolean, default: !1 },
+    showAllMode: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "configChanged"],
+  setup(x, { emit: ve }) {
+    const b = x, j = ve, V = Be, {
+      client: Jl,
+      configStore: Rl,
+      getEnabledConfigs: jl,
+      getAllConfigs: ce,
+      getActiveProviderId: H,
+      setActiveProviderId: Q,
+      saveConfig: me,
+      deleteConfig: fe,
+      enableProvider: be,
+      disableProvider: ge,
+      getAvailableModels: pe,
+      testConnection: X,
+      refresh: $,
+      getStoredKey: Z,
+      hasStoredKey: ee,
+      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(
+      () => t.value.provider ? V[t.value.provider] : null
+    ), f = u(/* @__PURE__ */ new Set()), ke = L(() => t.value.model && f.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(() => {
+      var l;
+      return !(!t.value.name || !t.value.provider || !t.value.baseUrl || (l = A.value) != null && l.requiresApiKey && !t.value.apiKey);
+    }), Ce = (l) => {
+      const e = C.value.get(l);
+      return e === "testing" ? "Testing..." : e === "success" ? "Ok" : e === "failed" ? "Failed" : "Test";
+    }, _e = (l) => {
+      const e = C.value.get(l);
+      return {
+        "llm-test-testing": e === "testing",
+        "llm-test-success": e === "success",
+        "llm-test-failed": e === "failed",
+        "llm-test-default": !e || e === "default"
+      };
+    }, F = () => {
+      if (T.value = ce(), M.value = H() || "", b.showJudge)
+        try {
+          y.value = localStorage.getItem("llm:" + Y) || null;
+        } catch {
+          y.value = null;
+        }
+    }, O = () => {
+      const l = ye();
+      le.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);
+        e && !t.value.apiKey && (t.value.apiKey = e), await B();
+      }
+      k.value = null, h.value = null;
+    }, B = async () => {
+      if (!t.value.provider || !t.value.baseUrl) {
+        U.value = [], h.value = null;
+        return;
+      }
+      _.value = !0, h.value = null;
+      try {
+        const l = await pe(t.value.provider, t.value);
+        U.value = l, l.length > 0 && !t.value.model && (t.value.model = l[0], await W());
+      } catch (l) {
+        console.warn("Failed to load models:", l), U.value = [], h.value = l.message || "Failed to load models";
+      } finally {
+        _.value = !1;
+      }
+    }, W = async () => {
+      if (!t.value.provider || !t.value.model) {
+        f.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);
+      } catch (l) {
+        console.warn("Failed to detect model capabilities:", l), f.value.clear();
+      }
+    }, we = () => `provider_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, Se = () => {
+      if (!t.value.provider) return "";
+      const l = V[t.value.provider];
+      return `e.g., My ${(l == null ? void 0 : l.name) || "Provider"}`;
+    }, Te = () => {
+      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();
+    }, Me = async () => {
+      if (te.value) {
+        K.value = !0, k.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 = {
+            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." };
+        } catch (l) {
+          console.error("LLM connection test failed:", l), k.value = { success: !1, message: `Connection failed: ${l.message}` };
+        } finally {
+          K.value = !1;
+        }
+      }
+    }, Ke = (l) => {
+      Q(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);
+      } 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) => {
+      var e;
+      t.value = { ...l }, v.value = !0, m.value = l.id, k.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));
+      });
+    }, Ae = () => {
+      w(), v.value = !0, m.value = null;
+    }, Ee = () => w(), Le = (l) => {
+      confirm("Are you sure you want to delete this provider?") && fe(l) && (F(), l === m.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();
+    }, N = () => {
+      w(), j("close");
+    }, ae = (l) => {
+      b.isVisible && l.key === "Escape" && (l.preventDefault(), N());
+    }, E = () => {
+      j("configChanged");
+      try {
+        window.dispatchEvent(new CustomEvent("llm-config-changed"));
+      } catch {
+      }
+    };
+    G(() => b.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);
+      }
+    }), G(() => t.value.model, (l) => {
+      if (l) {
+        if (W(), !m.value) {
+          const e = Te();
+          e && (t.value.name = e);
+        }
+        D.value && (t.value.temperature = 1);
+      } else
+        f.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 = () => {
+      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);
+      l && (t.value.apiKey = l);
+    }, Fe = (l) => {
+      if (!b.showJudge) return;
+      const e = l.id === y.value ? null : l.id;
+      try {
+        e ? localStorage.setItem("llm:" + Y, e) : localStorage.removeItem("llm:" + Y), y.value = e, E();
+      } catch {
+      }
+    };
+    return Ne(() => {
+      document.addEventListener("keydown", ae), O();
+    }), Je(() => {
+      document.removeEventListener("keydown", ae);
+    }), (l, e) => {
+      var i, c, ne;
+      return x.isVisible ? (n(), o("div", {
+        key: 0,
+        class: "llm-modal-overlay",
+        onClick: N
+      }, [
+        s("div", {
+          class: "llm-modal",
+          onClick: e[11] || (e[11] = J(() => {
+          }, ["stop"]))
+        }, [
+          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)
+            ]),
+            s("button", {
+              class: "llm-btn llm-btn--ghost llm-btn--sm llm-close-btn",
+              onClick: N
+            }, "×")
+          ]),
+          s("div", Qe, [
+            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", {
+                  "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
+                  }, d(a.name), 9, el))), 128))
+                ], 544), [
+                  [re, 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", {
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.name = a),
+                    type: "text",
+                    placeholder: Se(),
+                    class: "llm-form-control",
+                    required: ""
+                  }, null, 8, ll), [
+                    [I, t.value.name]
+                  ])
+                ], 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", {
+                    "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.baseUrl = a),
+                    type: "url",
+                    placeholder: (i = A.value) == null ? void 0 : i.baseUrl,
+                    class: "llm-form-control",
+                    required: ""
+                  }, null, 8, tl), [
+                    [I, t.value.baseUrl]
+                  ]),
+                  (c = A.value) != null && c.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", {
+                          "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
+                        }, null, 8, ol), [
+                          [I, t.value.apiKey]
+                        ]),
+                        ie(ee)(t.value.provider) ? (n(), o("button", {
+                          key: 0,
+                          type: "button",
+                          class: "llm-btn llm-btn--ghost llm-btn--sm",
+                          onClick: De,
+                          title: "Use stored key"
+                        }, " Use Stored ")) : r("", !0)
+                      ]),
+                      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)
+                      ])
+                    ])
+                  ], 64)) : r("", !0),
+                  e[19] || (e[19] = s("label", { class: "llm-field-label" }, "Model:", -1)),
+                  s("div", rl, [
+                    p(s("select", {
+                      "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.model = a),
+                      disabled: _.value,
+                      class: "llm-form-control"
+                    }, [
+                      s("option", dl, d(_.value ? "Loading models..." : "Select a model..."), 1),
+                      (n(!0), o(S, null, z(U.value, (a) => (n(), o("option", {
+                        key: a,
+                        value: a
+                      }, d(a), 9, vl))), 128))
+                    ], 8, ul), [
+                      [re, t.value.model]
+                    ]),
+                    s("button", {
+                      class: "llm-btn llm-btn--ghost llm-btn--sm llm-refresh-btn",
+                      onClick: B,
+                      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, [
+                      s("label", bl, [
+                        p(s("input", {
+                          type: "checkbox",
+                          "onUpdate:modelValue": e[5] || (e[5] = (a) => t.value.enableThinking = a),
+                          class: "llm-checkbox"
+                        }, null, 512), [
+                          [Re, t.value.enableThinking]
+                        ]),
+                        e[17] || (e[17] = R(" Enable Thinking: Show model's reasoning process ", -1))
+                      ])
+                    ])) : r("", !0)
+                  ]),
+                  e[20] || (e[20] = s("label", { class: "llm-field-label" }, "Temperature:", -1)),
+                  s("div", gl, [
+                    p(s("input", {
+                      "onUpdate:modelValue": e[6] || (e[6] = (a) => t.value.temperature = a),
+                      type: "number",
+                      min: "0",
+                      max: "2",
+                      step: "0.1",
+                      class: "llm-form-control",
+                      disabled: D.value
+                    }, null, 8, pl), [
+                      [
+                        I,
+                        t.value.temperature,
+                        void 0,
+                        { 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 "))
+                  ]),
+                  e[21] || (e[21] = s("label", { class: "llm-field-label" }, "Max Tokens:", -1)),
+                  p(s("input", {
+                    "onUpdate:modelValue": e[7] || (e[7] = (a) => t.value.maxTokens = a),
+                    type: "number",
+                    min: "1",
+                    max: "100000",
+                    class: "llm-form-control",
+                    ref_key: "maxTokensInput",
+                    ref: P
+                  }, null, 512), [
+                    [
+                      I,
+                      t.value.maxTokens,
+                      void 0,
+                      { number: !0 }
+                    ]
+                  ])
+                ], 64)) : 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", {
+                    active: a.id === M.value,
+                    disabled: a.enabled === !1
+                  }]),
+                  onClick: (g) => a.enabled !== !1 ? Ke(a.id) : null
+                }, [
+                  s("div", Pl, [
+                    s("div", wl, [
+                      s("div", Sl, [
+                        R(d(a.name) + " ", 1),
+                        a.enabled === !1 ? (n(), o("span", Tl, "Disabled")) : r("", !0)
+                      ]),
+                      a.id === M.value ? (n(), o("span", Ml, "Active")) : r("", !0),
+                      x.showJudge && a.id === y.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"]),
+                        disabled: K.value
+                      }, d(Ce(a.id)), 11, Al),
+                      s("div", El, d(a.provider) + " • " + d(a.baseUrl), 1)
+                    ])
+                  ]),
+                  s("div", {
+                    class: "llm-provider-actions",
+                    onClick: e[8] || (e[8] = J(() => {
+                    }, ["stop"]))
+                  }, [
+                    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),
+                    s("button", {
+                      class: "llm-btn llm-btn--ghost llm-btn--sm",
+                      onClick: (g) => 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)
+                    }, " Edit ", 8, xl),
+                    s("button", {
+                      class: "llm-btn llm-btn--sm llm-btn--danger",
+                      onClick: (g) => Le(a.id)
+                    }, " Delete ", 8, Vl)
+                  ])
+                ], 10, _l))), 128))
+              ])) : (n(), o("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", {
+              key: 2,
+              class: "llm-keys-manager-overlay",
+              onClick: oe
+            }, [
+              s("div", {
+                class: "llm-keys-manager-content",
+                onClick: e[9] || (e[9] = J(() => {
+                }, ["stop"]))
+              }, [
+                je(Ge, {
+                  onClose: oe,
+                  onKeysUpdated: Ve
+                })
+              ])
+            ])) : r("", !0)
+          ]),
+          s("div", Dl, [
+            v.value ? r("", !0) : (n(), o("button", {
+              key: 0,
+              class: "llm-btn llm-btn--secondary",
+              onClick: Ae
+            }, " Add New Provider ")),
+            !v.value && he.value ? (n(), o("button", {
+              key: 1,
+              class: "llm-btn llm-btn--ghost",
+              onClick: xe
+            }, " Manage Keys ")) : r("", !0),
+            e[25] || (e[25] = s("div", { class: "llm-footer-spacer" }, null, -1)),
+            s("button", {
+              class: "llm-btn llm-btn--ghost",
+              onClick: e[10] || (e[10] = (a) => v.value ? Ee() : N())
+            }, " Close "),
+            v.value ? (n(), o("button", {
+              key: 2,
+              class: "llm-btn llm-btn--primary",
+              onClick: Me,
+              disabled: !te.value || K.value
+            }, d(K.value ? "Testing..." : "Save"), 9, Fl)) : r("", !0)
+          ])
+        ])
+      ])) : r("", !0);
+    };
+  }
+}, Hl = /* @__PURE__ */ ze(Nl, [["__scopeId", "data-v-a26b0717"]]);
+export {
+  Hl as default
+};

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

@@ -0,0 +1,53 @@
+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 { useLLM as I } from "../useLLM.js";
+/* empty css                      */
+import M from "../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "llm-provider-selector" }, x = ["value"], C = {
+  __name: "ProviderSelector",
+  emits: ["changed", "open-config"],
+  setup(E, { emit: d }) {
+    const l = d, { client: L, getEnabledConfigs: v, getActiveProviderId: s, setActiveProviderId: u, refresh: p } = I(), a = c([]), e = c(""), m = () => {
+      a.value = v(), e.value = s() || "";
+    }, f = async () => {
+      if (e.value === "__configure__") {
+        e.value = s() || "", l("open-config");
+        return;
+      }
+      if (e.value) {
+        u(e.value);
+        try {
+          await p();
+        } catch {
+        }
+        l("changed", e.value);
+      }
+    };
+    return _(() => {
+      m();
+    }), (b, t) => (n(), r("div", k, [
+      g(i("select", {
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value = o),
+        onChange: f,
+        class: "llm-provider-select"
+      }, [
+        t[1] || (t[1] = i("option", {
+          value: "",
+          disabled: ""
+        }, "Select Provider...", -1)),
+        (n(!0), r(P, null, h(a.value, (o) => (n(), r("option", {
+          key: o.id,
+          value: o.id
+        }, S(o.name), 9, x))), 128)),
+        t[2] || (t[2] = i("option", {
+          value: "__configure__",
+          class: "config-option"
+        }, "Manage Providers...", -1))
+      ], 544), [
+        [y, e.value]
+      ])
+    ]));
+  }
+}, V = /* @__PURE__ */ M(C, [["__scopeId", "data-v-9fd186c2"]]);
+export {
+  V as default
+};