@opentiny/tiny-robot 0.3.0-alpha.20 → 0.3.0-alpha.22

package/dist/mcp-server-picker/index.js

@@ -1,19 +1,20 @@
-import { defineComponent as M, ref as D, computed as y, createElementBlock as d, openBlock as s, normalizeClass as K, createElementVNode as e, createBlock as x, createCommentVNode as b, toDisplayString as U, renderSlot as j, Fragment as I, unref as u, createVNode as g, withCtx as S, Transition as Y, withDirectives as F, renderList as H, vShow as ve, useModel as G, vModelText as O, watch as Q, onUnmounted as fe, mergeModels as X, normalizeStyle as he, createTextVNode as ye } from "vue";
-import { TinyPopconfirm as be, TinySwitch as ee, TinyRadioGroup as re, TinyTabs as ke, TinyTabItem as te, TinyInput as le, TinySelect as Te, TinyOption as Ce, TinyModal as oe } from "@opentiny/vue";
-import { IconArrowRight as Pe, IconArrowDown as $e, IconDelete as xe, IconClose as de, IconEmptySearch as we, IconPlus as Se, IconSearch as ae } from "@opentiny/tiny-robot-svgs";
-import { _ as E } from "../_plugin-vue_export-helper.js";
-import { _ as De } from "../no-data.js";
-import { d as Ve, o as Ue } from "../index2.js";
-const Be = { class: "plugin-card__main" }, Ae = ["src"], Fe = { class: "plugin-card__content" }, Ie = { class: "plugin-card__info" }, Me = { class: "plugin-card__name" }, Ee = {
+import { defineComponent as q, ref as V, computed as p, createElementBlock as i, openBlock as o, normalizeClass as G, createElementVNode as s, createBlock as k, createCommentVNode as v, toDisplayString as S, renderSlot as U, Fragment as F, unref as d, createVNode as m, withCtx as T, Transition as K, withDirectives as pe, renderList as N, vShow as ge, mergeModels as J, useModel as oe, watch as H, normalizeStyle as _e, createTextVNode as me } from "vue";
+import { TinyPopconfirm as ve, TinySwitch as X, TinyTabs as fe, TinyTabItem as Y, TinyInput as Z, TinyBaseSelect as he, TinyOption as ye } from "@opentiny/vue";
+import { IconArrowRight as ke, IconArrowDown as be, IconDelete as Te, IconClose as ae, IconEmptySearch as Ce, IconPlus as Pe, IconSearch as ee } from "@opentiny/tiny-robot-svgs";
+import { _ as z } from "../_plugin-vue_export-helper.js";
+import { _ as we } from "../no-data.js";
+import { o as Se } from "../index2.js";
+import $e from "../mcp-add-form/index.js";
+const xe = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-card__content" }, Ae = { class: "plugin-card__info" }, Fe = { class: "plugin-card__name" }, Me = {
   key: 0,
   class: "plugin-card__count"
-}, Le = ["title"], Oe = { class: "plugin-card__actions" }, Re = { class: "plugin-card__operations" }, Ne = { title: "移除插件" }, ze = {
+}, De = ["title"], Ie = { class: "plugin-card__actions" }, Ee = { class: "plugin-card__operations" }, Le = { title: "移除插件" }, Ue = {
   key: 1,
   class: "plugin-card__add"
-}, qe = { class: "plugin-card__tools" }, je = { class: "plugin-card__tool" }, He = { class: "plugin-card__content" }, Qe = { class: "plugin-card__info" }, Je = { class: "plugin-card__name" }, Ge = ["title"], We = { class: "plugin-card__actions plugin-card__actions--tool" }, Ke = {
+}, Ne = { key: 0 }, Oe = { key: 1 }, qe = { key: 2 }, ze = { class: "plugin-card__tools" }, Qe = { class: "plugin-card__tool" }, Re = { class: "plugin-card__content" }, je = { class: "plugin-card__info" }, He = { class: "plugin-card__name" }, Ge = ["title"], Je = { class: "plugin-card__actions plugin-card__actions--tool" }, Ke = {
   key: 0,
   class: "plugin-card__divider"
-}, Xe = /* @__PURE__ */ M({
+}, We = /* @__PURE__ */ q({
   __name: "PluginCard",
   props: {
     plugin: {},
@@ -21,439 +22,261 @@ const Be = { class: "plugin-card__main" }, Ae = ["src"], Fe = { class: "plugin-c
     showToolCount: { type: Boolean, default: !0 }
   },
   emits: ["toggle-plugin", "toggle-tool", "add-plugin", "delete-plugin"],
-  setup(m, { emit: p }) {
-    const t = m, r = p, c = D(t.plugin.expanded || !1), k = y(() => {
-      var i;
-      return ((i = t.plugin.tools) == null ? void 0 : i.length) || 0;
-    }), v = y(() => k.value > 0), T = y(() => ({
-      "plugin-card--expandable": v.value,
+  setup(g, { emit: b }) {
+    const e = g, r = b, c = V(e.plugin.expanded || !1), f = p(() => {
+      var a;
+      return ((a = e.plugin.tools) == null ? void 0 : a.length) || 0;
+    }), h = p(() => f.value > 0), C = p(() => ({
+      "plugin-card--expandable": h.value,
       "plugin-card--expanded": c.value,
-      [`plugin-card--${t.mode}`]: !0
-    })), V = () => {
-      v.value && (c.value = !c.value);
-    }, a = y(() => {
-      if (!v.value)
-        return { checked: t.plugin.enabled || !1, indeterminate: !1 };
-      const i = t.plugin.tools.filter((w) => w.enabled), C = t.plugin.tools.length;
-      return i.length === 0 ? { checked: !1, indeterminate: !1 } : i.length === C ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
-    }), h = (i) => {
-      v.value && t.plugin.tools.forEach((C) => {
-        C.enabled !== i && (C.enabled = i, r("toggle-tool", C.id, i));
-      }), r("toggle-plugin", i);
-    }, R = (i, C) => {
-      r("toggle-tool", i, C);
-    }, _ = () => {
+      [`plugin-card--${e.mode}`]: !0
+    })), w = () => {
+      h.value && (c.value = !c.value);
+    }, $ = p(() => {
+      if (!h.value)
+        return { checked: e.plugin.enabled || !1, indeterminate: !1 };
+      const a = e.plugin.tools.filter((y) => y.enabled), _ = e.plugin.tools.length;
+      return a.length === 0 ? { checked: !1, indeterminate: !1 } : a.length === _ ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
+    }), Q = (a) => {
+      h.value && e.plugin.tools.forEach((_) => {
+        _.enabled !== a && (_.enabled = a, r("toggle-tool", _.id, a));
+      }), r("toggle-plugin", a);
+    }, R = (a, _) => {
+      r("toggle-tool", a, _);
+    }, D = () => {
       r("delete-plugin");
-    }, P = y(() => t.plugin.added || !1), N = () => {
-      const i = !P.value;
-      r("add-plugin", i);
-    }, z = (i) => i ? "关闭插件" : "打开插件";
-    return (i, C) => (s(), d("div", {
-      class: K(["plugin-card", T.value])
+    }, x = p(() => e.plugin.addState || "idle"), I = (a) => {
+      x.value === "idle" && r("add-plugin", a);
+    }, E = (a) => a ? "关闭插件" : "打开插件";
+    return (a, _) => (o(), i("div", {
+      class: G(["plugin-card", C.value])
     }, [
-      e("div", Be, [
-        e("img", {
-          src: i.plugin.icon,
+      s("div", xe, [
+        s("img", {
+          src: a.plugin.icon,
           class: "plugin-card__icon"
-        }, null, 8, Ae),
-        e("div", Fe, [
-          e("div", Ie, [
-            e("span", Me, U(i.plugin.name), 1),
-            i.showToolCount && k.value ? (s(), d("span", Ee, U(k.value) + " 个工具 ", 1)) : b("", !0)
+        }, null, 8, Be),
+        s("div", Ve, [
+          s("div", Ae, [
+            s("span", Fe, S(a.plugin.name), 1),
+            a.showToolCount && f.value ? (o(), i("span", Me, S(f.value) + " 个工具 ", 1)) : v("", !0)
           ]),
-          e("div", {
+          s("div", {
             class: "plugin-card__desc",
-            title: i.plugin.description
-          }, U(i.plugin.description), 9, Le)
+            title: a.plugin.description
+          }, S(a.plugin.description), 9, De)
         ]),
-        e("div", Oe, [
-          j(i.$slots, "actions", {
-            plugin: i.plugin,
+        s("div", Ie, [
+          U(a.$slots, "actions", {
+            plugin: a.plugin,
             expanded: c.value,
-            mode: i.mode
+            mode: a.mode
           }, () => [
-            i.mode === "installed" ? (s(), d(I, { key: 0 }, [
-              v.value ? (s(), d("div", {
+            a.mode === "installed" ? (o(), i(F, { key: 0 }, [
+              h.value ? (o(), i("div", {
                 key: 0,
                 class: "plugin-card__expand",
-                onClick: V
+                onClick: w
               }, [
-                j(i.$slots, "expand-icon", { expanded: c.value }, () => [
-                  c.value ? (s(), x(u($e), {
+                U(a.$slots, "expand-icon", { expanded: c.value }, () => [
+                  c.value ? (o(), k(d(be), {
                     key: 1,
                     class: "common-icon"
-                  })) : (s(), x(u(Pe), {
+                  })) : (o(), k(d(ke), {
                     key: 0,
                     class: "common-icon"
                   }))
                 ], !0)
-              ])) : b("", !0),
-              e("div", Re, [
-                g(u(be), {
+              ])) : v("", !0),
+              s("div", Ee, [
+                m(d(ve), {
                   title: "确定移除该插件吗？",
                   style: { height: "16px" },
                   type: "info",
-                  onConfirm: _,
+                  onConfirm: D,
                   trigger: "click"
                 }, {
-                  reference: S(() => [
-                    j(i.$slots, "delete-icon", {}, () => [
-                      e("span", Ne, [
-                        g(u(xe), { class: "common-icon" })
+                  reference: T(() => [
+                    U(a.$slots, "delete-icon", {}, () => [
+                      s("span", Le, [
+                        m(d(Te), { class: "common-icon delete" })
                       ])
                     ], !0)
                   ]),
                   _: 3
                 }),
-                g(u(ee), {
-                  title: z(a.value.checked),
-                  "model-value": a.value.checked,
-                  indeterminate: a.value.indeterminate,
-                  "onUpdate:modelValue": h
+                m(d(X), {
+                  title: E($.value.checked),
+                  "model-value": $.value.checked,
+                  indeterminate: $.value.indeterminate,
+                  "onUpdate:modelValue": Q
                 }, null, 8, ["title", "model-value", "indeterminate"])
               ])
-            ], 64)) : i.mode === "market" ? (s(), d("div", ze, [
-              j(i.$slots, "add-button", {}, () => [
-                e("div", {
-                  class: K(["plugin-card__add-button", { "plugin-card__add-button--added": P.value }]),
-                  onClick: N
+            ], 64)) : a.mode === "market" ? (o(), i("div", Ue, [
+              U(a.$slots, "add-button", {}, () => [
+                s("div", {
+                  class: G(["plugin-card__add-button", {
+                    "plugin-card__add-button--loading": x.value === "loading",
+                    "plugin-card__add-button--added": x.value === "added"
+                  }]),
+                  onClick: _[0] || (_[0] = (y) => I(a.plugin))
                 }, [
-                  e("span", null, U(P.value ? "已添加" : "添加"), 1)
+                  x.value === "idle" ? (o(), i("span", Ne, "添加")) : x.value === "loading" ? (o(), i("span", Oe, "添加中")) : (o(), i("span", qe, "已添加"))
                 ], 2)
               ], !0)
-            ])) : b("", !0)
+            ])) : v("", !0)
           ], !0)
         ])
       ]),
-      v.value ? (s(), x(Y, {
+      h.value ? (o(), k(K, {
         key: 0,
         name: "plugin-card-slide"
       }, {
-        default: S(() => [
-          F(e("div", qe, [
-            C[1] || (C[1] = e("div", { class: "plugin-card__divider" }, null, -1)),
-            (s(!0), d(I, null, H(i.plugin.tools, (w, A) => {
-              var q;
-              return s(), d("div", {
-                key: w.id,
+        default: T(() => [
+          pe(s("div", ze, [
+            _[2] || (_[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
+            (o(!0), i(F, null, N(a.plugin.tools, (y, A) => {
+              var L;
+              return o(), i("div", {
+                key: y.id,
                 class: "plugin-card__tool-item"
               }, [
-                e("div", je, [
-                  C[0] || (C[0] = e("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
-                  e("div", He, [
-                    e("div", Qe, [
-                      e("span", Je, U(w.name), 1)
+                s("div", Qe, [
+                  _[1] || (_[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
+                  s("div", Re, [
+                    s("div", je, [
+                      s("span", He, S(y.name), 1)
                     ]),
-                    e("div", {
+                    s("div", {
                       class: "plugin-card__desc",
-                      title: w.description
-                    }, U(w.description), 9, Ge)
+                      title: y.description
+                    }, S(y.description), 9, Ge)
                   ]),
-                  e("div", We, [
-                    g(u(ee), {
-                      title: z(w.enabled),
-                      "model-value": w.enabled,
-                      "onUpdate:modelValue": (W) => R(w.id, W)
+                  s("div", Je, [
+                    m(d(X), {
+                      title: E(y.enabled),
+                      "model-value": y.enabled,
+                      "onUpdate:modelValue": (j) => R(y.id, j)
                     }, null, 8, ["title", "model-value", "onUpdate:modelValue"])
                   ])
                 ]),
-                A < (((q = i.plugin.tools) == null ? void 0 : q.length) || 0) - 1 ? (s(), d("div", Ke)) : b("", !0)
+                A < (((L = a.plugin.tools) == null ? void 0 : L.length) || 0) - 1 ? (o(), i("div", Ke)) : v("", !0)
               ]);
             }), 128))
           ], 512), [
-            [ve, c.value]
+            [ge, c.value]
           ])
         ]),
         _: 1
-      })) : b("", !0)
+      })) : v("", !0)
     ], 2));
   }
-}), se = /* @__PURE__ */ E(Xe, [["__scopeId", "data-v-ada02cb9"]]), Ye = { class: "code-editor__container" }, Ze = { class: "code-editor__section" }, et = { class: "code-editor__area" }, tt = /* @__PURE__ */ M({
-  __name: "CodeEditor",
-  props: {
-    codeData: { required: !0 },
-    codeDataModifiers: {}
-  },
-  emits: ["update:codeData"],
-  setup(m) {
-    const p = G(m, "codeData");
-    return (t, r) => (s(), d("div", Ye, [
-      e("div", Ze, [
-        r[1] || (r[1] = e("div", { class: "code-editor__header" }, [
-          e("span", { class: "code-editor__title" }, "ai_plugin（填写json）")
-        ], -1)),
-        e("div", et, [
-          F(e("textarea", {
-            "onUpdate:modelValue": r[0] || (r[0] = (c) => p.value = c),
-            class: "code-editor__textarea",
-            placeholder: "请输入 JSON 配置..."
-          }, null, 512), [
-            [O, p.value]
-          ])
-        ])
-      ])
-    ]));
-  }
-}), lt = /* @__PURE__ */ E(tt, [["__scopeId", "data-v-87ddff5d"]]), ot = { class: "form-editor__container" }, at = { class: "form-editor__item" }, st = { class: "form-editor__item" }, nt = { class: "form-editor__item" }, it = { class: "form-editor__item" }, rt = { class: "form-editor__item" }, dt = { class: "form-editor__item" }, ut = ["src"], ne = "https://res.hc-cdn.com/tinyui-design/1.1.0.20250526191525/home/images/tiny-ng.svg", ct = /* @__PURE__ */ M({
-  __name: "FormEditor",
-  props: {
-    formData: { required: !0 },
-    formDataModifiers: {}
-  },
-  emits: ["update:formData"],
-  setup(m) {
-    const p = D(""), t = G(m, "formData"), r = [
-      { label: "sse", text: "服务器发送事件（SSE）" },
-      { label: "streamableHttp", text: "流式HTTP（Streamable HTTP）" }
-    ], { open: c, files: k } = Ve({
-      accept: "image/*",
-      // 只接受图片文件
-      multiple: !1
-      // 只允许选择单个文件
-    }), v = () => {
-      p.value && p.value !== ne && (URL.revokeObjectURL(p.value), p.value = "");
-    };
-    Q(k, (V) => {
-      if (V && V.length > 0) {
-        const a = V[0];
-        if (!a.type.startsWith("image/"))
-          return;
-        const h = 5 * 1024 * 1024;
-        if (a.size > h)
-          return;
-        v(), p.value = URL.createObjectURL(a), t.value.thumbnail = a;
-      }
-    });
-    const T = () => {
-      c();
-    };
-    return fe(() => {
-      v();
-    }), (V, a) => (s(), d("form", ot, [
-      e("div", at, [
-        a[5] || (a[5] = e("label", { class: "form-editor__label" }, "名称", -1)),
-        F(e("input", {
-          "onUpdate:modelValue": a[0] || (a[0] = (h) => t.value.name = h),
-          class: "form-editor__input",
-          type: "text",
-          placeholder: "请输入插件名称"
-        }, null, 512), [
-          [O, t.value.name]
-        ])
-      ]),
-      e("div", st, [
-        a[6] || (a[6] = e("label", { class: "form-editor__label" }, "描述", -1)),
-        F(e("textarea", {
-          "onUpdate:modelValue": a[1] || (a[1] = (h) => t.value.description = h),
-          class: "form-editor__textarea",
-          placeholder: "请输入插件描述"
-        }, null, 512), [
-          [O, t.value.description]
-        ])
-      ]),
-      e("div", nt, [
-        a[7] || (a[7] = e("label", { class: "form-editor__label" }, "类型", -1)),
-        g(u(re), {
-          modelValue: t.value.type,
-          "onUpdate:modelValue": a[2] || (a[2] = (h) => t.value.type = h),
-          options: r,
-          class: "form-editor__radio-group"
-        }, null, 8, ["modelValue"])
-      ]),
-      e("div", it, [
-        a[8] || (a[8] = e("label", { class: "form-editor__label" }, "URL", -1)),
-        F(e("input", {
-          "onUpdate:modelValue": a[3] || (a[3] = (h) => t.value.url = h),
-          class: "form-editor__input",
-          type: "url",
-          placeholder: "请输入插件URL"
-        }, null, 512), [
-          [O, t.value.url]
-        ])
-      ]),
-      e("div", rt, [
-        a[9] || (a[9] = e("label", { class: "form-editor__label" }, "请求头", -1)),
-        F(e("textarea", {
-          "onUpdate:modelValue": a[4] || (a[4] = (h) => t.value.headers = h),
-          class: "form-editor__textarea",
-          placeholder: "请输入请求头，格式为JSON"
-        }, null, 512), [
-          [O, t.value.headers]
-        ])
-      ]),
-      e("div", dt, [
-        a[11] || (a[11] = e("label", { class: "form-editor__label" }, "缩略图", -1)),
-        e("div", {
-          class: "form-editor__file-upload",
-          onClick: T
-        }, [
-          e("img", {
-            src: p.value || ne,
-            alt: "缩略图预览",
-            class: "form-editor__file-preview-image"
-          }, null, 8, ut),
-          a[10] || (a[10] = e("div", { class: "form-editor__file-overlay" }, [
-            e("div", { class: "form-editor__file-icon" })
-          ], -1))
-        ])
-      ])
-    ]));
-  }
-}), pt = /* @__PURE__ */ E(ct, [["__scopeId", "data-v-7cd7ea10"]]), mt = {
+}), te = /* @__PURE__ */ z(We, [["__scopeId", "data-v-c4e722eb"]]), Xe = {
   key: 0,
   class: "plugin-editor__backdrop"
-}, _t = { class: "plugin-editor__header" }, gt = { class: "plugin-editor__content" }, vt = { class: "plugin-editor__add-type" }, ft = {
-  key: 0,
-  class: "plugin-editor__form-editor"
-}, ht = {
-  key: 1,
-  class: "plugin-editor__code-editor"
-}, yt = /* @__PURE__ */ M({
+}, Ye = { class: "plugin-editor__header" }, Ze = /* @__PURE__ */ q({
   __name: "PluginModal",
   props: {
     visible: { type: Boolean, required: !0 },
     visibleModifiers: {}
   },
-  emits: /* @__PURE__ */ X(["update:visible", "confirm"], ["update:visible"]),
-  setup(m, { emit: p }) {
-    const t = p, r = G(m, "visible"), c = D(null), k = D({
-      name: "",
-      description: "",
-      type: "sse",
-      url: "",
-      headers: "",
-      thumbnail: null
-    }), v = D(""), T = D("form"), V = [
-      { label: "form", text: "表单添加" },
-      { label: "code", text: "代码添加" }
-    ], a = () => {
+  emits: /* @__PURE__ */ J(["update:visible", "confirm"], ["update:visible"]),
+  setup(g, { emit: b }) {
+    const e = b, r = oe(g, "visible"), c = V(null), f = () => {
       r.value = !1;
     };
-    Ue(c, () => {
-      r.value && a();
+    Se(c, () => {
+      r.value && f();
     });
-    const h = () => {
-      T.value === "form" ? t("confirm", "form", k.value) : t("confirm", "code", v.value), a();
+    const h = (C, w) => {
+      C === "form" ? e("confirm", "form", w) : e("confirm", "code", w), f();
     };
-    return (R, _) => (s(), d(I, null, [
-      r.value ? (s(), d("div", mt)) : b("", !0),
-      g(Y, { name: "plugin-editor" }, {
-        default: S(() => [
-          r.value ? (s(), d("div", {
+    return (C, w) => (o(), i(F, null, [
+      r.value ? (o(), i("div", Xe)) : v("", !0),
+      m(K, { name: "plugin-editor" }, {
+        default: T(() => [
+          r.value ? (o(), i("div", {
             key: 0,
             class: "plugin-editor",
             ref_key: "dialogRef",
             ref: c
           }, [
-            e("div", _t, [
-              _[3] || (_[3] = e("h3", { class: "plugin-editor__title" }, "添加插件", -1)),
-              g(u(de), {
+            s("div", Ye, [
+              w[0] || (w[0] = s("h3", { class: "plugin-editor__title" }, "添加插件", -1)),
+              m(d(ae), {
                 class: "plugin-editor__close",
-                onClick: a
+                onClick: f
               })
             ]),
-            e("div", gt, [
-              e("div", vt, [
-                _[4] || (_[4] = e("span", { class: "plugin-editor__add-type-label" }, "添加方式", -1)),
-                g(u(re), {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": _[0] || (_[0] = (P) => T.value = P),
-                  type: "button",
-                  options: V
-                }, null, 8, ["modelValue"])
-              ]),
-              T.value === "form" ? (s(), d("div", ft, [
-                g(pt, {
-                  "form-data": k.value,
-                  "onUpdate:formData": _[1] || (_[1] = (P) => k.value = P)
-                }, null, 8, ["form-data"])
-              ])) : b("", !0),
-              T.value === "code" ? (s(), d("div", ht, [
-                g(lt, {
-                  "code-data": v.value,
-                  "onUpdate:codeData": _[2] || (_[2] = (P) => v.value = P)
-                }, null, 8, ["code-data"])
-              ])) : b("", !0)
-            ]),
-            e("div", { class: "plugin-editor__footer" }, [
-              e("div", {
-                class: "button cancel",
-                onClick: a
-              }, [..._[5] || (_[5] = [
-                e("span", null, "取消", -1)
-              ])]),
-              e("div", {
-                class: "button confirm",
-                onClick: h
-              }, [..._[6] || (_[6] = [
-                e("span", null, "确定", -1)
-              ])])
-            ])
-          ], 512)) : b("", !0)
+            m(d($e), {
+              onConfirm: h,
+              onCancel: f
+            })
+          ], 512)) : v("", !0)
         ]),
         _: 1
       })
     ], 64));
   }
-}), bt = /* @__PURE__ */ E(yt, [["__scopeId", "data-v-192c66c9"]]), kt = {
+}), et = /* @__PURE__ */ z(Ze, [["__scopeId", "data-v-f2f12f4a"]]), tt = {
   class: "empty-state",
   role: "status",
   "aria-live": "polite"
-}, Tt = {
+}, lt = {
   key: 1,
-  src: De,
+  src: we,
   class: "empty-state__illustration"
-}, Ct = { class: "empty-state__message" }, Pt = /* @__PURE__ */ M({
+}, ot = { class: "empty-state__message" }, at = /* @__PURE__ */ q({
   __name: "NoData",
   props: {
     searchQuery: { default: "" }
   },
-  setup(m) {
-    const p = m, t = y(() => {
+  setup(g) {
+    const b = g, e = p(() => {
       var c;
-      return !!((c = p.searchQuery) != null && c.trim());
-    }), r = y(() => t.value ? "暂无搜索结果" : "暂无数据");
-    return (c, k) => (s(), d("section", kt, [
-      t.value ? (s(), x(u(we), {
+      return !!((c = b.searchQuery) != null && c.trim());
+    }), r = p(() => e.value ? "暂无搜索结果" : "暂无数据");
+    return (c, f) => (o(), i("section", tt, [
+      e.value ? (o(), k(d(Ce), {
         key: 0,
         class: "empty-state__illustration"
-      })) : (s(), d("img", Tt)),
-      e("p", Ct, U(r.value), 1)
+      })) : (o(), i("img", lt)),
+      s("p", ot, S(r.value), 1)
     ]));
   }
-}), ie = /* @__PURE__ */ E(Pt, [["__scopeId", "data-v-839781e5"]]), $t = { class: "mcp-server-picker__header" }, xt = { class: "mcp-server-picker__header-left" }, wt = { class: "mcp-server-picker__header-right" }, St = { class: "mcp-server-picker__content" }, Dt = {
+}), le = /* @__PURE__ */ z(at, [["__scopeId", "data-v-05810d65"]]), nt = { class: "mcp-server-picker__header" }, it = { class: "mcp-server-picker__header-left" }, st = { class: "mcp-server-picker__header-right" }, rt = { class: "mcp-server-picker__content" }, dt = {
   key: 0,
   class: "mcp-server-picker__content-installed-search"
-}, Vt = {
+}, ct = {
   key: 1,
   class: "mcp-server-picker__content-list"
-}, Ut = {
+}, ut = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, Bt = {
+}, pt = {
   key: 0,
   class: "mcp-server-picker__content-market-header"
-}, At = {
+}, gt = {
   key: 0,
   style: { width: "168px" }
-}, Ft = {
+}, _t = {
   key: 1,
   style: { width: "264px", "flex-shrink": "0" }
-}, It = {
+}, mt = {
   key: 1,
   class: "mcp-server-picker__content-list"
-}, Mt = {
+}, vt = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, Et = /* @__PURE__ */ M({
+}, ft = /* @__PURE__ */ q({
   __name: "index",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ J({
     installedPlugins: { default: () => [] },
     marketPlugins: { default: () => [] },
     searchPlaceholder: { default: "搜索插件" },
     enableSearch: { type: Boolean, default: !0 },
-    installedSearchFn: { type: Function, default: (m, p) => m ? p.name.toLowerCase().includes(m.toLowerCase()) : !0 },
-    marketSearchFn: { type: Function, default: (m, p) => m ? p.name.toLowerCase().includes(m.toLowerCase()) : !0 },
+    installedSearchFn: { type: Function, default: (g, b) => g ? b.name.toLowerCase().includes(g.toLowerCase()) : !0 },
+    marketSearchFn: { type: Function, default: (g, b) => g ? b.name.toLowerCase().includes(g.toLowerCase()) : !0 },
     marketCategoryOptions: { default: () => [] },
     marketCategoryPlaceholder: { default: "按照分类筛选" },
     enableMarketCategoryFilter: { type: Boolean, default: !0 },
@@ -482,253 +305,252 @@ const Be = { class: "plugin-card__main" }, Ae = ["src"], Fe = { class: "plugin-c
     visible: { type: Boolean, required: !0 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["market-category-change", "tab-change", "plugin-toggle", "plugin-delete", "plugin-add", "plugin-create", "tool-toggle", "refresh", "update:activeCount", "update:visible"], ["update:visible"]),
-  setup(m, { emit: p }) {
-    const t = m, r = p, c = D(t.defaultActiveTab), k = D(""), v = D(""), T = D(""), V = y(
-      () => c.value === "installed" ? t.searchPlaceholder : "搜索市场插件"
-    ), a = y(() => t.installedPlugins), h = y(() => t.marketPlugins), R = y(() => !a.value || a.value.length === 0 ? 0 : a.value.filter((l) => l.enabled).length);
-    Q(
+  emits: /* @__PURE__ */ J(["market-category-change", "tab-change", "plugin-toggle", "plugin-delete", "plugin-add", "plugin-create", "tool-toggle", "refresh", "update:activeCount", "update:visible"], ["update:visible"]),
+  setup(g, { emit: b }) {
+    const e = g, r = b, c = V(e.defaultActiveTab), f = V(""), h = V(""), C = V(""), w = p(
+      () => c.value === "installed" ? e.searchPlaceholder : "搜索市场插件"
+    ), $ = p(() => e.installedPlugins), Q = p(() => e.marketPlugins), R = p(() => !$.value || $.value.length === 0 ? 0 : $.value.filter((t) => t.enabled).length);
+    H(
       R,
-      (l) => {
-        r("update:activeCount", l);
+      (t) => {
+        r("update:activeCount", t);
       },
       { immediate: !0 }
-    ), Q(c, (l, n) => {
-      l !== n && r("tab-change", l);
+    ), H(c, (t, n) => {
+      t !== n && r("tab-change", t);
     });
-    const _ = y(() => a.value.filter((l) => t.installedSearchFn(k.value, l))), P = y(() => {
-      const { category: l, search: n } = {
-        category: T.value,
-        search: v.value
-      }, f = (o) => {
-        const $ = !l || o.category === l, B = !n || t.marketSearchFn(n, o);
-        return $ && B;
+    const D = p(() => $.value.filter((t) => e.installedSearchFn(f.value, t))), x = p(() => {
+      const { category: t, search: n } = {
+        category: C.value,
+        search: h.value
+      }, u = (l) => {
+        const P = !t || l.category === t, B = !n || e.marketSearchFn(n, l);
+        return P && B;
       };
-      return h.value.filter(f);
-    }), N = y(() => c.value === "installed" ? _.value.length > 0 : P.value.length > 0);
-    Q(T, (l) => {
-      r("market-category-change", l);
+      return Q.value.filter(u);
+    }), I = p(() => c.value === "installed" ? D.value.length > 0 : x.value.length > 0);
+    H(C, (t) => {
+      r("market-category-change", t);
     });
-    const z = (l, n) => {
-      var f;
-      t.allowPluginToggle && (r("plugin-toggle", l, n), (f = l.tools) != null && f.length && (n ? l.tools.filter(($) => $.enabled).length === 0 && l.tools.forEach(($) => {
-        r("tool-toggle", l, $.id, !0);
-      }) : l.tools.forEach((o) => {
-        o.enabled && r("tool-toggle", l, o.id, !1);
+    const E = (t, n) => {
+      var u;
+      e.allowPluginToggle && (r("plugin-toggle", t, n), (u = t.tools) != null && u.length && (n ? t.tools.filter((P) => P.enabled).length === 0 && t.tools.forEach((P) => {
+        r("tool-toggle", t, P.id, !0);
+      }) : t.tools.forEach((l) => {
+        l.enabled && r("tool-toggle", t, l.id, !1);
       })));
-    }, i = (l, n, f) => {
-      var o;
-      if (t.allowToolToggle && (r("tool-toggle", l, n, f), (o = l.tools) != null && o.length)) {
-        const $ = l.tools.filter((L) => L.id !== n).some((L) => L.enabled), B = f || $;
-        l.enabled !== B && r("plugin-toggle", l, B);
+    }, a = (t, n, u) => {
+      var l;
+      if (e.allowToolToggle && (r("tool-toggle", t, n, u), (l = t.tools) != null && l.length)) {
+        const P = t.tools.filter((M) => M.id !== n).some((M) => M.enabled), B = u || P;
+        t.enabled !== B && r("plugin-toggle", t, B);
       }
-    }, C = (l) => {
-      t.allowPluginDelete && (oe.message({
-        message: `${l.name} 已移除`,
-        status: "success"
-      }), r("plugin-delete", l));
-    }, w = (l, n) => {
-      t.allowPluginAdd && (n && oe.message({
-        message: `${l.name} 已添加`,
-        status: "success"
-      }), r("plugin-add", l, n));
-    }, A = D(!1), q = () => {
+    }, _ = (t) => {
+      e.allowPluginDelete && r("plugin-delete", t);
+    }, y = (t) => {
+      e.allowPluginAdd && r("plugin-add", t);
+    }, A = V(!1), L = () => {
       A.value = !0;
-    }, W = (l, n) => {
-      r("plugin-create", l, n), A.value = !1;
-    }, ue = G(m, "visible"), ce = () => {
+    }, j = (t, n) => {
+      r("plugin-create", t, n), A.value = !1;
+    }, ne = oe(g, "visible"), ie = () => {
       r("update:visible", !1);
-    }, pe = y(() => {
-      const { type: l, position: n, drawer: f } = t.popupConfig || {}, o = {
+    }, se = p(() => {
+      const { type: t, position: n, drawer: u } = e.popupConfig || {}, l = {
         "z-index": "1000",
         position: "fixed"
       };
-      return l === "fixed" ? {
-        ...o,
-        ...me(n)
-      } : l === "drawer" ? {
-        ...o,
-        ..._e(f)
-      } : o;
-    }), me = (l = {}) => {
+      return t === "fixed" ? {
+        ...l,
+        ...re(n)
+      } : t === "drawer" ? {
+        ...l,
+        ...de(u)
+      } : l;
+    }), re = (t = {}) => {
       const n = {};
-      return Object.entries(l).forEach(([f, o]) => {
-        o !== void 0 && (n[f] = typeof o == "number" ? `${o}px` : o);
+      return Object.entries(t).forEach(([u, l]) => {
+        l !== void 0 && (n[u] = typeof l == "number" ? `${l}px` : l);
       }), Object.keys(n).length === 0 ? {
         top: "50%",
         left: "50%",
         transform: "translate(-50%, -50%)"
       } : n;
-    }, _e = (l = { direction: "right" }) => {
-      const { direction: n } = l, f = {
+    }, de = (t = { direction: "right" }) => {
+      const { direction: n } = t, u = {
         top: "0",
         bottom: "0",
         height: "100%"
       };
       return n === "left" ? {
-        ...f,
+        ...u,
         left: "0",
         "border-right": "1px solid rgb(219, 219, 219)"
       } : {
-        ...f,
+        ...u,
         right: "0",
         "border-left": "1px solid rgb(219, 219, 219)"
       };
-    }, Z = y(() => {
-      const { type: l, drawer: n } = t.popupConfig || {};
-      return l !== "drawer" ? "" : `drawer-${(n == null ? void 0 : n.direction) || "right"}`;
-    }), ge = y(() => {
-      const { type: l } = t.popupConfig || {};
-      return l === "drawer" ? Z.value : "fade";
-    });
-    return (l, n) => (s(), x(Y, { name: ge.value }, {
-      default: S(() => {
-        var f;
+    }, W = p(() => {
+      const { type: t, drawer: n } = e.popupConfig || {};
+      return t !== "drawer" ? "" : `drawer-${(n == null ? void 0 : n.direction) || "right"}`;
+    }), ce = p(() => {
+      const { type: t } = e.popupConfig || {};
+      return t === "drawer" ? W.value : "fade";
+    }), ue = {
+      background: "var(--tr-mcp-server-picker-bg-default-2)",
+      color: "var(--tr-text-primary)"
+    };
+    return (t, n) => (o(), k(K, { name: ce.value }, {
+      default: T(() => {
+        var u;
         return [
-          ue.value ? (s(), d("div", {
+          ne.value ? (o(), i("div", {
             key: 0,
-            class: K(["mcp-server-picker", [`popup-type-${((f = t.popupConfig) == null ? void 0 : f.type) || "fixed"}`, Z.value]]),
-            style: he(pe.value)
+            class: G(["mcp-server-picker", [`popup-type-${((u = e.popupConfig) == null ? void 0 : u.type) || "fixed"}`, W.value]]),
+            style: _e(se.value)
           }, [
-            e("div", $t, [
-              e("div", xt, U(t.title), 1),
-              e("div", wt, [
-                t.showCustomAddButton ? (s(), d("div", {
+            s("div", nt, [
+              s("div", it, S(e.title), 1),
+              s("div", st, [
+                e.showCustomAddButton ? (o(), i("div", {
                   key: 0,
                   class: "mcp-server-picker__header-right-item",
-                  onClick: q
+                  onClick: L
                 }, [
-                  g(u(Se), { style: { "font-size": "16px", cursor: "pointer" } }),
-                  e("span", null, U(t.customAddButtonText), 1)
-                ])) : b("", !0),
-                g(u(de), {
+                  m(d(Pe), { class: "mcp-server-picker__icon" }),
+                  s("span", null, S(e.customAddButtonText), 1)
+                ])) : v("", !0),
+                m(d(ae), {
                   class: "mcp-server-picker__header-right-close",
-                  onClick: ce
+                  onClick: ie
                 })
               ])
             ]),
-            e("div", St, [
-              g(u(ke), {
+            s("div", rt, [
+              m(d(fe), {
                 modelValue: c.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (o) => c.value = o)
+                "onUpdate:modelValue": n[3] || (n[3] = (l) => c.value = l)
               }, {
-                default: S(() => [
-                  t.showInstalledTab ? (s(), x(u(te), {
+                default: T(() => [
+                  e.showInstalledTab ? (o(), k(d(Y), {
                     key: 0,
-                    title: t.installedTabTitle,
+                    title: e.installedTabTitle,
                     name: "installed"
                   }, {
-                    default: S(() => [
-                      t.enableSearch ? (s(), d("div", Dt, [
-                        g(u(le), {
-                          modelValue: k.value,
-                          "onUpdate:modelValue": n[0] || (n[0] = (o) => k.value = o),
-                          placeholder: t.searchPlaceholder
+                    default: T(() => [
+                      e.enableSearch ? (o(), i("div", dt, [
+                        m(d(Z), {
+                          modelValue: f.value,
+                          "onUpdate:modelValue": n[0] || (n[0] = (l) => f.value = l),
+                          placeholder: e.searchPlaceholder
                         }, {
-                          suffix: S(() => [
-                            g(u(ae), { style: { "font-size": "16px", cursor: "pointer" } })
+                          suffix: T(() => [
+                            m(d(ee), { class: "mcp-server-picker__icon" })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "placeholder"])
-                      ])) : b("", !0),
-                      N.value ? (s(), d("div", Vt, [
-                        t.loading ? (s(), d("div", Ut, "加载中...")) : (s(!0), d(I, { key: 1 }, H(_.value, (o) => {
-                          var $;
-                          return s(), x(u(se), {
-                            key: o.id,
-                            plugin: o,
+                      ])) : v("", !0),
+                      I.value ? (o(), i("div", ct, [
+                        e.loading ? (o(), i("div", ut, "加载中...")) : (o(!0), i(F, { key: 1 }, N(D.value, (l) => {
+                          var P;
+                          return o(), k(d(te), {
+                            key: l.id,
+                            plugin: l,
                             mode: "installed",
-                            expandable: !!(($ = o.tools) != null && $.length),
-                            onTogglePlugin: (B) => z(o, B),
-                            onToggleTool: (B, L) => i(o, B, L),
-                            onDeletePlugin: () => C(o)
+                            expandable: !!((P = l.tools) != null && P.length),
+                            onTogglePlugin: (B) => E(l, B),
+                            onToggleTool: (B, M) => a(l, B, M),
+                            onDeletePlugin: () => _(l)
                           }, null, 8, ["plugin", "expandable", "onTogglePlugin", "onToggleTool", "onDeletePlugin"]);
                         }), 128))
-                      ])) : (s(), x(u(ie), {
+                      ])) : (o(), k(d(le), {
                         key: 2,
-                        "search-query": k.value
+                        "search-query": f.value
                       }, null, 8, ["search-query"]))
                     ]),
                     _: 1
-                  }, 8, ["title"])) : b("", !0),
-                  t.showMarketTab ? (s(), x(u(te), {
+                  }, 8, ["title"])) : v("", !0),
+                  e.showMarketTab ? (o(), k(d(Y), {
                     key: 1,
-                    title: t.marketTabTitle,
+                    title: e.marketTabTitle,
                     name: "market"
                   }, {
-                    default: S(() => [
-                      t.enableSearch || t.enableMarketCategoryFilter ? (s(), d("div", Bt, [
-                        t.enableMarketCategoryFilter ? (s(), d("div", At, [
-                          g(u(Te), {
-                            modelValue: T.value,
-                            "onUpdate:modelValue": n[1] || (n[1] = (o) => T.value = o),
-                            placeholder: t.marketCategoryPlaceholder
+                    default: T(() => [
+                      e.enableSearch || e.enableMarketCategoryFilter ? (o(), i("div", pt, [
+                        e.enableMarketCategoryFilter ? (o(), i("div", gt, [
+                          m(d(he), {
+                            modelValue: C.value,
+                            "onUpdate:modelValue": n[1] || (n[1] = (l) => C.value = l),
+                            placeholder: e.marketCategoryPlaceholder,
+                            "drop-style": ue
                           }, {
-                            default: S(() => [
-                              (s(!0), d(I, null, H(t.marketCategoryOptions, (o) => (s(), x(u(Ce), {
-                                key: o.value,
-                                label: o.label,
-                                value: o.value
+                            default: T(() => [
+                              (o(!0), i(F, null, N(e.marketCategoryOptions, (l) => (o(), k(d(ye), {
+                                key: l.value,
+                                label: l.label,
+                                value: l.value,
+                                class: "mcp-server-picker__content-market-header-select-option"
                               }, {
-                                default: S(() => [
-                                  ye(U(o.label), 1)
+                                default: T(() => [
+                                  me(S(l.label), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "value"]))), 128))
                             ]),
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
-                        ])) : b("", !0),
-                        t.enableSearch ? (s(), d("div", Ft, [
-                          g(u(le), {
-                            modelValue: v.value,
-                            "onUpdate:modelValue": n[2] || (n[2] = (o) => v.value = o),
-                            placeholder: V.value
+                        ])) : v("", !0),
+                        e.enableSearch ? (o(), i("div", _t, [
+                          m(d(Z), {
+                            modelValue: h.value,
+                            "onUpdate:modelValue": n[2] || (n[2] = (l) => h.value = l),
+                            placeholder: w.value
                           }, {
-                            suffix: S(() => [
-                              g(u(ae), { style: { "font-size": "16px", cursor: "pointer" } })
+                            suffix: T(() => [
+                              m(d(ee), { class: "mcp-server-picker__icon" })
                             ]),
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
-                        ])) : b("", !0)
-                      ])) : b("", !0),
-                      N.value ? (s(), d("div", It, [
-                        t.marketLoading ? (s(), d("div", Mt, "加载中...")) : (s(!0), d(I, { key: 1 }, H(P.value, (o) => (s(), x(u(se), {
-                          key: o.id,
-                          plugin: o,
+                        ])) : v("", !0)
+                      ])) : v("", !0),
+                      I.value ? (o(), i("div", mt, [
+                        e.marketLoading ? (o(), i("div", vt, "加载中...")) : (o(!0), i(F, { key: 1 }, N(x.value, (l) => (o(), k(d(te), {
+                          key: l.id,
+                          plugin: l,
                           mode: "market",
                           expandable: !1,
                           "show-tool-count": !1,
-                          onAddPlugin: ($) => w(o, $)
-                        }, null, 8, ["plugin", "onAddPlugin"]))), 128))
-                      ])) : (s(), x(u(ie), {
+                          onAddPlugin: y
+                        }, null, 8, ["plugin"]))), 128))
+                      ])) : (o(), k(d(le), {
                         key: 2,
-                        "search-query": v.value || T.value
+                        "search-query": h.value || C.value
                       }, null, 8, ["search-query"]))
                     ]),
                     _: 1
-                  }, 8, ["title"])) : b("", !0)
+                  }, 8, ["title"])) : v("", !0)
                 ]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            g(u(bt), {
+            m(d(et), {
               visible: A.value,
-              "onUpdate:visible": n[4] || (n[4] = (o) => A.value = o),
-              onConfirm: W
+              "onUpdate:visible": n[4] || (n[4] = (l) => A.value = l),
+              onConfirm: j
             }, null, 8, ["visible"])
-          ], 6)) : b("", !0)
+          ], 6)) : v("", !0)
         ];
       }),
       _: 1
     }, 8, ["name"]));
   }
-}), J = /* @__PURE__ */ E(Et, [["__scopeId", "data-v-f4b43bf3"]]);
-J.name = "McpServerPicker";
-const Lt = function(m) {
-  m.component(J.name, J);
+}), O = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-7f8cfb42"]]);
+O.name = "McpServerPicker";
+const ht = function(g) {
+  g.component(O.name, O);
 };
-J.install = Lt;
+O.install = ht;
 export {
-  J as default
+  O as default
 };