@opentiny/tiny-robot 0.4.0-beta.0 → 0.4.1-alpha.0

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

@@ -1,17 +1,19 @@
-import { defineComponent as q, ref as V, computed as g, openBlock as a, createElementBlock as n, normalizeClass as G, createElementVNode as s, toDisplayString as x, createCommentVNode as v, renderSlot as D, Fragment as F, createBlock as k, unref as d, createVNode as _, withCtx as T, Transition as K, withDirectives as pe, renderList as N, vShow as ge, useModel as ae, mergeModels as J, watch as H, normalizeStyle as me, createTextVNode as _e } 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 oe, IconEmptySearch as Ce, IconPlus as Pe, IconSearch as ee } from "@opentiny/tiny-robot-svgs";
+import { defineComponent as q, ref as V, computed as g, openBlock as a, createElementBlock as i, normalizeClass as G, createElementVNode as s, toDisplayString as S, createCommentVNode as v, renderSlot as I, Fragment as F, createBlock as k, unref as r, createVNode as m, withCtx as T, Transition as K, withDirectives as pe, renderList as U, vShow as ge, useModel as ae, mergeModels as J, 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 ke } from "@opentiny/vue";
+import { IconArrowRight as ye, IconArrowDown as be, IconDelete as Te, IconClose as ne, IconEmptySearch as Ce, IconNoData as Pe, IconPlus as we, 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 xe } from "../index4.js";
-import Se from "../mcp-add-form/index.js";
-const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-card__content" }, Ae = { class: "plugin-card__info" }, Fe = { class: "plugin-card__name" }, Me = {
+import { o as Se } from "../index4.js";
+import xe from "../mcp-add-form/index.js";
+const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-card__content" }, Ae = { class: "plugin-card__info" }, Fe = { class: "plugin-card__name" }, De = {
   key: 0,
   class: "plugin-card__count"
-}, De = ["title"], Ie = { class: "plugin-card__actions" }, Ee = { class: "plugin-card__operations" }, Le = { title: "移除插件" }, Ue = {
+}, Ie = ["title"], Me = { class: "plugin-card__actions" }, Ee = { class: "plugin-card__operations" }, Le = {
+  class: "plugin-card__delete-trigger",
+  title: "移除插件"
+}, Ne = {
   key: 1,
   class: "plugin-card__add"
-}, 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 = {
+}, Ue = { 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"
 }, We = /* @__PURE__ */ q({
@@ -22,8 +24,8 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     showToolCount: { type: Boolean, default: !0 }
   },
   emits: ["toggle-plugin", "toggle-tool", "add-plugin", "delete-plugin"],
-  setup(i, { emit: b }) {
-    const e = i, r = b, u = V(e.plugin.expanded || !1), f = g(() => {
+  setup(o, { emit: b }) {
+    const e = o, d = b, u = V(e.plugin.expanded || !1), f = g(() => {
       var c;
       return ((c = e.plugin.tools) == null ? void 0 : c.length) || 0;
     }), h = g(() => f.value > 0), C = g(() => ({
@@ -32,96 +34,96 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
       [`plugin-card--${e.mode}`]: !0
     })), w = () => {
       h.value && (u.value = !u.value);
-    }, S = g(() => {
+    }, x = g(() => {
       if (!h.value)
         return { checked: e.plugin.enabled || !1, indeterminate: !1 };
-      const c = e.plugin.tools.filter((y) => y.enabled), m = e.plugin.tools.length;
-      return c.length === 0 ? { checked: !1, indeterminate: !1 } : c.length === m ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
+      const c = e.plugin.tools.filter((y) => y.enabled), _ = e.plugin.tools.length;
+      return c.length === 0 ? { checked: !1, indeterminate: !1 } : c.length === _ ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
     }), Q = (c) => {
-      h.value && e.plugin.tools.forEach((m) => {
-        m.enabled !== c && (m.enabled = c, r("toggle-tool", m.id, c));
-      }), r("toggle-plugin", c);
-    }, R = (c, m) => {
-      r("toggle-tool", c, m);
-    }, I = () => {
-      r("delete-plugin");
+      h.value && e.plugin.tools.forEach((_) => {
+        _.enabled !== c && (_.enabled = c, d("toggle-tool", _.id, c));
+      }), d("toggle-plugin", c);
+    }, R = (c, _) => {
+      d("toggle-tool", c, _);
+    }, M = () => {
+      d("delete-plugin");
     }, $ = g(() => e.plugin.addState || "idle"), E = (c) => {
-      $.value === "idle" && r("add-plugin", c);
+      $.value === "idle" && d("add-plugin", c);
     }, L = (c) => c ? "关闭插件" : "打开插件";
-    return (c, m) => (a(), n("div", {
+    return (c, _) => (a(), i("div", {
       class: G(["plugin-card", C.value])
     }, [
       s("div", $e, [
         s("img", {
-          src: i.plugin.icon,
+          src: o.plugin.icon,
           class: "plugin-card__icon"
         }, null, 8, Be),
         s("div", Ve, [
           s("div", Ae, [
-            s("span", Fe, x(i.plugin.name), 1),
-            i.showToolCount && f.value ? (a(), n("span", Me, x(f.value) + " 个工具 ", 1)) : v("", !0)
+            s("span", Fe, S(o.plugin.name), 1),
+            o.showToolCount && f.value ? (a(), i("span", De, S(f.value) + " 个工具 ", 1)) : v("", !0)
           ]),
           s("div", {
             class: "plugin-card__desc",
-            title: i.plugin.description
-          }, x(i.plugin.description), 9, De)
+            title: o.plugin.description
+          }, S(o.plugin.description), 9, Ie)
         ]),
-        s("div", Ie, [
-          D(c.$slots, "actions", {
-            plugin: i.plugin,
+        s("div", Me, [
+          I(c.$slots, "actions", {
+            plugin: o.plugin,
             expanded: u.value,
-            mode: i.mode
+            mode: o.mode
           }, () => [
-            i.mode === "installed" ? (a(), n(F, { key: 0 }, [
-              h.value ? (a(), n("div", {
+            o.mode === "installed" ? (a(), i(F, { key: 0 }, [
+              h.value ? (a(), i("div", {
                 key: 0,
                 class: "plugin-card__expand",
                 onClick: w
               }, [
-                D(c.$slots, "expand-icon", { expanded: u.value }, () => [
-                  u.value ? (a(), k(d(be), {
+                I(c.$slots, "expand-icon", { expanded: u.value }, () => [
+                  u.value ? (a(), k(r(be), {
                     key: 1,
                     class: "common-icon"
-                  })) : (a(), k(d(ke), {
+                  })) : (a(), k(r(ye), {
                     key: 0,
                     class: "common-icon"
                   }))
                 ], !0)
               ])) : v("", !0),
               s("div", Ee, [
-                _(d(ve), {
+                m(r(ve), {
                   title: "确定移除该插件吗？",
                   style: { height: "16px" },
                   type: "info",
-                  onConfirm: I,
+                  onConfirm: M,
                   trigger: "click"
                 }, {
                   reference: T(() => [
-                    D(c.$slots, "delete-icon", {}, () => [
+                    I(c.$slots, "delete-icon", {}, () => [
                       s("span", Le, [
-                        _(d(Te), { class: "common-icon delete" })
+                        m(r(Te), { class: "common-icon" })
                       ])
                     ], !0)
                   ]),
                   _: 3
                 }),
-                _(d(X), {
-                  title: L(S.value.checked),
-                  "model-value": S.value.checked,
-                  indeterminate: S.value.indeterminate,
+                m(r(X), {
+                  title: L(x.value.checked),
+                  "model-value": x.value.checked,
+                  indeterminate: x.value.indeterminate,
                   "onUpdate:modelValue": Q
                 }, null, 8, ["title", "model-value", "indeterminate"])
               ])
-            ], 64)) : i.mode === "market" ? (a(), n("div", Ue, [
-              D(c.$slots, "add-button", {}, () => [
+            ], 64)) : o.mode === "market" ? (a(), i("div", Ne, [
+              I(c.$slots, "add-button", {}, () => [
                 s("div", {
                   class: G(["plugin-card__add-button", {
                     "plugin-card__add-button--loading": $.value === "loading",
                     "plugin-card__add-button--added": $.value === "added"
                   }]),
-                  onClick: m[0] || (m[0] = (y) => E(i.plugin))
+                  onClick: _[0] || (_[0] = (y) => E(o.plugin))
                 }, [
-                  $.value === "idle" ? (a(), n("span", Ne, "添加")) : $.value === "loading" ? (a(), n("span", Oe, "添加中")) : (a(), n("span", qe, "已添加"))
+                  $.value === "idle" ? (a(), i("span", Ue, "添加")) : $.value === "loading" ? (a(), i("span", Oe, "添加中")) : (a(), i("span", qe, "已添加"))
                 ], 2)
               ], !0)
             ])) : v("", !0)
@@ -134,33 +136,33 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
       }, {
         default: T(() => [
           pe(s("div", ze, [
-            m[2] || (m[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
-            (a(!0), n(F, null, N(i.plugin.tools, (y, A) => {
-              var U;
-              return a(), n("div", {
+            _[2] || (_[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
+            (a(!0), i(F, null, U(o.plugin.tools, (y, A) => {
+              var N;
+              return a(), i("div", {
                 key: y.id,
                 class: "plugin-card__tool-item"
               }, [
                 s("div", Qe, [
-                  m[1] || (m[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
+                  _[1] || (_[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
                   s("div", Re, [
                     s("div", je, [
-                      s("span", He, x(y.name), 1)
+                      s("span", He, S(y.name), 1)
                     ]),
                     s("div", {
                       class: "plugin-card__desc",
                       title: y.description
-                    }, x(y.description), 9, Ge)
+                    }, S(y.description), 9, Ge)
                   ]),
                   s("div", Je, [
-                    _(d(X), {
+                    m(r(X), {
                       title: L(y.enabled),
                       "model-value": y.enabled,
                       "onUpdate:modelValue": (j) => R(y.id, j)
                     }, null, 8, ["title", "model-value", "onUpdate:modelValue"])
                   ])
                 ]),
-                A < (((U = i.plugin.tools) == null ? void 0 : U.length) || 0) - 1 ? (a(), n("div", Ke)) : v("", !0)
+                A < (((N = o.plugin.tools) == null ? void 0 : N.length) || 0) - 1 ? (a(), i("div", Ke)) : v("", !0)
               ]);
             }), 128))
           ], 512), [
@@ -171,7 +173,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
       })) : v("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ z(We, [["__scopeId", "data-v-89b32345"]]), Xe = {
+}), te = /* @__PURE__ */ z(We, [["__scopeId", "data-v-13445dd5"]]), Xe = {
   key: 0,
   class: "plugin-editor__backdrop"
 }, Ye = { class: "plugin-editor__header" }, Ze = /* @__PURE__ */ q({
@@ -181,21 +183,21 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     visibleModifiers: {}
   },
   emits: /* @__PURE__ */ J(["update:visible", "confirm"], ["update:visible"]),
-  setup(i, { emit: b }) {
-    const e = b, r = ae(i, "visible"), u = V(null), f = () => {
-      r.value = !1;
+  setup(o, { emit: b }) {
+    const e = b, d = ae(o, "visible"), u = V(null), f = () => {
+      d.value = !1;
     };
-    xe(u, () => {
-      r.value && f();
+    Se(u, () => {
+      d.value && f();
     });
     const h = (C, w) => {
       C === "form" ? e("confirm", "form", w) : e("confirm", "code", w), f();
     };
-    return (C, w) => (a(), n(F, null, [
-      r.value ? (a(), n("div", Xe)) : v("", !0),
-      _(K, { name: "plugin-editor" }, {
+    return (C, w) => (a(), i(F, null, [
+      d.value ? (a(), i("div", Xe)) : v("", !0),
+      m(K, { name: "plugin-editor" }, {
         default: T(() => [
-          r.value ? (a(), n("div", {
+          d.value ? (a(), i("div", {
             key: 0,
             class: "plugin-editor",
             ref_key: "dialogRef",
@@ -203,12 +205,12 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
           }, [
             s("div", Ye, [
               w[0] || (w[0] = s("h3", { class: "plugin-editor__title" }, "添加插件", -1)),
-              _(d(oe), {
+              m(r(ne), {
                 class: "plugin-editor__close",
                 onClick: f
               })
             ]),
-            _(d(Se), {
+            m(r(xe), {
               onConfirm: h,
               onCancel: f
             })
@@ -222,61 +224,60 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
   class: "empty-state",
   role: "status",
   "aria-live": "polite"
-}, lt = {
-  key: 1,
-  src: we,
-  class: "empty-state__illustration"
-}, at = { class: "empty-state__message" }, ot = /* @__PURE__ */ q({
+}, lt = { class: "empty-state__message" }, at = /* @__PURE__ */ q({
   __name: "NoData",
   props: {
     searchQuery: { default: "" }
   },
-  setup(i) {
-    const b = i, e = g(() => {
+  setup(o) {
+    const b = o, e = g(() => {
       var u;
       return !!((u = b.searchQuery) != null && u.trim());
-    }), r = g(() => e.value ? "暂无搜索结果" : "暂无数据");
-    return (u, f) => (a(), n("section", tt, [
-      e.value ? (a(), k(d(Ce), {
+    }), d = g(() => e.value ? "暂无搜索结果" : "暂无数据");
+    return (u, f) => (a(), i("section", tt, [
+      e.value ? (a(), k(r(Ce), {
         key: 0,
         class: "empty-state__illustration"
-      })) : (a(), n("img", lt)),
-      s("p", at, x(r.value), 1)
+      })) : (a(), k(r(Pe), {
+        key: 1,
+        class: "empty-state__illustration"
+      })),
+      s("p", lt, S(d.value), 1)
     ]));
   }
-}), le = /* @__PURE__ */ z(ot, [["__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 = {
+}), le = /* @__PURE__ */ z(at, [["__scopeId", "data-v-7e7a7116"]]), nt = { class: "mcp-server-picker__header" }, ot = { class: "mcp-server-picker__header-left" }, it = { class: "mcp-server-picker__header-right" }, st = { class: "mcp-server-picker__content" }, rt = {
   key: 0,
   class: "mcp-server-picker__content-installed-search"
-}, ct = {
+}, dt = {
   key: 1,
   class: "mcp-server-picker__content-list"
-}, ut = {
+}, ct = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, pt = {
+}, ut = {
   key: 0,
   class: "mcp-server-picker__content-market-header"
-}, gt = {
+}, pt = {
   key: 0,
-  style: { width: "168px" }
-}, mt = {
+  class: "mcp-server-picker__content-market-filter"
+}, gt = {
   key: 1,
-  style: { width: "264px", "flex-shrink": "0" }
+  class: "mcp-server-picker__content-market-search"
 }, _t = {
   key: 1,
   class: "mcp-server-picker__content-list"
-}, vt = {
+}, mt = {
   key: 0,
   class: "mcp-server-picker__loading"
-}, ft = /* @__PURE__ */ q({
+}, vt = /* @__PURE__ */ q({
   __name: "index",
   props: /* @__PURE__ */ J({
     installedPlugins: { default: () => [] },
     marketPlugins: { default: () => [] },
     searchPlaceholder: { default: "搜索插件" },
     enableSearch: { type: Boolean, default: !0 },
-    installedSearchFn: { type: Function, default: (i, b) => i ? b.name.toLowerCase().includes(i.toLowerCase()) : !0 },
-    marketSearchFn: { type: Function, default: (i, b) => i ? b.name.toLowerCase().includes(i.toLowerCase()) : !0 },
+    installedSearchFn: { type: Function, default: (o, b) => o ? b.name.toLowerCase().includes(o.toLowerCase()) : !0 },
+    marketSearchFn: { type: Function, default: (o, b) => o ? b.name.toLowerCase().includes(o.toLowerCase()) : !0 },
     marketCategoryOptions: { default: () => [] },
     marketCategoryPlaceholder: { default: "按照分类筛选" },
     enableMarketCategoryFilter: { type: Boolean, default: !0 },
@@ -306,83 +307,83 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     visibleModifiers: {}
   }),
   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(i, { emit: b }) {
-    const e = i, r = b, u = V(e.defaultActiveTab), f = V(""), h = V(""), C = V(""), w = g(
+  setup(o, { emit: b }) {
+    const e = o, d = b, u = V(e.defaultActiveTab), f = V(""), h = V(""), C = V(""), w = g(
       () => u.value === "installed" ? e.searchPlaceholder : "搜索市场插件"
-    ), S = g(() => e.installedPlugins), Q = g(() => e.marketPlugins), R = g(() => !S.value || S.value.length === 0 ? 0 : S.value.filter((t) => t.enabled).length);
+    ), x = g(() => e.installedPlugins), Q = g(() => e.marketPlugins), R = g(() => !x.value || x.value.length === 0 ? 0 : x.value.filter((t) => t.enabled).length);
     H(
       R,
       (t) => {
-        r("update:activeCount", t);
+        d("update:activeCount", t);
       },
       { immediate: !0 }
-    ), H(u, (t, o) => {
-      t !== o && r("tab-change", t);
+    ), H(u, (t, n) => {
+      t !== n && d("tab-change", t);
     });
-    const I = g(() => S.value.filter((t) => e.installedSearchFn(f.value, t))), $ = g(() => {
-      const { category: t, search: o } = {
+    const M = g(() => x.value.filter((t) => e.installedSearchFn(f.value, t))), $ = g(() => {
+      const { category: t, search: n } = {
         category: C.value,
         search: h.value
       }, p = (l) => {
-        const P = !t || l.category === t, B = !o || e.marketSearchFn(o, l);
+        const P = !t || l.category === t, B = !n || e.marketSearchFn(n, l);
         return P && B;
       };
       return Q.value.filter(p);
-    }), E = g(() => u.value === "installed" ? I.value.length > 0 : $.value.length > 0);
+    }), E = g(() => u.value === "installed" ? M.value.length > 0 : $.value.length > 0);
     H(C, (t) => {
-      r("market-category-change", t);
+      d("market-category-change", t);
     });
-    const L = (t, o) => {
+    const L = (t, n) => {
       var p;
-      e.allowPluginToggle && (r("plugin-toggle", t, o), (p = t.tools) != null && p.length && (o ? t.tools.filter((P) => P.enabled).length === 0 && t.tools.forEach((P) => {
-        r("tool-toggle", t, P.id, !0);
+      e.allowPluginToggle && (d("plugin-toggle", t, n), (p = t.tools) != null && p.length && (n ? t.tools.filter((P) => P.enabled).length === 0 && t.tools.forEach((P) => {
+        d("tool-toggle", t, P.id, !0);
       }) : t.tools.forEach((l) => {
-        l.enabled && r("tool-toggle", t, l.id, !1);
+        l.enabled && d("tool-toggle", t, l.id, !1);
       })));
-    }, c = (t, o, p) => {
+    }, c = (t, n, p) => {
       var l;
-      if (e.allowToolToggle && (r("tool-toggle", t, o, p), (l = t.tools) != null && l.length)) {
-        const P = t.tools.filter((M) => M.id !== o).some((M) => M.enabled), B = p || P;
-        t.enabled !== B && r("plugin-toggle", t, B);
+      if (e.allowToolToggle && (d("tool-toggle", t, n, p), (l = t.tools) != null && l.length)) {
+        const P = t.tools.filter((D) => D.id !== n).some((D) => D.enabled), B = p || P;
+        t.enabled !== B && d("plugin-toggle", t, B);
       }
-    }, m = (t) => {
-      e.allowPluginDelete && r("plugin-delete", t);
+    }, _ = (t) => {
+      e.allowPluginDelete && d("plugin-delete", t);
     }, y = (t) => {
-      e.allowPluginAdd && r("plugin-add", t);
-    }, A = V(!1), U = () => {
+      e.allowPluginAdd && d("plugin-add", t);
+    }, A = V(!1), N = () => {
       A.value = !0;
-    }, j = (t, o) => {
-      r("plugin-create", t, o), A.value = !1;
-    }, ne = ae(i, "visible"), ie = () => {
-      r("update:visible", !1);
+    }, j = (t, n) => {
+      d("plugin-create", t, n), A.value = !1;
+    }, oe = ae(o, "visible"), ie = () => {
+      d("update:visible", !1);
     }, se = g(() => {
-      const { type: t, position: o, drawer: p } = e.popupConfig || {}, l = {
+      const { type: t, position: n, drawer: p } = e.popupConfig || {}, l = {
         "z-index": "1000",
         position: "fixed"
       };
       return t === "fixed" ? {
         ...l,
-        ...re(o)
+        ...re(n)
       } : t === "drawer" ? {
         ...l,
         ...de(p)
       } : l;
     }), re = (t = {}) => {
-      const o = {};
+      const n = {};
       return Object.entries(t).forEach(([p, l]) => {
-        l !== void 0 && (o[p] = typeof l == "number" ? `${l}px` : l);
-      }), Object.keys(o).length === 0 ? {
+        l !== void 0 && (n[p] = typeof l == "number" ? `${l}px` : l);
+      }), Object.keys(n).length === 0 ? {
         top: "50%",
         left: "50%",
         transform: "translate(-50%, -50%)"
-      } : o;
+      } : n;
     }, de = (t = { direction: "right" }) => {
-      const { direction: o } = t, p = {
+      const { direction: n } = t, p = {
         top: "0",
         bottom: "0",
         height: "100%"
       };
-      return o === "left" ? {
+      return n === "left" ? {
         ...p,
         left: "0",
         "border-right": "1px solid rgb(219, 219, 219)"
@@ -392,109 +393,109 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
         "border-left": "1px solid rgb(219, 219, 219)"
       };
     }, W = g(() => {
-      const { type: t, drawer: o } = e.popupConfig || {};
-      return t !== "drawer" ? "" : `drawer-${(o == null ? void 0 : o.direction) || "right"}`;
+      const { type: t, drawer: n } = e.popupConfig || {};
+      return t !== "drawer" ? "" : `drawer-${(n == null ? void 0 : n.direction) || "right"}`;
     }), ce = g(() => {
       const { type: t } = e.popupConfig || {};
       return t === "drawer" ? W.value : "fade";
     }), ue = {
-      background: "var(--tr-mcp-server-picker-bg-default-2)",
+      background: "var(--tr-container-bg-default)",
       color: "var(--tr-text-primary)"
     };
-    return (t, o) => (a(), k(K, { name: ce.value }, {
+    return (t, n) => (a(), k(K, { name: ce.value }, {
       default: T(() => {
         var p;
         return [
-          ne.value ? (a(), n("div", {
+          oe.value ? (a(), i("div", {
             key: 0,
             class: G(["mcp-server-picker", [`popup-type-${((p = e.popupConfig) == null ? void 0 : p.type) || "fixed"}`, W.value]]),
-            style: me(se.value)
+            style: _e(se.value)
           }, [
             s("div", nt, [
-              s("div", it, x(e.title), 1),
-              s("div", st, [
-                D(t.$slots, "header-actions", {}, void 0, !0),
-                e.showCustomAddButton ? (a(), n("div", {
+              s("div", ot, S(e.title), 1),
+              s("div", it, [
+                I(t.$slots, "header-actions", {}, void 0, !0),
+                e.showCustomAddButton ? (a(), i("div", {
                   key: 0,
                   class: "mcp-server-picker__header-right-item",
-                  onClick: U
+                  onClick: N
                 }, [
-                  _(d(Pe), { class: "mcp-server-picker__icon" }),
-                  s("span", null, x(e.customAddButtonText), 1)
+                  m(r(we), { class: "mcp-server-picker__icon mcp-server-picker__header-right-item-icon" }),
+                  s("span", null, S(e.customAddButtonText), 1)
                 ])) : v("", !0),
-                _(d(oe), {
+                m(r(ne), {
                   class: "mcp-server-picker__header-right-close",
                   onClick: ie
                 })
               ])
             ]),
-            s("div", rt, [
-              _(d(fe), {
+            s("div", st, [
+              m(r(fe), {
                 modelValue: u.value,
-                "onUpdate:modelValue": o[3] || (o[3] = (l) => u.value = l)
+                "onUpdate:modelValue": n[3] || (n[3] = (l) => u.value = l)
               }, {
                 default: T(() => [
-                  e.showInstalledTab ? (a(), k(d(Y), {
+                  e.showInstalledTab ? (a(), k(r(Y), {
                     key: 0,
                     title: e.installedTabTitle,
                     name: "installed"
                   }, {
                     default: T(() => [
-                      e.enableSearch ? (a(), n("div", dt, [
-                        _(d(Z), {
+                      e.enableSearch ? (a(), i("div", rt, [
+                        m(r(Z), {
                           modelValue: f.value,
-                          "onUpdate:modelValue": o[0] || (o[0] = (l) => f.value = l),
+                          "onUpdate:modelValue": n[0] || (n[0] = (l) => f.value = l),
                           placeholder: e.searchPlaceholder
                         }, {
                           suffix: T(() => [
-                            _(d(ee), { class: "mcp-server-picker__icon" })
+                            m(r(ee), { class: "mcp-server-picker__icon" })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "placeholder"])
                       ])) : v("", !0),
-                      E.value ? (a(), n("div", ct, [
-                        e.loading ? (a(), n("div", ut, "加载中...")) : (a(!0), n(F, { key: 1 }, N(I.value, (l) => {
+                      E.value ? (a(), i("div", dt, [
+                        e.loading ? (a(), i("div", ct, "加载中...")) : (a(!0), i(F, { key: 1 }, U(M.value, (l) => {
                           var P;
-                          return a(), k(d(te), {
+                          return a(), k(r(te), {
                             key: l.id,
                             plugin: l,
                             mode: "installed",
                             expandable: !!((P = l.tools) != null && P.length),
                             onTogglePlugin: (B) => L(l, B),
-                            onToggleTool: (B, M) => c(l, B, M),
-                            onDeletePlugin: () => m(l)
+                            onToggleTool: (B, D) => c(l, B, D),
+                            onDeletePlugin: () => _(l)
                           }, null, 8, ["plugin", "expandable", "onTogglePlugin", "onToggleTool", "onDeletePlugin"]);
                         }), 128))
-                      ])) : (a(), k(d(le), {
+                      ])) : (a(), k(r(le), {
                         key: 2,
                         "search-query": f.value
                       }, null, 8, ["search-query"]))
                     ]),
                     _: 1
                   }, 8, ["title"])) : v("", !0),
-                  e.showMarketTab ? (a(), k(d(Y), {
+                  e.showMarketTab ? (a(), k(r(Y), {
                     key: 1,
                     title: e.marketTabTitle,
                     name: "market"
                   }, {
                     default: T(() => [
-                      e.enableSearch || e.enableMarketCategoryFilter ? (a(), n("div", pt, [
-                        e.enableMarketCategoryFilter ? (a(), n("div", gt, [
-                          _(d(he), {
+                      e.enableSearch || e.enableMarketCategoryFilter ? (a(), i("div", ut, [
+                        e.enableMarketCategoryFilter ? (a(), i("div", pt, [
+                          m(r(he), {
                             modelValue: C.value,
-                            "onUpdate:modelValue": o[1] || (o[1] = (l) => C.value = l),
+                            "onUpdate:modelValue": n[1] || (n[1] = (l) => C.value = l),
                             placeholder: e.marketCategoryPlaceholder,
                             "drop-style": ue
                           }, {
                             default: T(() => [
-                              (a(!0), n(F, null, N(e.marketCategoryOptions, (l) => (a(), k(d(ye), {
+                              (a(!0), i(F, null, U(e.marketCategoryOptions, (l) => (a(), k(r(ke), {
                                 key: l.value,
                                 label: l.label,
                                 value: l.value,
                                 class: "mcp-server-picker__content-market-header-select-option"
                               }, {
                                 default: T(() => [
-                                  _e(x(l.label), 1)
+                                  me(S(l.label), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "value"]))), 128))
@@ -502,21 +503,21 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0),
-                        e.enableSearch ? (a(), n("div", mt, [
-                          _(d(Z), {
+                        e.enableSearch ? (a(), i("div", gt, [
+                          m(r(Z), {
                             modelValue: h.value,
-                            "onUpdate:modelValue": o[2] || (o[2] = (l) => h.value = l),
+                            "onUpdate:modelValue": n[2] || (n[2] = (l) => h.value = l),
                             placeholder: w.value
                           }, {
                             suffix: T(() => [
-                              _(d(ee), { class: "mcp-server-picker__icon" })
+                              m(r(ee), { class: "mcp-server-picker__icon" })
                             ]),
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0)
                       ])) : v("", !0),
-                      E.value ? (a(), n("div", _t, [
-                        e.marketLoading ? (a(), n("div", vt, "加载中...")) : (a(!0), n(F, { key: 1 }, N($.value, (l) => (a(), k(d(te), {
+                      E.value ? (a(), i("div", _t, [
+                        e.marketLoading ? (a(), i("div", mt, "加载中...")) : (a(!0), i(F, { key: 1 }, U($.value, (l) => (a(), k(r(te), {
                           key: l.id,
                           plugin: l,
                           mode: "market",
@@ -524,7 +525,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                           "show-tool-count": !1,
                           onAddPlugin: y
                         }, null, 8, ["plugin"]))), 128))
-                      ])) : (a(), k(d(le), {
+                      ])) : (a(), k(r(le), {
                         key: 2,
                         "search-query": h.value || C.value
                       }, null, 8, ["search-query"]))
@@ -535,9 +536,9 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            _(d(et), {
+            m(r(et), {
               visible: A.value,
-              "onUpdate:visible": o[4] || (o[4] = (l) => A.value = l),
+              "onUpdate:visible": n[4] || (n[4] = (l) => A.value = l),
               onConfirm: j
             }, null, 8, ["visible"])
           ], 6)) : v("", !0)
@@ -546,12 +547,12 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
       _: 3
     }, 8, ["name"]));
   }
-}), O = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-1708103a"]]);
+}), O = /* @__PURE__ */ z(vt, [["__scopeId", "data-v-5967a98a"]]);
 O.name = "McpServerPicker";
-const ht = function(i) {
-  i.component(O.name, O);
+const ft = function(o) {
+  o.component(O.name, O);
 };
-O.install = ht;
+O.install = ft;
 export {
   O as default
 };