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

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

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