@opentiny/tiny-robot 0.3.0-rc.3 → 0.3.0-rc.5

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

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