@opentiny/tiny-robot 0.3.0-alpha.9 → 0.3.0-rc.1

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

@@ -0,0 +1,730 @@
+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, TinySelect 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 = {
+  key: 0,
+  class: "plugin-card__count"
+}, Ee = ["title"], Le = { class: "plugin-card__actions" }, Oe = { class: "plugin-card__operations" }, Re = { title: "移除插件" }, Ne = {
+  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 = {
+  key: 0,
+  class: "plugin-card__divider"
+}, Ze = /* @__PURE__ */ A({
+  __name: "PluginCard",
+  props: {
+    plugin: {},
+    mode: { default: "installed" },
+    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,
+      "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])
+    }, [
+      e("div", Ue, [
+        e("img", {
+          src: s.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)
+          ]),
+          e("div", {
+            class: "plugin-card__desc",
+            title: s.plugin.description
+          }, U(s.plugin.description), 9, Ee)
+        ]),
+        e("div", Le, [
+          j(s.$slots, "actions", {
+            plugin: s.plugin,
+            expanded: c.value,
+            mode: s.mode
+          }, () => [
+            s.mode === "installed" ? (o(), r(M, { key: 0 }, [
+              v.value ? (o(), r("div", {
+                key: 0,
+                class: "plugin-card__expand",
+                onClick: D
+              }, [
+                j(s.$slots, "expand-icon", { expanded: c.value }, () => [
+                  c.value ? (o(), x(u(Pe), {
+                    key: 1,
+                    class: "common-icon"
+                  })) : (o(), x(u(Ce), {
+                    key: 0,
+                    class: "common-icon"
+                  }))
+                ], !0)
+              ])) : k("", !0),
+              e("div", Oe, [
+                g(u(ye), {
+                  title: "确定移除该插件吗？",
+                  style: { height: "16px" },
+                  type: "info",
+                  onConfirm: m,
+                  trigger: "click"
+                }, {
+                  reference: w(() => [
+                    j(s.$slots, "delete-icon", {}, () => [
+                      e("span", Re, [
+                        g(u($e), { class: "common-icon" })
+                      ])
+                    ], !0)
+                  ]),
+                  _: 3
+                }),
+                g(u(ee), {
+                  title: z(a.value.checked),
+                  "model-value": a.value.checked,
+                  indeterminate: a.value.indeterminate,
+                  "onUpdate:modelValue": h
+                }, 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"
+                  }]),
+                  onClick: b[0] || (b[0] = ($) => N(s.plugin))
+                }, [
+                  P.value === "idle" ? (o(), r("span", ze, "添加")) : P.value === "loading" ? (o(), r("span", qe, "添加中")) : (o(), r("span", je, "已添加"))
+                ], 2)
+              ], !0)
+            ])) : k("", !0)
+          ], !0)
+        ])
+      ]),
+      v.value ? (o(), x(Y, {
+        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,
+                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)
+                    ]),
+                    e("div", {
+                      class: "plugin-card__desc",
+                      title: $.description
+                    }, U($.description), 9, Ke)
+                  ]),
+                  e("div", Xe, [
+                    g(u(ee), {
+                      title: z($.enabled),
+                      "model-value": $.enabled,
+                      "onUpdate:modelValue": (W) => R($.id, W)
+                    }, 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)
+              ]);
+            }), 128))
+          ], 512), [
+            [ge, c.value]
+          ])
+        ]),
+        _: 1
+      })) : k("", !0)
+    ], 2));
+  }
+}), ae = /* @__PURE__ */ E(Ze, [["__scopeId", "data-v-1bbe4f4e"]]), 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 = {
+  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({
+  __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;
+    };
+    Ve(c, () => {
+      d.value && a();
+    });
+    const h = () => {
+      C.value === "form" ? t("confirm", "form", T.value) : t("confirm", "code", v.value), a();
+    };
+    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", {
+            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), {
+                class: "plugin-editor__close",
+                onClick: a
+              })
+            ]),
+            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)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}), Tt = /* @__PURE__ */ E(bt, [["__scopeId", "data-v-192c66c9"]]), Ct = {
+  class: "empty-state",
+  role: "status",
+  "aria-live": "polite"
+}, Pt = {
+  key: 1,
+  src: Se,
+  class: "empty-state__illustration"
+}, $t = { class: "empty-state__message" }, xt = /* @__PURE__ */ A({
+  __name: "NoData",
+  props: {
+    searchQuery: { default: "" }
+  },
+  setup(_) {
+    const p = _, t = y(() => {
+      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), {
+        key: 0,
+        class: "empty-state__illustration"
+      })) : (o(), r("img", Pt)),
+      e("p", $t, U(d.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 = {
+  key: 0,
+  class: "mcp-server-picker__content-installed-search"
+}, Bt = {
+  key: 1,
+  class: "mcp-server-picker__content-list"
+}, Ft = {
+  key: 0,
+  class: "mcp-server-picker__loading"
+}, It = {
+  key: 0,
+  class: "mcp-server-picker__content-market-header"
+}, Mt = {
+  key: 0,
+  style: { width: "168px" }
+}, At = {
+  key: 1,
+  style: { width: "264px", "flex-shrink": "0" }
+}, Et = {
+  key: 1,
+  class: "mcp-server-picker__content-list"
+}, Lt = {
+  key: 0,
+  class: "mcp-server-picker__loading"
+}, Ot = /* @__PURE__ */ A({
+  __name: "index",
+  props: /* @__PURE__ */ X({
+    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 },
+    marketCategoryOptions: { default: () => [] },
+    marketCategoryPlaceholder: { default: "按照分类筛选" },
+    enableMarketCategoryFilter: { type: Boolean, default: !0 },
+    defaultActiveTab: { default: "installed" },
+    showInstalledTab: { type: Boolean, default: !0 },
+    showMarketTab: { type: Boolean, default: !0 },
+    visible: { type: Boolean },
+    popupConfig: { default: () => ({
+      type: "fixed",
+      position: {},
+      drawer: { direction: "right" }
+    }) },
+    activeCount: {},
+    installedTabTitle: { default: "已添加插件" },
+    marketTabTitle: { default: "市场" },
+    title: { default: "插件" },
+    showCustomAddButton: { type: Boolean, default: !0 },
+    customAddButtonText: { default: "自定义添加" },
+    allowPluginToggle: { type: Boolean, default: !0 },
+    allowToolToggle: { type: Boolean, default: !0 },
+    allowPluginDelete: { type: Boolean, default: !0 },
+    allowPluginAdd: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    marketLoading: { type: Boolean, default: !1 }
+  }, {
+    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(
+      R,
+      (l) => {
+        d("update:activeCount", l);
+      },
+      { immediate: !0 }
+    ), Q(c, (l, i) => {
+      l !== i && d("tab-change", l);
+    });
+    const m = y(() => a.value.filter((l) => t.installedSearchFn(T.value, l))), P = y(() => {
+      const { category: l, search: i } = {
+        category: C.value,
+        search: v.value
+      }, f = (n) => {
+        const V = !l || n.category === l, B = !i || t.marketSearchFn(i, n);
+        return V && 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);
+    });
+    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);
+      })));
+    }, 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);
+      }
+    }, 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 = {
+        "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 ? {
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      } : i;
+    }, _e = (l = { direction: "right" }) => {
+      const { direction: i } = l, f = {
+        top: "0",
+        bottom: "0",
+        height: "100%"
+      };
+      return i === "left" ? {
+        ...f,
+        left: "0",
+        "border-right": "1px solid rgb(219, 219, 219)"
+      } : {
+        ...f,
+        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;
+        return [
+          de.value ? (o(), r("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)
+          }, [
+            e("div", wt, [
+              e("div", St, U(t.title), 1),
+              e("div", Dt, [
+                t.showCustomAddButton ? (o(), r("div", {
+                  key: 0,
+                  class: "mcp-server-picker__header-right-item",
+                  onClick: q
+                }, [
+                  g(u(we), { style: { "font-size": "16px", cursor: "pointer" } }),
+                  e("span", null, U(t.customAddButtonText), 1)
+                ])) : k("", !0),
+                g(u(re), {
+                  class: "mcp-server-picker__header-right-close",
+                  onClick: ue
+                })
+              ])
+            ]),
+            e("div", Vt, [
+              g(u(ke), {
+                modelValue: c.value,
+                "onUpdate:modelValue": i[3] || (i[3] = (n) => c.value = n)
+              }, {
+                default: w(() => [
+                  t.showInstalledTab ? (o(), x(u(te), {
+                    key: 0,
+                    title: t.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
+                        }, {
+                          suffix: w(() => [
+                            g(u(oe), { style: { "font-size": "16px", cursor: "pointer" } })
+                          ]),
+                          _: 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,
+                            mode: "installed",
+                            expandable: !!((V = n.tools) != null && V.length),
+                            onTogglePlugin: (B) => z(n, B),
+                            onToggleTool: (B, L) => s(n, B, L),
+                            onDeletePlugin: () => b(n)
+                          }, null, 8, ["plugin", "expandable", "onTogglePlugin", "onToggleTool", "onDeletePlugin"]);
+                        }), 128))
+                      ])) : (o(), x(u(se), {
+                        key: 2,
+                        "search-query": T.value
+                      }, null, 8, ["search-query"]))
+                    ]),
+                    _: 1
+                  }, 8, ["title"])) : k("", !0),
+                  t.showMarketTab ? (o(), x(u(te), {
+                    key: 1,
+                    title: t.marketTabTitle,
+                    name: "market"
+                  }, {
+                    default: w(() => [
+                      t.enableSearch || t.enableMarketCategoryFilter ? (o(), r("div", It, [
+                        t.enableMarketCategoryFilter ? (o(), r("div", Mt, [
+                          g(u(be), {
+                            modelValue: C.value,
+                            "onUpdate:modelValue": i[1] || (i[1] = (n) => C.value = n),
+                            placeholder: t.marketCategoryPlaceholder
+                          }, {
+                            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: w(() => [
+                                  he(U(n.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
+                          }, {
+                            suffix: w(() => [
+                              g(u(oe), { style: { "font-size": "16px", cursor: "pointer" } })
+                            ]),
+                            _: 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,
+                          mode: "market",
+                          expandable: !1,
+                          "show-tool-count": !1,
+                          onAddPlugin: $
+                        }, null, 8, ["plugin"]))), 128))
+                      ])) : (o(), x(u(se), {
+                        key: 2,
+                        "search-query": v.value || C.value
+                      }, null, 8, ["search-query"]))
+                    ]),
+                    _: 1
+                  }, 8, ["title"])) : k("", !0)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            g(u(Tt), {
+              visible: F.value,
+              "onUpdate:visible": i[4] || (i[4] = (n) => F.value = n),
+              onConfirm: W
+            }, null, 8, ["visible"])
+          ], 6)) : k("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["name"]));
+  }
+}), J = /* @__PURE__ */ E(Ot, [["__scopeId", "data-v-51b705ed"]]);
+J.name = "McpServerPicker";
+const Rt = function(_) {
+  _.component(J.name, J);
+};
+J.install = Rt;
+export {
+  J as default
+};