china-mobile-international-custom-components 0.1.22 → 0.1.24

package/es/chunks/AddDialog.RuOrCghd.js

@@ -0,0 +1,1969 @@
+import { reactive as Le, openBlock as o, createElementBlock as p, Fragment as H, toDisplayString as d, unref as e, createCommentVNode as y, createVNode as u, withCtx as r, createTextVNode as j, createElementVNode as s, ref as K, computed as M, watch as de, onMounted as he, onUnmounted as et, resolveComponent as V, createBlock as v, withModifiers as le, useCssVars as tt, nextTick as Be, getCurrentScope as nt, onScopeDispose as at, getCurrentInstance as Ue, shallowRef as xe, toValue as Ve, normalizeStyle as _e, normalizeClass as q, resolveDynamicComponent as Te, Transition as lt, withDirectives as ze, vShow as ot, renderList as ie, onBeforeUnmount as it, resolveDirective as st, withKeys as Re } from "vue";
+import { ElIcon as G, ElPopover as ce, ElInput as De, ElButton as U, ElMessage as ct, ElEmpty as Ee, ElDropdown as dt, ElDropdownMenu as rt, ElDropdownItem as Se, ElAutoResizer as ut, ElTreeV2 as pt } from "element-plus";
+import { A as a, d as Ke, e as L, H as ke, u as mt, p as gt, f as Ae, h as Ne, i as we, j as _t, n as ht, k as $e, l as Oe, m as ft, o as vt, q as yt, O as Me, r as bt, s as kt, t as At, v as Nt } from "./index.JG8-HCzk.js";
+import { useDialog as wt, DialogContainer as Ot } from "../DialogContainer.mjs";
+import { u as ee } from "./i18n.9cHOVn6X.js";
+import { AiboxTable as Ct } from "../Table.mjs";
+import { AutoShowTooltip as Ge } from "../AutoShowTooltip.mjs";
+import { useRouter as xt, useRoute as Fe } from "vue-router";
+import { _ as te } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { ViewMcpDetail as Dt } from "color-message-aibox-vue";
+import '../assets/AddDialog.css';const It = { key: 0 }, Tt = { class: "output-warp__name" }, Et = {
+  key: 0,
+  class: "required"
+}, Rt = { class: "output-warp__text" }, St = { class: "output-warp__type" }, $t = ["title"], ue = {
+  __name: "InputVariable",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    showTitle: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(n) {
+    const { t: b } = ee(), m = Le({
+      columns: [
+        {
+          label: b("AGENT_ARRANGE.IV.COL.LABEL_1") || "参数名称",
+          prop: "name",
+          slot: "name",
+          width: "120px"
+        },
+        {
+          label: b("AGENT_ARRANGE.IV.COL.LABEL_2") || "参数类型",
+          prop: "type",
+          slot: "type",
+          width: "100px"
+        },
+        {
+          label: b("AGENT_ARRANGE.IV.COL.LABEL_3") || "参数描述",
+          prop: "description",
+          slot: "description"
+        }
+      ]
+    });
+    return (c, O) => (o(), p(H, null, [
+      n.showTitle ? (o(), p("p", It, d(e(b)("AGENT_ARRANGE.IV.INPUT_PARAMS")), 1)) : y("", !0),
+      u(e(Ct), {
+        class: "output-warp",
+        columns: m.columns,
+        data: n.data,
+        isSecondaryHeader: "",
+        onRowKey: (h) => h.uiid,
+        hasPage: !1,
+        total: m.total
+      }, {
+        name: r(({ row: h }) => [
+          s("div", Tt, [
+            h.required ? (o(), p("span", Et, "*")) : y("", !0),
+            s("span", Rt, [
+              u(e(Ge), {
+                content: h.extendName ? h.extendName : h.name
+              }, {
+                default: r(() => [
+                  j(d(h.extendName ? h.extendName : h.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["content"])
+            ])
+          ])
+        ]),
+        type: r(({ row: h }) => [
+          s("span", St, d(h.type), 1)
+        ]),
+        description: r(({ row: h }) => [
+          h.description ? (o(), p("span", {
+            key: 0,
+            class: "output-warp__description",
+            title: h.description
+          }, [
+            u(e(Ge), {
+              content: h.description
+            }, {
+              default: r(() => [
+                j(d(h.description), 1)
+              ]),
+              _: 2
+            }, 1032, ["content"])
+          ], 8, $t)) : y("", !0)
+        ]),
+        _: 1
+      }, 8, ["columns", "data", "onRowKey", "total"])
+    ], 64));
+  }
+}, Mt = {
+  key: 0,
+  class: "auth-status"
+}, Gt = { class: "auth-status__info" }, jt = { class: "auth-text" }, Pt = { class: "auth-popover" }, Lt = { class: "auth-popover__title" }, Bt = { class: "title-text" }, Ut = { class: "auth-popover__input" }, Vt = {
+  key: 0,
+  class: "auth-error"
+}, zt = { class: "auth-popover__btns" }, Kt = {
+  key: 0,
+  class: "title__tag"
+}, Ft = {
+  __name: "AuthStatus",
+  props: {
+    // 数据对象，包含授权相关信息
+    data: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    },
+    type: {
+      type: String,
+      default: a.mcp,
+      validator: (n) => Object.values(a).includes(n)
+    }
+  },
+  emits: [
+    "update-success"
+    // 操作成功后的更新
+  ],
+  setup(n, { emit: b }) {
+    const { t: m } = ee(), { updateMcpKey: c, createMcpKey: O, addPlugletKeyApi: h, editPlugletKeyApi: k } = Ke(), g = n, T = b, x = K(g.data.apiKey || ""), R = K(g.data.apiKey || ""), f = K(!1), B = K(""), t = K(!1), A = K(
+      `${g.type}-${g.data.bnid || g.data.keyBnid}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    ), P = M(() => g.data.state != 2), z = M(() => {
+      if (g.type === a.mcp)
+        return g.data.state == 1;
+      const Y = {
+        [a.plugin]: "apiKey"
+        // [ARRANGE_STATIC_DATA_MAP.mcp]: 'keyBnid'
+      };
+      return !!g.data[Y[g.type]];
+    }), w = {
+      [a.plugin]: h,
+      [a.mcp]: O
+    }, N = {
+      [a.plugin]: k,
+      [a.mcp]: c
+    }, W = M(() => z.value ? N[g.type] : w[g.type]), C = () => {
+      B.value = "", L.emit(ke, A.value), t.value = !0;
+    }, S = () => {
+      x.value = R.value, t.value = !1;
+    }, I = async () => {
+      f.value = !0;
+      const Y = {
+        [a.plugin]: "plugletBnid",
+        [a.mcp]: "bnid"
+      };
+      await W.value(
+        {
+          apiKey: x.value,
+          [Y[g.type]]: g.data.keyBnid || g.data.bnid
+        },
+        g.data.bnid || g.data.keyBnid
+      ).then((J) => {
+        J.code === 0 && (J.data ? (ct.success(J.mesg), S(), T("update-success")) : B.value = J.mesg);
+      }).finally(() => {
+        f.value = !1;
+      });
+    }, F = () => {
+      window.open(g.data.applyLink, "_blank");
+    }, Z = (Y) => {
+      Y !== A.value && (t.value = !1);
+    };
+    return de(
+      () => g.data,
+      (Y) => {
+        x.value = Y.apiKey, R.value = Y.apiKey;
+      }
+    ), he(() => {
+      L.on(ke, Z);
+    }), et(() => {
+      L.off(ke, Z);
+    }), (Y, J) => {
+      const pe = V("IconOk2"), fe = V("IconWarn"), ve = V("IconGoto2"), ne = V("Government");
+      return P.value ? (o(), p("div", Mt, [
+        s("div", Gt, [
+          z.value ? (o(), v(e(G), {
+            key: 0,
+            color: "#27C637",
+            size: "16px"
+          }, {
+            default: r(() => [
+              u(pe)
+            ]),
+            _: 1
+          })) : (o(), v(e(G), {
+            key: 1,
+            color: "#B8B8B8",
+            size: "12px"
+          }, {
+            default: r(() => [
+              u(fe)
+            ]),
+            _: 1
+          })),
+          s("span", jt, d(z.value ? e(m)("AGENT_ARRANGE.AS.AUTHORIZED") : e(m)("AGENT_ARRANGE.AS.UNAUTHORIZED")), 1)
+        ]),
+        u(e(ce), {
+          placement: "right",
+          trigger: "click",
+          visible: t.value,
+          width: 344,
+          "popper-class": "auth-status-popover"
+        }, {
+          reference: r(() => [
+            s("span", {
+              class: "auth-btn",
+              onClick: le(C, ["stop"])
+            }, d(z.value ? e(m)("AGENT_ARRANGE.AS.MODIFY_API_KEY") : e(m)("AGENT_ARRANGE.AS.GO_AUTHORIZE")), 1)
+          ]),
+          default: r(() => [
+            s("div", Pt, [
+              s("div", Lt, [
+                s("div", Bt, d(e(m)("AGENT_ARRANGE.AS.INPUT_API_KEY")), 1),
+                n.data.applyLink ? (o(), p("div", {
+                  key: 0,
+                  class: "title-link",
+                  onClick: F
+                }, [
+                  j(d(e(m)("AGENT_ARRANGE.AS.HOW_TO_GET")) + " ", 1),
+                  u(e(G), {
+                    size: "10px",
+                    color: "var(--el-color-primary)"
+                  }, {
+                    default: r(() => [
+                      u(ve)
+                    ]),
+                    _: 1
+                  })
+                ])) : y("", !0)
+              ]),
+              s("div", Ut, [
+                u(e(De), {
+                  class: "auth-input",
+                  modelValue: x.value,
+                  "onUpdate:modelValue": J[0] || (J[0] = (ae) => x.value = ae),
+                  placeholder: e(m)("AGENT_ARRANGE.AS.API_KEY_TIP"),
+                  maxlength: "500"
+                }, null, 8, ["modelValue", "placeholder"]),
+                B.value ? (o(), p("div", Vt, d(B.value), 1)) : y("", !0)
+              ]),
+              s("div", zt, [
+                u(e(U), {
+                  class: "btn-cancel",
+                  link: "",
+                  onClick: S
+                }, {
+                  default: r(() => [
+                    j(d(e(m)("COMMON_BUTTON.CANCEL_TEXT")), 1)
+                  ]),
+                  _: 1
+                }),
+                u(e(U), {
+                  class: "btn-confirm",
+                  onClick: I,
+                  type: "primary",
+                  disabled: !x.value,
+                  loading: f.value
+                }, {
+                  default: r(() => [
+                    j(d(e(m)("COMMON_BUTTON.CONFIRM_TEXT")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]),
+        n.data.original === 1 ? (o(), p("div", Kt, [
+          u(e(G), { size: "16px" }, {
+            default: r(() => [
+              u(ne)
+            ]),
+            _: 1
+          }),
+          s("span", null, d(e(m)("AGENT_ARRANGE.AS.OFFICIAL")), 1)
+        ])) : y("", !0)
+      ])) : y("", !0);
+    };
+  }
+}, Ie = /* @__PURE__ */ te(Ft, [["__scopeId", "data-v-ba98e9cc"]]), qt = { class: "action-buttons" }, Ht = {
+  key: 0,
+  class: "action-btn-wrapper"
+}, Wt = {
+  key: 1,
+  class: "action-btn-wrapper"
+}, Zt = {
+  key: 2,
+  class: "action-badge"
+}, Yt = {
+  __name: "ActionButtons",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    needAuth: {
+      type: Boolean,
+      default: !1
+    },
+    badge: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["add", "remove", "refresh"],
+  setup(n, { emit: b }) {
+    const { t: m } = ee(), c = n, O = b, h = M(() => c.data.addStatus || (c.badge > 0 ? 1 : 0)), k = () => {
+      O("add", c.data);
+    }, g = () => {
+      O("remove", c.data);
+    }, T = () => {
+      O("refresh");
+    };
+    return (x, R) => {
+      const f = V("Refresh");
+      return o(), p("div", qt, [
+        n.type === e(a).mcp ? (o(), p("div", Ht, [
+          h.value === 1 ? (o(), v(e(U), {
+            key: 0,
+            class: "action-btn",
+            type: "primary",
+            text: "",
+            disabled: ""
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.ADDED")), 1)
+            ]),
+            _: 1
+          })) : (o(), v(e(U), {
+            key: 1,
+            class: "action-btn",
+            type: "primary",
+            text: "",
+            disabled: n.needAuth,
+            loading: n.data.addLoading,
+            onClick: le(k, ["stop"])
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.ADD")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled", "loading"])),
+          h.value === 1 ? (o(), v(e(U), {
+            key: 2,
+            class: "action-btn delete-btn",
+            type: "danger",
+            text: "",
+            onClick: le(g, ["stop"])
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.DELETE")), 1)
+            ]),
+            _: 1
+          })) : y("", !0),
+          !n.data.originalType && !n.data.mcpTool ? (o(), v(e(U), {
+            key: 3,
+            class: "action-btn refresh-btn",
+            text: "",
+            onClick: le(T, ["stop"])
+          }, {
+            default: r(() => [
+              u(e(G), null, {
+                default: r(() => [
+                  u(f)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : y("", !0)
+        ])) : (o(), p("div", Wt, [
+          h.value === 1 ? (o(), v(e(U), {
+            key: 0,
+            class: "action-btn",
+            type: "primary",
+            text: "",
+            disabled: ""
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.ADDED")), 1)
+            ]),
+            _: 1
+          })) : n.needAuth ? (o(), v(e(U), {
+            key: 2,
+            class: "action-btn",
+            type: "primary",
+            text: "",
+            disabled: ""
+          }, {
+            default: r(() => [
+              j(d(e(m)("AGENT_ARRANGE.AS.UNAUTHORIZED")), 1)
+            ]),
+            _: 1
+          })) : (o(), v(e(U), {
+            key: 1,
+            class: "action-btn",
+            type: "primary",
+            text: "",
+            loading: n.data.addLoading,
+            onClick: le(k, ["stop"])
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.ADD")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])),
+          h.value === 1 ? (o(), v(e(U), {
+            key: 3,
+            class: "action-btn delete-btn",
+            type: "danger",
+            text: "",
+            onClick: le(g, ["stop"])
+          }, {
+            default: r(() => [
+              j(d(e(m)("COMMON_DATA.DELETE")), 1)
+            ]),
+            _: 1
+          })) : y("", !0)
+        ])),
+        n.badge > 0 ? (o(), p("div", Zt, d(n.badge), 1)) : y("", !0)
+      ]);
+    };
+  }
+}, oe = /* @__PURE__ */ te(Yt, [["__scopeId", "data-v-eec99f87"]]), Jt = {
+  __name: "ExpandCollapse",
+  props: {
+    // 图标颜色
+    iconColor: {
+      type: String,
+      default: "#999999"
+    },
+    isExpanded: {
+      type: Boolean,
+      default: !1
+    },
+    pointer: {
+      type: [Boolean, Number],
+      default: !0
+    }
+  },
+  emits: [
+    "toggle"
+    // 切换展开状态
+  ],
+  setup(n, { emit: b }) {
+    tt((h) => ({
+      v05ca9473: n.pointer ? "pointer" : "not-allowed"
+    }));
+    const m = n, c = b, O = () => {
+      c("toggle", m.data);
+    };
+    return (h, k) => {
+      const g = V("IconZuoCopyCopy"), T = V("IconZuoCopy");
+      return o(), p("div", {
+        onClick: O,
+        class: "expand-collapse"
+      }, [
+        u(e(G), { color: n.iconColor }, {
+          default: r(() => [
+            n.isExpanded ? (o(), v(g, { key: 0 })) : (o(), v(T, { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["color"])
+      ]);
+    };
+  }
+}, je = /* @__PURE__ */ te(Jt, [["__scopeId", "data-v-5ba3ea2a"]]);
+function Xt(n, b) {
+  return nt() ? (at(n, b), !0) : !1;
+}
+const Qt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function en(n) {
+  return Array.isArray(n) ? n : [n];
+}
+function tn(n) {
+  return Ue();
+}
+function nn(n, b = !0, m) {
+  tn() ? he(n, m) : b ? n() : Be(n);
+}
+const qe = Qt ? window : void 0;
+function se(n) {
+  var b;
+  const m = Ve(n);
+  return (b = m?.$el) !== null && b !== void 0 ? b : m;
+}
+// @__NO_SIDE_EFFECTS__
+function an() {
+  const n = xe(!1), b = Ue();
+  return b && he(() => {
+    n.value = !0;
+  }, b), n;
+}
+// @__NO_SIDE_EFFECTS__
+function ln(n) {
+  const b = /* @__PURE__ */ an();
+  return M(() => (b.value, !!n()));
+}
+function on(n, b, m = {}) {
+  const { window: c = qe, ...O } = m;
+  let h;
+  const k = /* @__PURE__ */ ln(() => c && "ResizeObserver" in c), g = () => {
+    h && (h.disconnect(), h = void 0);
+  }, T = de(M(() => {
+    const R = Ve(n);
+    return Array.isArray(R) ? R.map((f) => se(f)) : [se(R)];
+  }), (R) => {
+    if (g(), k.value && c) {
+      h = new ResizeObserver(b);
+      for (const f of R) f && h.observe(f, O);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), x = () => {
+    g(), T();
+  };
+  return Xt(x), {
+    isSupported: k,
+    stop: x
+  };
+}
+function sn(n, b = {
+  width: 0,
+  height: 0
+}, m = {}) {
+  const { window: c = qe, box: O = "content-box" } = m, h = M(() => {
+    var f;
+    return (f = se(n)) === null || f === void 0 || (f = f.namespaceURI) === null || f === void 0 ? void 0 : f.includes("svg");
+  }), k = xe(b.width), g = xe(b.height), { stop: T } = on(n, ([f]) => {
+    const B = O === "border-box" ? f.borderBoxSize : O === "content-box" ? f.contentBoxSize : f.devicePixelContentBoxSize;
+    if (c && h.value) {
+      const t = se(n);
+      if (t) {
+        const A = t.getBoundingClientRect();
+        k.value = A.width, g.value = A.height;
+      }
+    } else if (B) {
+      const t = en(B);
+      k.value = t.reduce((A, { inlineSize: P }) => A + P, 0), g.value = t.reduce((A, { blockSize: P }) => A + P, 0);
+    } else
+      k.value = f.contentRect.width, g.value = f.contentRect.height;
+  }, m);
+  nn(() => {
+    const f = se(n);
+    f && (k.value = "offsetWidth" in f ? f.offsetWidth : b.width, g.value = "offsetHeight" in f ? f.offsetHeight : b.height);
+  });
+  const x = de(() => se(n), (f) => {
+    k.value = f ? b.width : 0, g.value = f ? b.height : 0;
+  });
+  function R() {
+    T(), x();
+  }
+  return {
+    width: k,
+    height: g,
+    stop: R
+  };
+}
+const cn = {
+  key: 0,
+  class: "plugin-card__auth-status"
+}, dn = {
+  key: 1,
+  class: "plugin-card__selected-length"
+}, rn = ["title"], un = ["title"], pn = { class: "plugin-card__icon-container" }, mn = ["src"], gn = { class: "plugin-card__metadata-item" }, _n = {
+  key: 1,
+  class: "plugin-card__metadata-item-title"
+}, hn = { class: "plugin-card__metadata-item-content" }, fn = {
+  key: 0,
+  class: "plugin-card__separator"
+}, vn = {
+  key: 1,
+  class: "plugin-card__metadata-item"
+}, yn = {
+  key: 0,
+  class: "plugin-card__metadata-item-title"
+}, bn = { class: "plugin-card__metadata-item-content" }, kn = {
+  key: 2,
+  class: "plugin-card__separator"
+}, An = { class: "plugin-card__metadata-item" }, Nn = {
+  key: 0,
+  class: "plugin-card__metadata-item-title"
+}, wn = { class: "plugin-card__metadata-item-content" }, On = { class: "plugin-card__action-bar" }, Cn = {
+  __name: "PluginCard",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    currentIndex: {
+      type: String,
+      default: ""
+    },
+    activeId: {
+      type: String,
+      default: ""
+    },
+    pluginNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    //   是否是可操作的卡片
+    isOperableCard: {
+      type: Boolean,
+      default: !0
+    },
+    agentNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    workflowNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["select", "update-success", "view-detail", "add", "remove"],
+  setup(n, { emit: b }) {
+    const { t: m } = ee();
+    xt(), Fe();
+    const c = n, O = b, h = (w) => typeof w == "string" && (w.includes("http") || w.includes("https") || w.includes(".png") || w.includes(".jpg") || w.includes(".jpeg") || w.includes(".gif") || w.includes(".bmp") || w.includes(".webp")), k = M(() => {
+      if (![a.plugin, a.mcp].includes(c.currentIndex) || c.currentIndex === a.plugin && !c.data.needApiKey)
+        return !0;
+      const w = {
+        [a.plugin]: "apiKey",
+        [a.mcp]: "keyBnid"
+      };
+      return !!c.data[w[c.currentIndex]];
+    }), g = M(() => c.data.children?.filter((w) => w.addStatus == 1).length || 0), T = K(!1), x = M(() => c.data.bnid === c.activeId), R = M(() => {
+      if (!c.data.updatedAt) return "";
+      const w = new Date(c.data.updatedAt), N = w.getFullYear(), W = String(w.getMonth() + 1).padStart(2, "0"), C = String(w.getDate()).padStart(2, "0");
+      return `${N}.${W}.${C}`;
+    }), f = M(() => c.currentIndex === a.plugin ? c.data?.avatarUrl || c.data?.icon || "Plugin" : c.currentIndex === a.agent ? c.data?.avatarUrl || c.data?.icon || c.data?.type === 1 ? "Agent" : "WorkflowIcon3" : c.data?.icon || c.data?.avatarUrl || "Workflow"), B = () => {
+      const { origin: w } = location, N = "undefined/";
+      if (c.currentIndex === a.agent) {
+        const { type: W, bnid: C, workflowBnid: S } = c.data;
+        W === 1 ? window.open(`${w + N}agent-detail/${C}`) : W === 3 && (S && C ? window.open(`${w + N}chatflow/${S}/${C}`) : ElMessage.info(m("AGENT_ARRANGE.PC.NO_SUPPORT_MSG")));
+      } else c.currentIndex === a.workflow && window.open(`${w + N}workflow/${c.data.bnid}`);
+    }, t = (w, N) => {
+      O("add", w, N);
+    }, A = (w) => {
+      O("remove", w);
+    }, P = () => {
+      [a.workflow, a.agent].includes(c.currentIndex) && (T.value = !0);
+    }, z = () => {
+      T.value = !1;
+    };
+    return (w, N) => {
+      const W = V("CreateBy"), C = V("AiboxIcon"), S = V("IconPorn"), I = V("CreateTime");
+      return o(), p("div", {
+        class: q(["plugin-card", { active: x.value, "show-card-shadow": n.isOperableCard }]),
+        style: _e({ cursor: n.isOperableCard ? "pointer" : "default" }),
+        onClick: N[0] || (N[0] = (F) => w.$emit("select", n.data)),
+        onMouseenter: P,
+        onMouseleave: z
+      }, [
+        !k.value && [e(a).plugin].includes(n.currentIndex) && n.isOperableCard ? (o(), p("div", cn, d(e(m)("AGENT_ARRANGE.PC.AUTHORIZE")), 1)) : y("", !0),
+        g.value > 0 && [e(a).plugin, e(a).mcp].includes(n.currentIndex) && n.isOperableCard ? (o(), p("div", dn, d(g.value), 1)) : y("", !0),
+        s("div", {
+          class: q(["plugin-card__title", { unAuthorized: !k.value }]),
+          title: n.data.name
+        }, d(n.data.title || n.data.name), 11, rn),
+        s("div", {
+          class: q(["plugin-card__description", { unAuthorized: !k.value }]),
+          title: n.data.description
+        }, d(n.data.description || e(m)("AGENT_ARRANGE.PC.NO_DESC")), 11, un),
+        s("div", {
+          class: "plugin-card__icon-wrapper",
+          style: _e({ marginBottom: n.isOperableCard ? "0" : "20px" })
+        }, [
+          N[1] || (N[1] = s("div", { class: "plugin-card__icon-bg plugin-card__icon-bg--left" }, null, -1)),
+          N[2] || (N[2] = s("div", { class: "plugin-card__icon-bg plugin-card__icon-bg--right" }, null, -1)),
+          s("div", pn, [
+            h(f.value) ? (o(), p("img", {
+              key: 0,
+              src: f.value,
+              class: "plugin-card__avatar"
+            }, null, 8, mn)) : (o(), v(e(G), {
+              key: 1,
+              size: 72,
+              class: "plugin-card__avatar"
+            }, {
+              default: r(() => [
+                (o(), v(Te(f.value)))
+              ]),
+              _: 1
+            }))
+          ])
+        ], 4),
+        s("div", {
+          class: q(["plugin-card__metadata", { isShowCard: !n.isOperableCard }])
+        }, [
+          s("div", gn, [
+            n.isOperableCard ? y("", !0) : (o(), v(e(G), {
+              key: 0,
+              size: 13
+            }, {
+              default: r(() => [
+                u(W)
+              ]),
+              _: 1
+            })),
+            n.isOperableCard ? y("", !0) : (o(), p("span", _n, d(e(m)("AGENT_ARRANGE.PC.CREATOR")), 1)),
+            u(e(G), { size: 18 }, {
+              default: r(() => [
+                u(C)
+              ]),
+              _: 1
+            }),
+            s("span", hn, d(e(m)("HOME_TIPS.SHORT_TITLE_LIST.TITLE_3")), 1)
+          ]),
+          n.isOperableCard ? y("", !0) : (o(), p("span", fn, "|")),
+          [e(a).plugin, e(a).mcp].includes(n.currentIndex) ? (o(), p("div", vn, [
+            u(e(G), { size: 5 }, {
+              default: r(() => [
+                u(S)
+              ]),
+              _: 1
+            }),
+            n.isOperableCard ? y("", !0) : (o(), p("span", yn, d(e(m)("AGENT_ARRANGE.PC.TOOL")), 1)),
+            s("span", bn, d(n.data.num || n.data.children?.length || 0) + "个", 1)
+          ])) : y("", !0),
+          !n.isOperableCard && n.data.updatedAt ? (o(), p("span", kn, "|")) : y("", !0),
+          s("div", An, [
+            u(e(G), { size: 13 }, {
+              default: r(() => [
+                u(I)
+              ]),
+              _: 1
+            }),
+            n.isOperableCard ? y("", !0) : (o(), p("span", Nn, d(e(m)("AGENT_ARRANGE.PC.UPDATE_TIME")), 1)),
+            s("span", wn, d(R.value || "2025.05.21"), 1)
+          ])
+        ], 2),
+        u(lt, { name: "action-bar" }, {
+          default: r(() => [
+            ze(s("div", On, [
+              u(e(U), {
+                type: "primary",
+                size: "small",
+                onClick: le(B, ["stop"])
+              }, {
+                default: r(() => [
+                  j(d(e(m)("AGENT_ARRANGE.PC.VIEW_DETAIL")), 1)
+                ]),
+                _: 1
+              }),
+              u(oe, {
+                data: n.data,
+                type: n.currentIndex,
+                badge: [e(a).agent].includes(n.currentIndex) ? n.agentNodeNumObj[n.data.bnid] : [e(a).workflow].includes(n.currentIndex) ? n.workflowNodeNumObj[n.data.bnid] : 0,
+                onAdd: t,
+                onRemove: A
+              }, null, 8, ["data", "type", "badge"])
+            ], 512), [
+              [
+                ot,
+                [e(a).workflow, e(a).agent].includes(
+                  n.currentIndex
+                ) && T.value
+              ]
+            ])
+          ]),
+          _: 1
+        })
+      ], 38);
+    };
+  }
+}, He = /* @__PURE__ */ te(Cn, [["__scopeId", "data-v-73cb924b"]]), xn = { class: "plugin-card-grid-wrapper" }, Dn = {
+  __name: "PluginCardGrid",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    currentIndex: {
+      type: String,
+      default: ""
+    },
+    activeId: {
+      type: String,
+      default: ""
+    },
+    layout: {
+      type: String,
+      default: "grid",
+      // 'grid' | 'column'
+      validator: (n) => ["grid", "column"].includes(n)
+    },
+    agentNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    workflowNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["select", "update-success", "add", "remove"],
+  setup(n, { emit: b }) {
+    const { t: m } = ee(), c = n, O = b, h = K(null), k = K(0), { width: g } = sn(h), T = M(() => c.layout === "column" ? "plugin-card-grid--column" : "plugin-card-grid--grid"), x = M(() => {
+      if (c.layout === "column") return 1;
+      const C = 300, S = 20;
+      return Math.max(1, Math.floor((g.value + S) / (C + S)));
+    }), R = M(() => {
+      if (!c.data.length) return [];
+      const C = x.value, S = [];
+      for (let I = 0; I < c.data.length; I += C)
+        S.push(c.data.slice(I, I + C));
+      return S;
+    }), f = K(230), B = M(() => {
+      const C = h.value;
+      if (!C) return { start: 0, end: 0 };
+      const S = C.clientHeight, I = Math.floor(k.value / f.value), F = Math.ceil(S / f.value), Z = 2;
+      return {
+        start: Math.max(0, I - Z),
+        end: Math.min(R.value.length, I + F + Z)
+      };
+    }), t = M(() => {
+      const { start: C, end: S } = B.value, I = [];
+      for (let F = C; F < S; F++)
+        I.push({
+          index: F,
+          data: R.value[F]
+        });
+      return I;
+    }), A = M(() => R.value.length * f.value), P = (C) => {
+      k.value = C.target.scrollTop;
+    };
+    de([() => c.layout, g], () => {
+      h.value && (h.value.scrollTop = 0, k.value = 0);
+    });
+    const z = (C) => {
+      O("select", C);
+    }, w = () => {
+      O("update-success");
+    }, N = (C, S) => {
+      O("add", C, S);
+    }, W = (C) => {
+      O("remove", C);
+    };
+    return (C, S) => (o(), p("div", xn, [
+      n.data.length ? (o(), p("div", {
+        key: 0,
+        ref_key: "containerRef",
+        ref: h,
+        class: q(["plugin-card-grid", T.value]),
+        onScroll: P
+      }, [
+        s("div", {
+          style: _e({ height: `${A.value}px` })
+        }, [
+          (o(!0), p(H, null, ie(t.value, (I, F) => (o(), p("div", {
+            key: F,
+            class: q(["virtual-row", T.value]),
+            style: _e({ transform: `translateY(${I.index * f.value}px)` })
+          }, [
+            (o(!0), p(H, null, ie(I.data, (Z) => (o(), v(He, {
+              key: Z.bnid,
+              data: Z,
+              "current-index": n.currentIndex,
+              "active-id": n.activeId,
+              agentNodeNumObj: n.agentNodeNumObj,
+              workflowNodeNumObj: n.workflowNodeNumObj,
+              onSelect: z,
+              onUpdateSuccess: w,
+              onAdd: N,
+              onRemove: W
+            }, null, 8, ["data", "current-index", "active-id", "agentNodeNumObj", "workflowNodeNumObj"]))), 128))
+          ], 6))), 128))
+        ], 4)
+      ], 34)) : (o(), v(e(Ee), {
+        key: 1,
+        description: e(m)("COMMON_DATA.EMPTY"),
+        "image-size": 60,
+        class: "custom-empty"
+      }, null, 8, ["description"]))
+    ]));
+  }
+}, Pe = /* @__PURE__ */ te(Dn, [["__scopeId", "data-v-1a5fa8b2"]]), In = { class: "card-mode-container" }, Tn = {
+  key: 0,
+  class: "card-list-container"
+}, En = {
+  key: 1,
+  class: "card-detail-container"
+}, Rn = { class: "card-detail-header" }, Sn = { class: "card-detail-wrapper" }, $n = { class: "card-detail-left" }, Mn = { class: "plugin-tools-section" }, Gn = { class: "plugin-tools-section__title" }, jn = {
+  key: 0,
+  class: "plugin-tools-list"
+}, Pn = { class: "plugin-tool-item__left" }, Ln = { class: "plugin-tool-item__name" }, Bn = ["title"], Un = ["title"], Vn = { class: "plugin-tool-item__right" }, zn = { class: "card-detail-right" }, Kn = { class: "plugin-list-sidebar" }, Fn = {
+  __name: "CardModeContainer",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    currentIndex: {
+      type: String,
+      default: ""
+    },
+    pluginNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    MCPNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    agentNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    workflowNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["add", "remove", "update-success", "update:show-card-detail"],
+  setup(n, { emit: b }) {
+    const { t: m } = ee(), c = n, O = b, h = K(!1), k = K(null), g = (A) => {
+      [a.plugin, a.mcp].includes(c.currentIndex) && (k.value = A, h.value = !0);
+    }, T = () => {
+      h.value = !1, k.value = null;
+    };
+    de(
+      () => h.value,
+      (A) => {
+        O("update:show-card-detail", A);
+      }
+    );
+    const x = (A) => {
+      k.value = A;
+    }, R = (A) => Array.isArray(A) ? A.map((P) => {
+      const z = R(P.children);
+      return P.extendDisplay || P["extend-display"] || z && z.length > 0 ? {
+        ...P,
+        children: z
+      } : null;
+    }).filter(Boolean) : [], f = (A, P) => {
+      O("add", A, P);
+    }, B = (A) => {
+      O("remove", A);
+    }, t = () => {
+      O("update-success");
+    };
+    return (A, P) => {
+      const z = V("IconZuo"), w = V("Tip");
+      return o(), p("div", In, [
+        h.value ? (o(), p("div", En, [
+          s("div", Rn, [
+            u(e(U), {
+              type: "text",
+              class: "back-button",
+              onClick: T
+            }, {
+              default: r(() => [
+                u(e(G), { size: 16 }, {
+                  default: r(() => [
+                    u(z)
+                  ]),
+                  _: 1
+                }),
+                s("span", null, d(k.value.name), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          s("div", Sn, [
+            s("div", $n, [
+              u(He, {
+                data: k.value,
+                "current-index": n.currentIndex,
+                isOperableCard: !1
+              }, null, 8, ["data", "current-index"]),
+              s("div", Mn, [
+                s("div", Gn, [
+                  j(d(e(m)("AGENT_ARRANGE.CMC.TOOL")) + " ", 1),
+                  n.currentIndex === e(a).plugin && k.value.needApiKey ? (o(), v(Ie, {
+                    key: 0,
+                    data: k.value,
+                    type: n.currentIndex,
+                    onUpdateSuccess: t
+                  }, null, 8, ["data", "type"])) : y("", !0)
+                ]),
+                k.value.children && k.value.children.length ? (o(), p("div", jn, [
+                  (o(!0), p(H, null, ie(k.value.children, (N) => (o(), p("div", {
+                    key: N.bnid,
+                    class: "plugin-tool-item"
+                  }, [
+                    s("div", Pn, [
+                      s("div", Ln, [
+                        s("span", {
+                          title: N.interfaceName
+                        }, d(N.interfaceName), 9, Bn),
+                        N.paramsOuter && R(JSON.parse(N.paramsOuter)).length ? (o(), v(e(ce), {
+                          key: 0,
+                          placement: "right",
+                          width: N.paramsOuter ? 380 : 150,
+                          "popper-class": "add-dialog-popover",
+                          trigger: "hover"
+                        }, {
+                          reference: r(() => [
+                            u(e(G), {
+                              size: 13,
+                              style: { cursor: "pointer", "margin-left": "3px" }
+                            }, {
+                              default: r(() => [
+                                u(w, { color: "#999999" })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          default: r(() => [
+                            u(ue, {
+                              data: R(JSON.parse(N.paramsOuter))
+                            }, null, 8, ["data"])
+                          ]),
+                          _: 2
+                        }, 1032, ["width"])) : y("", !0)
+                      ]),
+                      s("div", {
+                        class: "plugin-tool-item__description",
+                        title: N.description
+                      }, d(N.description || "-"), 9, Un)
+                    ]),
+                    s("div", Vn, [
+                      n.currentIndex === e(a).plugin ? (o(), v(oe, {
+                        key: 0,
+                        data: N,
+                        type: n.currentIndex,
+                        "need-auth": !N.apiKey && N.needApiKey,
+                        badge: n.pluginNodeNumObj[N.bnid],
+                        onAdd: f,
+                        onRemove: B
+                      }, null, 8, ["data", "type", "need-auth", "badge"])) : y("", !0),
+                      n.currentIndex === e(a).mcp ? (o(), v(oe, {
+                        key: 1,
+                        data: N,
+                        type: n.currentIndex,
+                        "need-auth": !N.apiKey && N.state != 1,
+                        badge: n.MCPNodeNumObj[N.bnid],
+                        onAdd: f,
+                        onRemove: B
+                      }, null, 8, ["data", "type", "need-auth", "badge"])) : y("", !0)
+                    ])
+                  ]))), 128))
+                ])) : (o(), v(e(Ee), {
+                  key: 1,
+                  description: e(m)("AGENT_ARRANGE.CMC.NO_TOOL"),
+                  "image-size": 60,
+                  class: "custom-empty-small"
+                }, null, 8, ["description"]))
+              ])
+            ]),
+            s("div", zn, [
+              s("div", Kn, [
+                u(Pe, {
+                  data: n.data,
+                  "active-id": k.value.bnid,
+                  "current-index": n.currentIndex,
+                  layout: "column",
+                  onSelect: x
+                }, null, 8, ["data", "active-id", "current-index"])
+              ])
+            ])
+          ])
+        ])) : (o(), p("div", Tn, [
+          u(Pe, {
+            data: n.data,
+            "current-index": n.currentIndex,
+            agentNodeNumObj: n.agentNodeNumObj,
+            workflowNodeNumObj: n.workflowNodeNumObj,
+            layout: "grid",
+            onSelect: g,
+            onUpdateSuccess: t,
+            onAdd: f,
+            onRemove: B
+          }, null, 8, ["data", "current-index", "agentNodeNumObj", "workflowNodeNumObj"])
+        ]))
+      ]);
+    };
+  }
+}, qn = /* @__PURE__ */ te(Fn, [["__scopeId", "data-v-ce19f251"]]), Hn = { class: "view-toggle" }, Wn = { key: 1 }, Zn = {
+  __name: "ViewToggle",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      required: !0
+    },
+    options: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: b }) {
+    const m = n, c = b, O = (h) => {
+      c("update:modelValue", h.key), c("change", h);
+    };
+    return he(() => {
+      console.log(m.options);
+    }), (h, k) => (o(), p("div", Hn, [
+      (o(!0), p(H, null, ie(n.options, (g) => (o(), v(e(U), {
+        key: g.key,
+        class: q([{ active: n.modelValue === g.key }, "toggle-btn"]),
+        onClick: (T) => O(g)
+      }, {
+        default: r(() => [
+          g.icon ? (o(), v(e(G), {
+            key: 0,
+            size: 16
+          }, {
+            default: r(() => [
+              (o(), v(Te(g.icon)))
+            ]),
+            _: 2
+          }, 1024)) : y("", !0),
+          g.label ? (o(), p("span", Wn, d(g.label), 1)) : y("", !0)
+        ]),
+        _: 2
+      }, 1032, ["class", "onClick"]))), 128))
+    ]));
+  }
+}, Ce = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-df86bef7"]]), Yn = { class: "plugin-input-variable" }, Jn = { class: "plugin-input-variable__title" }, Xn = { class: "plugin-input-variable__item-title" }, Qn = {
+  __name: "PluginInputVariable",
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(n) {
+    const { t: b } = ee(), m = n, c = M(() => m.data ? [
+      {
+        name: "path",
+        list: m.data.path || []
+      },
+      {
+        name: "query",
+        list: m.data.query || []
+      },
+      {
+        name: "header",
+        list: m.data.header || []
+      },
+      {
+        name: "body",
+        list: m.data.body || []
+      }
+    ].filter((h) => h.list.length > 0) : []);
+    return (O, h) => {
+      const k = V("IconTip");
+      return c.value.length ? (o(), v(e(ce), {
+        key: 0,
+        placement: "right",
+        width: 380,
+        "popper-class": "add-dialog-popover",
+        trigger: "hover"
+      }, {
+        reference: r(() => [
+          u(e(G), {
+            size: 13,
+            color: "#999999",
+            style: { cursor: "pointer", "margin-left": "3px" }
+          }, {
+            default: r(() => [
+              u(k)
+            ]),
+            _: 1
+          })
+        ]),
+        default: r(() => [
+          s("div", Yn, [
+            s("h4", Jn, d(e(b)("AGENT_ARRANGE.IV.INPUT_PARAMS")), 1),
+            (o(!0), p(H, null, ie(c.value, (g) => (o(), p("div", {
+              key: g.name,
+              class: "plugin-input-variable__item"
+            }, [
+              s("h5", Xn, d(g.name), 1),
+              u(ue, {
+                data: g.list,
+                showTitle: !1
+              }, null, 8, ["data"])
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      })) : y("", !0);
+    };
+  }
+}, ea = /* @__PURE__ */ te(Qn, [["__scopeId", "data-v-6b59c90b"]]), ta = { class: "custom-add-dialog__content" }, na = {
+  key: 0,
+  class: "custom-add-dialog__left"
+}, aa = { class: "custom-add-dialog__left--title" }, la = { class: "custom-add-dialog__left--search" }, oa = ["onClick"], ia = ["onClick"], sa = {
+  key: 0,
+  class: "custom-add-dialog__right--title"
+}, ca = {
+  key: 2,
+  class: "custom-add-dialog__right__document"
+}, da = { class: "document__number" }, ra = { class: "custom-add-dialog__right__document--button" }, ua = { style: { flex: "1", height: "0" } }, pa = { class: "custom-add-dialog__right--icon overflow-hidden flex-1" }, ma = ["src"], ga = { class: "custom-add-dialog__right--text" }, _a = ["title"], ha = {
+  key: 0,
+  class: "custom-add-dialog__right--file"
+}, fa = ["title"], va = {
+  key: 1,
+  class: "custom-add-dialog__right--name plugin-style w-full overflow-hidden"
+}, ya = { class: "custom-add-dialog__right--icon overflow-hidden flex-1" }, ba = { class: "custom-add-dialog__right--text" }, ka = ["title"], Aa = ["title"], Na = ["onClick"], wa = { class: "custom-add-dialog__right--icon overflow-hidden flex-1" }, Oa = ["src"], Ca = { class: "custom-add-dialog__right--text" }, xa = ["title"], Da = {
+  key: 0,
+  class: "custom-add-dialog__right--file"
+}, Ia = {
+  key: 1,
+  class: "custom-add-dialog__right--file"
+}, Ta = ["title"], Ea = {
+  key: 1,
+  class: "custom-add-dialog__right--name plugin-style w-full overflow-hidden"
+}, Ra = { class: "custom-add-dialog__right--icon overflow-hidden flex-1" }, Sa = { class: "custom-add-dialog__right--text" }, $a = ["title"], Ma = ["title"], Ga = ["title"], Ha = {
+  __name: "AddDialog",
+  props: {
+    addNumber: {
+      type: Number,
+      default: 0
+    },
+    addNumberData: {
+      type: Number,
+      default: 0
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    addDialogOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    pluginNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    agentNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    MCPNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    workflowNodeNumObj: {
+      type: Object,
+      default: () => ({})
+    },
+    workflowBnid: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["success", "create"],
+  setup(n, { expose: b, emit: m }) {
+    const { t: c } = ee(), { updateAgentSkillet: O, removeAgentSkillet: h } = Ke(), k = mt(), g = m, T = Fe(), x = n, { dialogRef: R, showDialog: f, hideDialog: B } = wt(), t = Le({
+      addLoading: !1,
+      loading: !1,
+      activeSelect: 1,
+      data: [],
+      total: 0,
+      pages: { ...gt, size: 1e6 },
+      searchForm: {
+        search: ""
+      },
+      currentIndex: null,
+      currentData: {},
+      viewMode: "list",
+      // 'list' | 'card'
+      showCardDetail: !1,
+      // 卡片模式下是否显示详情页
+      mcpSourceFilter: "all"
+      // MCP市场筛选器，默认为"全部"
+    });
+    de(
+      () => t.currentIndex,
+      (l) => {
+        [a.plugin, a.mcp].includes(l) && (t.activeSelect = 0);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const A = K([]), P = {
+      children: "children",
+      hasChildren: "hasChildren",
+      value: "bnid"
+    }, z = (l) => {
+      t.activeSelect = l, t.pages.page = 1, t.showCardDetail = !1, t.viewMode = "list", A.value = [], t.currentIndex === a.mcp && l === 0 && (t.mcpSourceFilter = "all"), I();
+    }, w = async (l) => {
+      t.currentIndex = l.key, t.currentData = $e(x.addDialogOptions)[l.key], t.pages.page = 1, A.value = [], t.showCardDetail = !1, t.viewMode = "list", l.key === a.mcp && (t.mcpSourceFilter = "all"), I();
+    }, N = (l) => {
+      t.mcpSourceFilter = l.key, t.pages.page = 1, t.showCardDetail = !1, t.viewMode = "list", A.value = [], I();
+    }, W = [
+      {
+        icon: "IconList",
+        key: "list"
+      },
+      {
+        icon: "IconCard",
+        key: "card"
+      }
+    ], C = M(() => t.currentData.key === a.mcp && t.currentData.list?.[0]?.filters ? t.currentData.list[0].filters.map((l) => ({
+      label: l.label,
+      key: l.value
+    })) : []), S = (l) => {
+      t.viewMode = l.key, t.showCardDetail = !1, A.value = [], I();
+    }, I = async () => {
+      t.loading = !0;
+      const l = {
+        ...t.searchForm,
+        ...t.currentData.params,
+        ...t.pages,
+        agentBnid: T.params.bnid,
+        workspaceBnid: k.selectedBusinessSpace || ""
+      };
+      if (t.currentIndex === a.workflow && t.activeSelect == 0 && (l.name = t.searchForm.search), t.currentIndex === a.mcp) {
+        const E = t.currentData.list?.[t.activeSelect];
+        E?.channel && (l.channel = E.channel), t.activeSelect === 0 ? l.original = t.mcpSourceFilter : E?.original && (l.original = "personal");
+      }
+      x.addDialogOptions.isInWorkflow && t.currentIndex === a.workflow && (l.workflowBnid = x.workflowBnid);
+      let _ = {};
+      t.activeSelect == 0 && t.currentData.marketFetchMethod ? _ = await t.currentData.marketFetchMethod({ ...l }).finally(() => {
+        t.loading = !1;
+      }) : _ = await t.currentData.fetchMethod({ ...l, range: t.activeSelect || 1 }).finally(() => {
+        t.loading = !1;
+      });
+      const $ = _?.data || {}, X = $.data?.filter((E) => E.bnid !== Z.value).map((E) => {
+        const Q = { addLoading: !1, ...E, level: 1 };
+        return E?.mcpTools?.length && (Q.children = E.mcpTools.map((D) => ({
+          ...D,
+          apiKey: E.apiKey,
+          state: E.state,
+          bnid: `${E.bnid}-${D.name}`,
+          mcpBnid: E.bnid,
+          mcpKey: E.keyBnid,
+          mcpTool: D.name,
+          nodeName: E.name,
+          icon: E.icon,
+          type: E.type
+        }))), E?.pluglitList?.length && (Q.children = E.pluglitList.map((D) => ({
+          ...E,
+          ...D,
+          pluglitType: Q.type
+        })), Q.pluglitList = E.pluglitList.map((D) => ({
+          ...D,
+          randomId: Math.random().toString(36).substring(2, 15),
+          pluglitType: Q.type
+        }))), Q;
+      });
+      A.value = X?.length ? [...X] : [], console.log("🚀 ~ getList ~ serviceData.value:", A.value), t.total = $.total || 0;
+    }, F = () => {
+      t.pages.page = 1, t.showCardDetail = !1, t.viewMode = "list", A.value = [], I();
+    }, Z = K(null), Y = async (l, _) => {
+      console.log(l, _, "key, bnid"), t.currentData = $e(x.addDialogOptions)[l], t.currentIndex = l, t.pages.page = 1, t.data = [], t.activeSelect = [a.plugin, a.mcp].includes(l) ? 0 : 1, A.value = [], t.showCardDetail = !1, t.viewMode = "list", Z.value = _, I(), f();
+    }, J = () => {
+      t.searchForm.search = "", t.viewMode = "list", t.showCardDetail = !1, B();
+    }, pe = (l) => {
+      g("create", l);
+    }, fe = (l) => {
+      g("create", l);
+    }, ve = M(() => x.addNumberData ? x.addNumberData : t.currentIndex === a.plugin ? Object.values(x.pluginNodeNumObj).reduce((l, _) => l + _, 0) : t.currentIndex === a.agent ? Object.values(x.agentNodeNumObj).reduce((l, _) => l + _, 0) : t.currentIndex === a.mcp ? Object.values(x.MCPNodeNumObj).reduce((l, _) => l + _, 0) : t.currentIndex === a.workflow ? Object.values(x.workflowNodeNumObj).reduce((l, _) => l + _, 0) : 0), ne = async (l, _) => {
+      if (x.addDialogOptions.isInWorkflow)
+        t.currentIndex === a.plugin ? (L.on(we, () => {
+          L.off(we);
+        }), L.emit(bt, { data: l, e: _ })) : t.currentIndex === a.mcp ? (console.log("========mcp", l), L.on(Ae, () => {
+          L.off(Ae);
+        }), L.emit(kt, { data: l, e: _ })) : t.currentIndex === a.workflow ? (console.log("========workflow", l), L.emit(At, { data: l, e: _ })) : (L.on(Ne, () => {
+          L.off(Ne);
+        }), L.emit(Nt, { data: l, e: _ }));
+      else {
+        let $ = {
+          bnid: T.params.bnid,
+          skillet: l.bnid,
+          type: l.type
+        };
+        l.mcpTool && ($.subSkillet = l.mcpTool, $.skillet = l.mcpBnid), l.addLoading = !0;
+        const { code: X } = await O($).finally(() => {
+          l.addLoading = !1;
+        });
+        X === 0 && (l.addStatus = 1, L.emit(Me));
+      }
+    }, ae = async (l) => {
+      let _ = {
+        bnid: T.params.bnid,
+        skillet: l.bnid,
+        type: l.type
+      };
+      l.mcpTool && (_.subSkillet = l.mcpTool, _.skillet = l.mcpBnid);
+      const { code: $ } = await h(_);
+      $ === 0 && (l.addStatus = 0, L.emit(Me));
+    }, ye = (l) => Array.isArray(l) ? l.map((_) => {
+      const $ = ye(_.children);
+      return _.extendDisplay || _["extend-display"] || $ && $.length > 0 ? {
+        ..._,
+        children: $
+      } : null;
+    }).filter(Boolean) : [], re = K(null), We = async (l) => {
+      if (!l.mcpTools || !l.mcpTools.length || l.state != 1)
+        return;
+      const _ = l?.mcpTools?.[0];
+      be(l, _);
+    }, Ze = (l) => {
+      if (l?.pluglitList?.length) {
+        const _ = l?.pluglitList?.[0];
+        be(l, _);
+      }
+    }, Ye = (l) => {
+      if (l?.children?.length) {
+        const _ = l?.mcpTools?.[0];
+        be(l, _);
+      }
+    }, be = (l, _) => {
+      const $ = re.value.getNode(l);
+      l.showChildren ? re.value.collapseNode($) : (re.value.expandNode($), Be(() => {
+        re.value.scrollToNode(_.randomId || null);
+      })), l.showChildren = !l.showChildren;
+    }, me = (l) => [a.workflow, a.mcp].includes(t.currentIndex) ? l?.icon || l?.avatarUrl || Oe?.[t.currentIndex] || "" : [a.agent].includes(t.currentIndex) ? l?.icon ? l?.icon : l.type == 1 ? Oe?.[t.currentIndex] : Oe.chatflow : [
+      a.document,
+      a.qa,
+      a.all
+    ].includes(t.currentIndex) ? ft?.[l?.type] || "" : t.currentIndex === a.plugin ? l?.avatarUrl || l?.icon || vt : t.currentIndex == a.mcp ? l?.icon || l?.avatarUrl || l?.iconUrl || yt : l?.icon || l?.avatarUrl || l?.iconUrl || "", Je = (l) => {
+      const { origin: _ } = location, $ = "undefined/", X = encodeURIComponent(T.fullPath);
+      window.open(`${_ + $}mcp-detail/${l.bnid}?from=${X}`);
+    }, Xe = (l) => {
+      const { origin: _ } = location, $ = "undefined/", X = encodeURIComponent(T.fullPath);
+      window.open(`${_ + $}store-mcp-detail/${l}?from=${X}`);
+    }, Qe = (l) => {
+      l.originalType == 1 ? Je(l) : Xe(l.bnid);
+    };
+    return it(() => {
+      L.off(Ae), L.off(Ne), L.off(we), L.off(_t);
+    }), b({
+      updateView: Y,
+      getList: I,
+      handleViewModeChange: S,
+      hideDialog: B
+    }), (l, _) => {
+      const $ = V("IconClose"), X = V("IconZuoCopy"), E = V("IconTip"), Q = st("loading");
+      return o(), v(e(Ot), {
+        ref_key: "dialogRef",
+        ref: R,
+        class: q(`custom-add-dialog ${n.customClass}`),
+        onClosed: J,
+        width: "1236"
+      }, {
+        default: r(() => [
+          s("div", ta, [
+            [
+              e(a).workflow,
+              e(a).plugin,
+              e(a).mcp,
+              e(a).agent
+            ].includes(t.currentData.key) ? (o(), p("div", na, [
+              s("div", aa, [
+                s("span", null, d(t.currentData.title), 1)
+              ]),
+              s("div", la, [
+                s("div", null, [
+                  u(e(De), {
+                    placeholder: e(c)("COMMON_DATA.PLACEHOLDER_INPUT"),
+                    modelValue: t.searchForm.search,
+                    "onUpdate:modelValue": _[0] || (_[0] = (D) => t.searchForm.search = D),
+                    style: { width: "100%" },
+                    class: "custom-search-input",
+                    onKeyup: Re(F, ["enter"]),
+                    "prefix-icon": "Seach"
+                  }, null, 8, ["placeholder", "modelValue"]),
+                  [
+                    e(a).workflow,
+                    e(a).plugin,
+                    e(a).agent
+                  ].includes(t.currentData.key) ? (o(), v(e(U), {
+                    key: 0,
+                    type: "primary",
+                    style: { width: "100%", "margin-top": "24px" },
+                    onClick: _[1] || (_[1] = (D) => pe(t.currentData.key))
+                  }, {
+                    default: r(() => [
+                      j(d(t.currentData.otherTitle), 1)
+                    ]),
+                    _: 1
+                  })) : y("", !0)
+                ])
+              ]),
+              s("ul", null, [
+                [
+                  e(a).workflow,
+                  e(a).plugin,
+                  e(a).mcp,
+                  e(a).agent
+                ].includes(t.currentData.key) ? (o(!0), p(H, { key: 0 }, ie(t.currentData.list, (D, i) => (o(), p("li", {
+                  class: q({ active: t.activeSelect === i }),
+                  key: i,
+                  onClick: (ge) => z(i)
+                }, [
+                  u(e(G), {
+                    size: 20,
+                    style: { "margin-right": "8px" }
+                  }, {
+                    default: r(() => [
+                      (o(), v(Te(D.icon), {
+                        color: t.activeSelect === i ? "var(--el-color-primary)" : "#262626"
+                      }, null, 8, ["color"]))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  j(" " + d(D.title), 1)
+                ], 10, oa))), 128)) : (o(!0), p(H, { key: 1 }, ie(t.currentData.list, (D, i) => (o(), p("li", {
+                  class: q({ active: D.key === t.currentIndex }),
+                  key: i,
+                  onClick: (ge) => w(D)
+                }, d(D.label), 11, ia))), 128))
+              ])
+            ])) : y("", !0),
+            s("div", {
+              class: q(["custom-add-dialog__right", {
+                "custom-width-right": [
+                  e(a).document,
+                  e(a).qa,
+                  e(a).all
+                ].includes(t.currentData.key)
+              }])
+            }, [
+              u(e(U), {
+                class: "close-btn",
+                onClick: J
+              }, {
+                default: r(() => [
+                  u(e(G), { size: 16 }, {
+                    default: r(() => [
+                      u($)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              !t.showCardDetail && [
+                e(a).mcp,
+                e(a).plugin,
+                e(a).workflow,
+                e(a).agent
+              ].includes(t.currentData.key) ? (o(), p("div", sa, [
+                u(Ce, {
+                  modelValue: t.viewMode,
+                  "onUpdate:modelValue": _[2] || (_[2] = (D) => t.viewMode = D),
+                  options: W,
+                  onChange: S
+                }, null, 8, ["modelValue"])
+              ])) : y("", !0),
+              t.currentData.key === e(a).mcp && t.activeSelect === 0 && C.value.length > 0 ? (o(), v(Ce, {
+                key: 1,
+                modelValue: t.mcpSourceFilter,
+                "onUpdate:modelValue": _[3] || (_[3] = (D) => t.mcpSourceFilter = D),
+                options: C.value,
+                onChange: N
+              }, null, 8, ["modelValue", "options"])) : y("", !0),
+              [
+                e(a).document,
+                e(a).qa,
+                e(a).all
+              ].includes(t.currentData.key) ? (o(), p("div", ca, [
+                s("div", {
+                  class: q(["custom-add-dialog__right__document--title", { "is-knowledge-title": [e(a).document, e(a).qa, e(a).all].includes(t.currentData.key) }])
+                }, [
+                  s("span", null, d(t.currentData.title), 1),
+                  s("span", da, d(e(c)("COMMON_DATA.ADDED")) + ": " + d(ve.value), 1)
+                ], 2),
+                s("div", ra, [
+                  u(Ce, {
+                    modelValue: t.currentIndex,
+                    "onUpdate:modelValue": _[4] || (_[4] = (D) => t.currentIndex = D),
+                    options: t.currentData.tabList,
+                    onChange: w
+                  }, null, 8, ["modelValue", "options"]),
+                  u(e(De), {
+                    placeholder: e(c)("COMMON_DATA.PLACEHOLDER_INPUT"),
+                    modelValue: t.searchForm.search,
+                    "onUpdate:modelValue": _[5] || (_[5] = (D) => t.searchForm.search = D),
+                    onKeyup: Re(F, ["enter"]),
+                    "prefix-icon": "Seach"
+                  }, null, 8, ["placeholder", "modelValue"]),
+                  [
+                    e(a).workflow,
+                    e(a).plugin,
+                    e(a).agent
+                  ].includes(t.currentData.key) ? (o(), v(e(U), {
+                    key: 0,
+                    type: "primary",
+                    onClick: _[6] || (_[6] = (D) => pe(t.currentData.key))
+                  }, {
+                    default: r(() => [
+                      j(d(t.currentData.otherTitle), 1)
+                    ]),
+                    _: 1
+                  })) : y("", !0),
+                  [
+                    e(a).document,
+                    e(a).qa,
+                    e(a).all
+                  ].includes(t.currentData.key) ? (o(), v(e(dt), {
+                    key: 1,
+                    onCommand: fe
+                  }, {
+                    dropdown: r(() => [
+                      u(e(rt), null, {
+                        default: r(() => [
+                          u(e(Se), { command: "document" }, {
+                            default: r(() => [
+                              j(d(e(c)("AGENT_ARRANGE.AD.CREATE_DOCUMENT")), 1)
+                            ]),
+                            _: 1
+                          }),
+                          u(e(Se), { command: "qa" }, {
+                            default: r(() => [
+                              j(d(e(c)("AGENT_ARRANGE.AD.CREATE_QA")), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: r(() => [
+                      u(e(U), { type: "primary" }, {
+                        default: r(() => [
+                          j(d(e(c)("AGENT_ARRANGE.AD.CREATE_ZSK")) + " ", 1),
+                          u(e(G), { class: "el-icon--right" }, {
+                            default: r(() => [
+                              u(X)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : y("", !0)
+                ])
+              ])) : y("", !0),
+              ze((o(), p("div", ua, [
+                t.viewMode === "list" ? (o(), v(e(ut), { key: 0 }, {
+                  default: r(({ height: D }) => [
+                    A.value.length ? (o(), v(e(pt), {
+                      key: 0,
+                      data: A.value,
+                      props: P,
+                      height: D - 14,
+                      "item-size": 97,
+                      "expand-on-click-node": !1,
+                      class: q(["custom-add-dialog__right--content", {
+                        "is-knowledge": [
+                          e(a).document,
+                          e(a).qa,
+                          e(a).all
+                        ].includes(t.currentData.key)
+                      }]),
+                      indent: 0,
+                      ref_key: "treeRef",
+                      ref: re
+                    }, {
+                      default: r(({ data: i }) => [
+                        [
+                          e(a).document,
+                          e(a).qa,
+                          e(a).all,
+                          e(a).workflow,
+                          e(a).agent
+                        ].includes(t.currentData.key) ? (o(), p(H, { key: 0 }, [
+                          i.level ? (o(), p("div", {
+                            key: 0,
+                            class: q(["custom-add-dialog__right--name", "w-full", "overflow-hidden", { "is-knowledge-name": [e(a).document, e(a).qa, e(a).all].includes(t.currentData.key) }])
+                          }, [
+                            s("div", pa, [
+                              me(i) ? (o(), p("img", {
+                                key: 0,
+                                src: me(i),
+                                width: "42",
+                                height: "42",
+                                alt: ""
+                              }, null, 8, ma)) : y("", !0),
+                              s("div", null, [
+                                s("div", ga, [
+                                  s("span", {
+                                    class: "text-span ellipsis",
+                                    title: i.name || i.title
+                                  }, d(i.publishTile || i.name || i.title), 9, _a),
+                                  [
+                                    e(a).document,
+                                    e(a).qa,
+                                    e(a).all
+                                  ].includes(t.currentData.key) ? (o(), p("span", ha, d(e(ht)[i.type]) + ":" + d(i.size), 1)) : y("", !0),
+                                  [e(a).workflow].includes(
+                                    t.currentData.key
+                                  ) && i?.properties?.length ? (o(), v(e(ce), {
+                                    key: 1,
+                                    placement: "right",
+                                    width: i?.properties?.length ? 360 : 150,
+                                    "popper-class": "add-dialog-popover",
+                                    trigger: "hover"
+                                  }, {
+                                    reference: r(() => [
+                                      u(e(G), {
+                                        size: "13px",
+                                        color: "#999999",
+                                        style: { cursor: "pointer", "margin-left": "3px" }
+                                      }, {
+                                        default: r(() => [
+                                          u(E)
+                                        ]),
+                                        _: 1
+                                      })
+                                    ]),
+                                    default: r(() => [
+                                      u(ue, {
+                                        data: i.properties
+                                      }, null, 8, ["data"])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["width"])) : y("", !0)
+                                ]),
+                                s("div", {
+                                  class: "custom-add-dialog__right--desc text-description text-ellipsis",
+                                  title: i.description
+                                }, d(i.description || "-"), 9, fa)
+                              ])
+                            ]),
+                            [e(a).mcp].includes(t.currentIndex) ? (o(), v(je, {
+                              key: 0,
+                              "is-expanded": i.showChildren,
+                              pointer: i?.mcpTools?.length && i.state == 1,
+                              onToggle: (ge) => We(i)
+                            }, null, 8, ["is-expanded", "pointer", "onToggle"])) : y("", !0),
+                            [e(a).workflow].includes(t.currentIndex) ? (o(), v(oe, {
+                              key: 1,
+                              data: i,
+                              type: t.currentIndex,
+                              badge: n.workflowNodeNumObj[i.bnid] || 0,
+                              onAdd: ne,
+                              onRemove: ae
+                            }, null, 8, ["data", "type", "badge"])) : (o(), v(oe, {
+                              key: 2,
+                              data: i,
+                              type: t.currentIndex,
+                              badge: [e(a).agent].includes(t.currentIndex) ? n.agentNodeNumObj[i.bnid] : 0,
+                              onAdd: ne,
+                              onRemove: ae
+                            }, null, 8, ["data", "type", "badge"]))
+                          ], 2)) : (o(), p("div", va, [
+                            s("div", ya, [
+                              s("div", null, [
+                                s("div", ba, [
+                                  s("span", {
+                                    class: "text-span ellipsis",
+                                    title: i.name
+                                  }, d(i.name), 9, ka)
+                                ]),
+                                s("div", {
+                                  class: "custom-add-dialog__right--desc text-description text-ellipsis",
+                                  style: { "margin-top": "5px" },
+                                  title: i.description
+                                }, d(i.description), 9, Aa)
+                              ])
+                            ])
+                          ]))
+                        ], 64)) : y("", !0),
+                        [e(a).plugin, e(a).mcp].includes(
+                          t.currentData.key
+                        ) ? (o(), p(H, { key: 1 }, [
+                          i.level ? (o(), p("div", {
+                            key: 0,
+                            class: "custom-add-dialog__right--name w-full overflow-hidden",
+                            onClick: (ge) => [e(a).plugin].includes(t.currentData.key) ? Ze(i) : Ye(i)
+                          }, [
+                            s("div", wa, [
+                              me(i) ? (o(), p("img", {
+                                key: 0,
+                                src: me(i),
+                                width: "42",
+                                height: "42",
+                                alt: ""
+                              }, null, 8, Oa)) : y("", !0),
+                              s("div", null, [
+                                s("div", Ca, [
+                                  s("span", {
+                                    class: "text-span ellipsis",
+                                    title: i.name
+                                  }, d(i.name), 9, xa),
+                                  [e(a).mcp].includes(t.currentData.key) ? (o(), p("span", Da, d(e(c)("AGENT_ARRANGE.AD.TOOL")) + ":" + d(i.mcpTools && i.mcpTools.length && i.mcpTools.length + 1 || 0), 1)) : (o(), p("span", Ia, d(e(c)("AGENT_ARRANGE.AD.TOOL")) + ":" + d(i.num), 1)),
+                                  [e(a).mcp].includes(t.currentIndex) && t.activeSelect == 0 ? (o(), p(H, { key: 2 }, [
+                                    i?.originalType ? (o(), v(e(U), {
+                                      key: 0,
+                                      class: "go-detail-btn",
+                                      type: "primary",
+                                      size: "small",
+                                      icon: e(Dt),
+                                      link: "",
+                                      onClick: (ge) => Qe(i)
+                                    }, null, 8, ["icon", "onClick"])) : y("", !0),
+                                    u(Ie, {
+                                      data: i,
+                                      type: e(a).mcp,
+                                      onUpdateSuccess: I
+                                    }, null, 8, ["data", "type"])
+                                  ], 64)) : i.needApiKey ? (o(), v(Ie, {
+                                    key: 3,
+                                    data: i,
+                                    type: e(a).plugin,
+                                    onUpdateSuccess: I
+                                  }, null, 8, ["data", "type"])) : y("", !0)
+                                ]),
+                                s("div", {
+                                  class: "custom-add-dialog__right--desc text-description text-ellipsis",
+                                  title: i.description
+                                }, d(i.description || "-"), 9, Ta)
+                              ])
+                            ]),
+                            u(je, {
+                              "is-expanded": i.showChildren,
+                              pointer: [e(a).mcp].includes(t.currentIndex) ? i?.mcpTools?.length : i?.pluglitList?.length
+                            }, null, 8, ["is-expanded", "pointer"])
+                          ], 8, Na)) : (o(), p("div", Ea, [
+                            s("div", Ra, [
+                              s("div", null, [
+                                s("div", Sa, [
+                                  [e(a).mcp].includes(t.currentData.key) ? (o(), p(H, { key: 0 }, [
+                                    s("span", {
+                                      class: "text-span ellipsis",
+                                      title: i.name
+                                    }, d(i.name), 9, $a),
+                                    i.schema && i.schema.length ? (o(), v(e(ce), {
+                                      key: 0,
+                                      placement: "right",
+                                      width: i.schema ? 380 : 150,
+                                      "popper-class": "add-dialog-popover",
+                                      trigger: "hover"
+                                    }, {
+                                      reference: r(() => [
+                                        u(e(G), {
+                                          size: 13,
+                                          color: "#999999",
+                                          style: { cursor: "pointer", "margin-left": "3px" }
+                                        }, {
+                                          default: r(() => [
+                                            u(E)
+                                          ]),
+                                          _: 1
+                                        })
+                                      ]),
+                                      default: r(() => [
+                                        u(ue, {
+                                          data: i.schema
+                                        }, null, 8, ["data"])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["width"])) : y("", !0)
+                                  ], 64)) : (o(), p(H, { key: 1 }, [
+                                    s("span", {
+                                      class: "text-span ellipsis",
+                                      title: i.interfaceName
+                                    }, d(i.interfaceName), 9, Ma),
+                                    i.paramsOuter && ye(JSON.parse(i.paramsOuter)).length ? (o(), v(e(ce), {
+                                      key: 0,
+                                      placement: "right",
+                                      width: i.paramsOuter ? 380 : 150,
+                                      "popper-class": "add-dialog-popover",
+                                      trigger: "hover"
+                                    }, {
+                                      reference: r(() => [
+                                        u(e(G), {
+                                          size: 13,
+                                          color: "#999999",
+                                          style: { cursor: "pointer", "margin-left": "3px" }
+                                        }, {
+                                          default: r(() => [
+                                            u(E)
+                                          ]),
+                                          _: 1
+                                        })
+                                      ]),
+                                      default: r(() => [
+                                        u(ue, {
+                                          data: ye(JSON.parse(i.paramsOuter))
+                                        }, null, 8, ["data"])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["width"])) : [e(a).plugin].includes(t.currentData.key) ? (o(), v(ea, {
+                                      key: 1,
+                                      data: i
+                                    }, null, 8, ["data"])) : y("", !0)
+                                  ], 64))
+                                ]),
+                                s("div", {
+                                  class: "custom-add-dialog__right--desc text-description text-ellipsis",
+                                  title: i.description
+                                }, d(i.description), 9, Ga)
+                              ])
+                            ]),
+                            [e(a).mcp].includes(t.currentData.key) ? (o(), v(oe, {
+                              key: 0,
+                              data: i,
+                              type: e(a).mcp,
+                              "need-auth": !i.apiKey && i.state == 0,
+                              badge: n.MCPNodeNumObj[i.bnid],
+                              onAdd: ne,
+                              onRemove: ae,
+                              onRefresh: I
+                            }, null, 8, ["data", "type", "need-auth", "badge"])) : (o(), v(oe, {
+                              key: 1,
+                              data: i,
+                              type: e(a).plugin,
+                              "need-auth": !i.apiKey && i.needApiKey,
+                              badge: n.pluginNodeNumObj[i.bnid],
+                              onAdd: ne,
+                              onRemove: ae
+                            }, null, 8, ["data", "type", "need-auth", "badge"]))
+                          ]))
+                        ], 64)) : y("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["data", "height", "class"])) : (o(), v(e(Ee), {
+                      key: 1,
+                      description: e(c)("COMMON_DATA.EMPTY"),
+                      "image-size": 60,
+                      class: "custom-empty"
+                    }, null, 8, ["description"]))
+                  ]),
+                  _: 1
+                })) : (o(), v(qn, {
+                  key: 1,
+                  data: A.value,
+                  "current-index": t.currentIndex,
+                  pluginNodeNumObj: n.pluginNodeNumObj,
+                  MCPNodeNumObj: n.MCPNodeNumObj,
+                  agentNodeNumObj: n.agentNodeNumObj,
+                  workflowNodeNumObj: n.workflowNodeNumObj,
+                  onAdd: ne,
+                  onRemove: ae,
+                  onUpdateSuccess: I,
+                  "onUpdate:showCardDetail": _[7] || (_[7] = (D) => t.showCardDetail = D)
+                }, null, 8, ["data", "current-index", "pluginNodeNumObj", "MCPNodeNumObj", "agentNodeNumObj", "workflowNodeNumObj"]))
+              ])), [
+                [Q, t.loading]
+              ])
+            ], 2)
+          ])
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+};
+export {
+  Ha as default
+};