@opentiny/tiny-robot 0.3.0-alpha.21 → 0.3.0-alpha.23

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

@@ -1,20 +1,20 @@
-import { defineComponent as O, 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 ce, renderList as N, vShow as pe, mergeModels as J, useModel as oe, watch as H, normalizeStyle as ge, createTextVNode as _e } from "vue";
-import { TinyPopconfirm as me, TinySwitch as X, TinyTabs as ve, TinyTabItem as Y, TinyInput as Z, TinyBaseSelect as fe, TinyOption as he } from "@opentiny/vue";
-import { IconArrowRight as ye, IconArrowDown as ke, IconDelete as be, IconClose as ne, IconEmptySearch as Te, IconPlus as Ce, IconSearch as ee } from "@opentiny/tiny-robot-svgs";
-import { _ as q } from "../_plugin-vue_export-helper.js";
-import { _ as Pe } from "../no-data.js";
-import { o as we } from "../index2.js";
-import Se from "../mcp-add-form/index.js";
-const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-card__content" }, Ve = { class: "plugin-card__info" }, Ae = { class: "plugin-card__name" }, Fe = {
+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"
-}, Me = ["title"], Ie = { class: "plugin-card__actions" }, De = { class: "plugin-card__operations" }, Ee = { title: "移除插件" }, Le = {
+}, De = ["title"], Ie = { class: "plugin-card__actions" }, Ee = { class: "plugin-card__operations" }, Le = { title: "移除插件" }, Ue = {
   key: 1,
   class: "plugin-card__add"
-}, Ue = { key: 0 }, Ne = { key: 1 }, ze = { key: 2 }, Oe = { class: "plugin-card__tools" }, qe = { class: "plugin-card__tool" }, Qe = { class: "plugin-card__content" }, Re = { class: "plugin-card__info" }, je = { class: "plugin-card__name" }, He = ["title"], Ge = { class: "plugin-card__actions plugin-card__actions--tool" }, Je = {
+}, 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"
-}, Ke = /* @__PURE__ */ O({
+}, We = /* @__PURE__ */ q({
   __name: "PluginCard",
   props: {
     plugin: {},
@@ -23,83 +23,83 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
   },
   emits: ["toggle-plugin", "toggle-tool", "add-plugin", "delete-plugin"],
   setup(g, { emit: b }) {
-    const e = g, r = b, u = V(e.plugin.expanded || !1), f = p(() => {
-      var n;
-      return ((n = e.plugin.tools) == null ? void 0 : n.length) || 0;
+    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": u.value,
+      "plugin-card--expanded": c.value,
       [`plugin-card--${e.mode}`]: !0
     })), w = () => {
-      h.value && (u.value = !u.value);
+      h.value && (c.value = !c.value);
     }, $ = p(() => {
       if (!h.value)
         return { checked: e.plugin.enabled || !1, indeterminate: !1 };
-      const n = e.plugin.tools.filter((y) => y.enabled), _ = e.plugin.tools.length;
-      return n.length === 0 ? { checked: !1, indeterminate: !1 } : n.length === _ ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
-    }), Q = (n) => {
+      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 !== n && (_.enabled = n, r("toggle-tool", _.id, n));
-      }), r("toggle-plugin", n);
-    }, R = (n, _) => {
-      r("toggle-tool", n, _);
-    }, I = () => {
+        _.enabled !== a && (_.enabled = a, r("toggle-tool", _.id, a));
+      }), r("toggle-plugin", a);
+    }, R = (a, _) => {
+      r("toggle-tool", a, _);
+    }, D = () => {
       r("delete-plugin");
-    }, x = p(() => e.plugin.addState || "idle"), D = (n) => {
-      x.value === "idle" && r("add-plugin", n);
-    }, E = (n) => n ? "关闭插件" : "打开插件";
-    return (n, _) => (o(), i("div", {
+    }, 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])
     }, [
-      s("div", $e, [
+      s("div", xe, [
         s("img", {
-          src: n.plugin.icon,
+          src: a.plugin.icon,
           class: "plugin-card__icon"
-        }, null, 8, xe),
-        s("div", Be, [
-          s("div", Ve, [
-            s("span", Ae, S(n.plugin.name), 1),
-            n.showToolCount && f.value ? (o(), i("span", Fe, S(f.value) + " 个工具 ", 1)) : v("", !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)
           ]),
           s("div", {
             class: "plugin-card__desc",
-            title: n.plugin.description
-          }, S(n.plugin.description), 9, Me)
+            title: a.plugin.description
+          }, S(a.plugin.description), 9, De)
         ]),
         s("div", Ie, [
-          U(n.$slots, "actions", {
-            plugin: n.plugin,
-            expanded: u.value,
-            mode: n.mode
+          U(a.$slots, "actions", {
+            plugin: a.plugin,
+            expanded: c.value,
+            mode: a.mode
           }, () => [
-            n.mode === "installed" ? (o(), i(F, { key: 0 }, [
+            a.mode === "installed" ? (o(), i(F, { key: 0 }, [
               h.value ? (o(), i("div", {
                 key: 0,
                 class: "plugin-card__expand",
                 onClick: w
               }, [
-                U(n.$slots, "expand-icon", { expanded: u.value }, () => [
-                  u.value ? (o(), k(d(ke), {
+                U(a.$slots, "expand-icon", { expanded: c.value }, () => [
+                  c.value ? (o(), k(d(be), {
                     key: 1,
                     class: "common-icon"
-                  })) : (o(), k(d(ye), {
+                  })) : (o(), k(d(ke), {
                     key: 0,
                     class: "common-icon"
                   }))
                 ], !0)
               ])) : v("", !0),
-              s("div", De, [
-                m(d(me), {
+              s("div", Ee, [
+                m(d(ve), {
                   title: "确定移除该插件吗？",
                   style: { height: "16px" },
                   type: "info",
-                  onConfirm: I,
+                  onConfirm: D,
                   trigger: "click"
                 }, {
                   reference: T(() => [
-                    U(n.$slots, "delete-icon", {}, () => [
-                      s("span", Ee, [
-                        m(d(be), { class: "common-icon delete" })
+                    U(a.$slots, "delete-icon", {}, () => [
+                      s("span", Le, [
+                        m(d(Te), { class: "common-icon delete" })
                       ])
                     ], !0)
                   ]),
@@ -112,16 +112,16 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                   "onUpdate:modelValue": Q
                 }, null, 8, ["title", "model-value", "indeterminate"])
               ])
-            ], 64)) : n.mode === "market" ? (o(), i("div", Le, [
-              U(n.$slots, "add-button", {}, () => [
+            ], 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) => D(n.plugin))
+                  onClick: _[0] || (_[0] = (y) => I(a.plugin))
                 }, [
-                  x.value === "idle" ? (o(), i("span", Ue, "添加")) : x.value === "loading" ? (o(), i("span", Ne, "添加中")) : (o(), i("span", ze, "已添加"))
+                  x.value === "idle" ? (o(), i("span", Ne, "添加")) : x.value === "loading" ? (o(), i("span", Oe, "添加中")) : (o(), i("span", qe, "已添加"))
                 ], 2)
               ], !0)
             ])) : v("", !0)
@@ -133,26 +133,26 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
         name: "plugin-card-slide"
       }, {
         default: T(() => [
-          ce(s("div", Oe, [
+          pe(s("div", ze, [
             _[2] || (_[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
-            (o(!0), i(F, null, N(n.plugin.tools, (y, A) => {
+            (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"
               }, [
-                s("div", qe, [
+                s("div", Qe, [
                   _[1] || (_[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
-                  s("div", Qe, [
-                    s("div", Re, [
-                      s("span", je, S(y.name), 1)
+                  s("div", Re, [
+                    s("div", je, [
+                      s("span", He, S(y.name), 1)
                     ]),
                     s("div", {
                       class: "plugin-card__desc",
                       title: y.description
-                    }, S(y.description), 9, He)
+                    }, S(y.description), 9, Ge)
                   ]),
-                  s("div", Ge, [
+                  s("div", Je, [
                     m(d(X), {
                       title: E(y.enabled),
                       "model-value": y.enabled,
@@ -160,21 +160,21 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                     }, null, 8, ["title", "model-value", "onUpdate:modelValue"])
                   ])
                 ]),
-                A < (((L = n.plugin.tools) == null ? void 0 : L.length) || 0) - 1 ? (o(), i("div", Je)) : v("", !0)
+                A < (((L = a.plugin.tools) == null ? void 0 : L.length) || 0) - 1 ? (o(), i("div", Ke)) : v("", !0)
               ]);
             }), 128))
           ], 512), [
-            [pe, u.value]
+            [ge, c.value]
           ])
         ]),
         _: 1
       })) : v("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ q(Ke, [["__scopeId", "data-v-f406f1f0"]]), We = {
+}), te = /* @__PURE__ */ z(We, [["__scopeId", "data-v-c4e722eb"]]), Xe = {
   key: 0,
   class: "plugin-editor__backdrop"
-}, Xe = { class: "plugin-editor__header" }, Ye = /* @__PURE__ */ O({
+}, Ye = { class: "plugin-editor__header" }, Ze = /* @__PURE__ */ q({
   __name: "PluginModal",
   props: {
     visible: { type: Boolean, required: !0 },
@@ -182,33 +182,33 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
   },
   emits: /* @__PURE__ */ J(["update:visible", "confirm"], ["update:visible"]),
   setup(g, { emit: b }) {
-    const e = b, r = oe(g, "visible"), u = V(null), f = () => {
+    const e = b, r = oe(g, "visible"), c = V(null), f = () => {
       r.value = !1;
     };
-    we(u, () => {
+    Se(c, () => {
       r.value && f();
     });
     const h = (C, w) => {
       C === "form" ? e("confirm", "form", w) : e("confirm", "code", w), f();
     };
     return (C, w) => (o(), i(F, null, [
-      r.value ? (o(), i("div", We)) : v("", !0),
+      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: u
+            ref: c
           }, [
-            s("div", Xe, [
+            s("div", Ye, [
               w[0] || (w[0] = s("h3", { class: "plugin-editor__title" }, "添加插件", -1)),
-              m(d(ne), {
+              m(d(ae), {
                 class: "plugin-editor__close",
                 onClick: f
               })
             ]),
-            m(d(Se), {
+            m(d($e), {
               onConfirm: h,
               onCancel: f
             })
@@ -218,57 +218,57 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
       })
     ], 64));
   }
-}), Ze = /* @__PURE__ */ q(Ye, [["__scopeId", "data-v-b6ec8753"]]), et = {
+}), et = /* @__PURE__ */ z(Ze, [["__scopeId", "data-v-f2f12f4a"]]), tt = {
   class: "empty-state",
   role: "status",
   "aria-live": "polite"
-}, tt = {
+}, lt = {
   key: 1,
-  src: Pe,
+  src: we,
   class: "empty-state__illustration"
-}, lt = { class: "empty-state__message" }, ot = /* @__PURE__ */ O({
+}, ot = { class: "empty-state__message" }, at = /* @__PURE__ */ q({
   __name: "NoData",
   props: {
     searchQuery: { default: "" }
   },
   setup(g) {
     const b = g, e = p(() => {
-      var u;
-      return !!((u = b.searchQuery) != null && u.trim());
+      var c;
+      return !!((c = b.searchQuery) != null && c.trim());
     }), r = p(() => e.value ? "暂无搜索结果" : "暂无数据");
-    return (u, f) => (o(), i("section", et, [
-      e.value ? (o(), k(d(Te), {
+    return (c, f) => (o(), i("section", tt, [
+      e.value ? (o(), k(d(Ce), {
         key: 0,
         class: "empty-state__illustration"
-      })) : (o(), i("img", tt)),
-      s("p", lt, S(r.value), 1)
+      })) : (o(), i("img", lt)),
+      s("p", ot, S(r.value), 1)
     ]));
   }
-}), le = /* @__PURE__ */ q(ot, [["__scopeId", "data-v-839781e5"]]), nt = { class: "mcp-server-picker__header" }, at = { class: "mcp-server-picker__header-left" }, it = { class: "mcp-server-picker__header-right" }, st = { class: "mcp-server-picker__content" }, rt = {
+}), 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"
-}, dt = {
+}, ct = {
   key: 1,
   class: "mcp-server-picker__content-list"
 }, ut = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, ct = {
+}, pt = {
   key: 0,
   class: "mcp-server-picker__content-market-header"
-}, pt = {
+}, gt = {
   key: 0,
   style: { width: "168px" }
-}, gt = {
+}, _t = {
   key: 1,
   style: { width: "264px", "flex-shrink": "0" }
-}, _t = {
+}, mt = {
   key: 1,
   class: "mcp-server-picker__content-list"
-}, mt = {
+}, vt = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, vt = /* @__PURE__ */ O({
+}, ft = /* @__PURE__ */ q({
   __name: "index",
   props: /* @__PURE__ */ J({
     installedPlugins: { default: () => [] },
@@ -307,8 +307,8 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
   }),
   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, u = V(e.defaultActiveTab), f = V(""), h = V(""), C = V(""), w = p(
-      () => u.value === "installed" ? e.searchPlaceholder : "搜索市场插件"
+    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,
@@ -316,33 +316,33 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
         r("update:activeCount", t);
       },
       { immediate: !0 }
-    ), H(u, (t, a) => {
-      t !== a && r("tab-change", t);
+    ), H(c, (t, n) => {
+      t !== n && r("tab-change", t);
     });
-    const I = p(() => $.value.filter((t) => e.installedSearchFn(f.value, t))), x = p(() => {
-      const { category: t, search: a } = {
+    const D = p(() => $.value.filter((t) => e.installedSearchFn(f.value, t))), x = p(() => {
+      const { category: t, search: n } = {
         category: C.value,
         search: h.value
-      }, c = (l) => {
-        const P = !t || l.category === t, B = !a || e.marketSearchFn(a, l);
+      }, u = (l) => {
+        const P = !t || l.category === t, B = !n || e.marketSearchFn(n, l);
         return P && B;
       };
-      return Q.value.filter(c);
-    }), D = p(() => u.value === "installed" ? I.value.length > 0 : x.value.length > 0);
+      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 E = (t, a) => {
-      var c;
-      e.allowPluginToggle && (r("plugin-toggle", t, a), (c = t.tools) != null && c.length && (a ? t.tools.filter((P) => P.enabled).length === 0 && t.tools.forEach((P) => {
+    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);
       })));
-    }, n = (t, a, c) => {
+    }, a = (t, n, u) => {
       var l;
-      if (e.allowToolToggle && (r("tool-toggle", t, a, c), (l = t.tools) != null && l.length)) {
-        const P = t.tools.filter((M) => M.id !== a).some((M) => M.enabled), B = c || P;
+      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);
       }
     }, _ = (t) => {
@@ -351,83 +351,86 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
       e.allowPluginAdd && r("plugin-add", t);
     }, A = V(!1), L = () => {
       A.value = !0;
-    }, j = (t, a) => {
-      r("plugin-create", t, a), A.value = !1;
-    }, ae = oe(g, "visible"), ie = () => {
+    }, j = (t, n) => {
+      r("plugin-create", t, n), A.value = !1;
+    }, ne = oe(g, "visible"), ie = () => {
       r("update:visible", !1);
     }, se = p(() => {
-      const { type: t, position: a, drawer: c } = e.popupConfig || {}, l = {
+      const { type: t, position: n, drawer: u } = e.popupConfig || {}, l = {
         "z-index": "1000",
         position: "fixed"
       };
       return t === "fixed" ? {
         ...l,
-        ...re(a)
+        ...re(n)
       } : t === "drawer" ? {
         ...l,
-        ...de(c)
+        ...de(u)
       } : l;
     }), re = (t = {}) => {
-      const a = {};
-      return Object.entries(t).forEach(([c, l]) => {
-        l !== void 0 && (a[c] = typeof l == "number" ? `${l}px` : l);
-      }), Object.keys(a).length === 0 ? {
+      const n = {};
+      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%)"
-      } : a;
+      } : n;
     }, de = (t = { direction: "right" }) => {
-      const { direction: a } = t, c = {
+      const { direction: n } = t, u = {
         top: "0",
         bottom: "0",
         height: "100%"
       };
-      return a === "left" ? {
-        ...c,
+      return n === "left" ? {
+        ...u,
         left: "0",
         "border-right": "1px solid rgb(219, 219, 219)"
       } : {
-        ...c,
+        ...u,
         right: "0",
         "border-left": "1px solid rgb(219, 219, 219)"
       };
     }, W = p(() => {
-      const { type: t, drawer: a } = e.popupConfig || {};
-      return t !== "drawer" ? "" : `drawer-${(a == null ? void 0 : a.direction) || "right"}`;
-    }), ue = 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";
-    });
-    return (t, a) => (o(), k(K, { name: ue.value }, {
+    }), 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 c;
+        var u;
         return [
-          ae.value ? (o(), i("div", {
+          ne.value ? (o(), i("div", {
             key: 0,
-            class: G(["mcp-server-picker", [`popup-type-${((c = e.popupConfig) == null ? void 0 : c.type) || "fixed"}`, W.value]]),
-            style: ge(se.value)
+            class: G(["mcp-server-picker", [`popup-type-${((u = e.popupConfig) == null ? void 0 : u.type) || "fixed"}`, W.value]]),
+            style: _e(se.value)
           }, [
             s("div", nt, [
-              s("div", at, S(e.title), 1),
-              s("div", it, [
+              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: L
                 }, [
-                  m(d(Ce), { style: { "font-size": "16px", cursor: "pointer" } }),
+                  m(d(Pe), { class: "mcp-server-picker__icon" }),
                   s("span", null, S(e.customAddButtonText), 1)
                 ])) : v("", !0),
-                m(d(ne), {
+                m(d(ae), {
                   class: "mcp-server-picker__header-right-close",
                   onClick: ie
                 })
               ])
             ]),
-            s("div", st, [
-              m(d(ve), {
-                modelValue: u.value,
-                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l)
+            s("div", rt, [
+              m(d(fe), {
+                modelValue: c.value,
+                "onUpdate:modelValue": n[3] || (n[3] = (l) => c.value = l)
               }, {
                 default: T(() => [
                   e.showInstalledTab ? (o(), k(d(Y), {
@@ -436,20 +439,20 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                     name: "installed"
                   }, {
                     default: T(() => [
-                      e.enableSearch ? (o(), i("div", rt, [
+                      e.enableSearch ? (o(), i("div", dt, [
                         m(d(Z), {
                           modelValue: f.value,
-                          "onUpdate:modelValue": a[0] || (a[0] = (l) => f.value = l),
+                          "onUpdate:modelValue": n[0] || (n[0] = (l) => f.value = l),
                           placeholder: e.searchPlaceholder
                         }, {
                           suffix: T(() => [
-                            m(d(ee), { style: { "font-size": "16px", cursor: "pointer" } })
+                            m(d(ee), { class: "mcp-server-picker__icon" })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "placeholder"])
                       ])) : v("", !0),
-                      D.value ? (o(), i("div", dt, [
-                        e.loading ? (o(), i("div", ut, "加载中...")) : (o(!0), i(F, { key: 1 }, N(I.value, (l) => {
+                      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,
@@ -457,7 +460,7 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                             mode: "installed",
                             expandable: !!((P = l.tools) != null && P.length),
                             onTogglePlugin: (B) => E(l, B),
-                            onToggleTool: (B, M) => n(l, B, M),
+                            onToggleTool: (B, M) => a(l, B, M),
                             onDeletePlugin: () => _(l)
                           }, null, 8, ["plugin", "expandable", "onTogglePlugin", "onToggleTool", "onDeletePlugin"]);
                         }), 128))
@@ -474,21 +477,23 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                     name: "market"
                   }, {
                     default: T(() => [
-                      e.enableSearch || e.enableMarketCategoryFilter ? (o(), i("div", ct, [
-                        e.enableMarketCategoryFilter ? (o(), i("div", pt, [
-                          m(d(fe), {
+                      e.enableSearch || e.enableMarketCategoryFilter ? (o(), i("div", pt, [
+                        e.enableMarketCategoryFilter ? (o(), i("div", gt, [
+                          m(d(he), {
                             modelValue: C.value,
-                            "onUpdate:modelValue": a[1] || (a[1] = (l) => C.value = l),
-                            placeholder: e.marketCategoryPlaceholder
+                            "onUpdate:modelValue": n[1] || (n[1] = (l) => C.value = l),
+                            placeholder: e.marketCategoryPlaceholder,
+                            "drop-style": ue
                           }, {
                             default: T(() => [
-                              (o(!0), i(F, null, N(e.marketCategoryOptions, (l) => (o(), k(d(he), {
+                              (o(!0), i(F, null, N(e.marketCategoryOptions, (l) => (o(), k(d(ye), {
                                 key: l.value,
                                 label: l.label,
-                                value: l.value
+                                value: l.value,
+                                class: "mcp-server-picker__content-market-header-select-option"
                               }, {
                                 default: T(() => [
-                                  _e(S(l.label), 1)
+                                  me(S(l.label), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "value"]))), 128))
@@ -496,21 +501,21 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0),
-                        e.enableSearch ? (o(), i("div", gt, [
+                        e.enableSearch ? (o(), i("div", _t, [
                           m(d(Z), {
                             modelValue: h.value,
-                            "onUpdate:modelValue": a[2] || (a[2] = (l) => h.value = l),
+                            "onUpdate:modelValue": n[2] || (n[2] = (l) => h.value = l),
                             placeholder: w.value
                           }, {
                             suffix: T(() => [
-                              m(d(ee), { style: { "font-size": "16px", cursor: "pointer" } })
+                              m(d(ee), { class: "mcp-server-picker__icon" })
                             ]),
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0)
                       ])) : v("", !0),
-                      D.value ? (o(), i("div", _t, [
-                        e.marketLoading ? (o(), i("div", mt, "加载中...")) : (o(!0), i(F, { key: 1 }, N(x.value, (l) => (o(), k(d(te), {
+                      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",
@@ -529,9 +534,9 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            m(d(Ze), {
+            m(d(et), {
               visible: A.value,
-              "onUpdate:visible": a[4] || (a[4] = (l) => A.value = l),
+              "onUpdate:visible": n[4] || (n[4] = (l) => A.value = l),
               onConfirm: j
             }, null, 8, ["visible"])
           ], 6)) : v("", !0)
@@ -540,12 +545,12 @@ const $e = { class: "plugin-card__main" }, xe = ["src"], Be = { class: "plugin-c
       _: 1
     }, 8, ["name"]));
   }
-}), z = /* @__PURE__ */ q(vt, [["__scopeId", "data-v-21023081"]]);
-z.name = "McpServerPicker";
-const ft = function(g) {
-  g.component(z.name, z);
+}), O = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-7f8cfb42"]]);
+O.name = "McpServerPicker";
+const ht = function(g) {
+  g.component(O.name, O);
 };
-z.install = ft;
+O.install = ht;
 export {
-  z as default
+  O as default
 };