@opentiny/tiny-robot 0.5.2-alpha.16 → 0.5.2-alpha.18

package/dist/extension-manager/index.js

@@ -1,172 +1,303 @@
-import * as G from "vue";
-import { cloneVNode as U, Comment as q, Text as J, Fragment as $, isVNode as Q, Teleport as X, Suspense as Y, ref as E, watch as Z, nextTick as ee, defineComponent as S, onMounted as te, toRef as ne, computed as _, useSlots as V, openBlock as i, createElementBlock as p, createBlock as k, resolveDynamicComponent as P, renderSlot as A, withDirectives as oe, createElementVNode as h, normalizeStyle as W, vShow as ae, createVNode as H, withCtx as R, renderList as z, normalizeClass as x, createCommentVNode as g, toDisplayString as C, unref as j, withModifiers as D, createSlots as se, normalizeProps as ie, guardReactiveProps as re, createTextVNode as le, mergeProps as ce } from "vue";
-import { IconMore as de } from "@opentiny/tiny-robot-svgs";
-import { g as L } from "../index4.js";
-import { _ as T } from "../_plugin-vue_export-helper.js";
-const K = /* @__PURE__ */ new WeakMap();
-function ue() {
-  const t = G.useId;
-  if (t)
-    return t();
-  const u = G.getCurrentInstance();
-  if (!u)
-    return "";
-  const o = u.appContext, m = K.get(o) ?? 0;
-  return K.set(o, m + 1), `tr-${m}`;
-}
-const F = (t) => t.flatMap((u) => u.type === q ? [] : u.type === J && typeof u.children == "string" && u.children.trim() === "" ? [] : u.type !== $ || !Array.isArray(u.children) ? [u] : F(u.children.filter(Q))), pe = (t) => t.type === X || t.type === Y ? !1 : typeof t.type == "string" || typeof t.type == "object" || typeof t.type == "function";
-function me({ getSlot: t, componentName: u }) {
+import { ref as B, computed as x, watch as D, reactive as se, toValue as X, cloneVNode as we, Comment as $e, Text as Se, Fragment as P, isVNode as Me, Teleport as Ee, Suspense as Ie, nextTick as ue, defineComponent as V, onMounted as me, toRef as Ae, useSlots as G, openBlock as c, createElementBlock as p, createBlock as A, resolveDynamicComponent as K, renderSlot as M, withDirectives as ae, createElementVNode as T, normalizeStyle as ie, vShow as Pe, createVNode as j, withCtx as O, renderList as H, normalizeClass as R, createCommentVNode as S, toDisplayString as I, unref as $, withModifiers as oe, createSlots as J, normalizeProps as ve, guardReactiveProps as Ne, createTextVNode as re, mergeProps as pe, onBeforeUnmount as Ve, useModel as ce, vModelSelect as Le, vModelText as Be, mergeModels as Re } from "vue";
+import { IconMore as Fe, IconArrowDown as fe, IconClose as De } from "@opentiny/tiny-robot-svgs";
+import { g as Q } from "../index4.js";
+import { u as ge } from "../useStableId.js";
+import { _ as L } from "../_plugin-vue_export-helper.js";
+const Y = (e, o) => Object.prototype.hasOwnProperty.call(e, o), U = () => /* @__PURE__ */ Object.create(null), z = (e, o, t) => {
+  Object.defineProperty(e, o, {
+    configurable: !0,
+    enumerable: !0,
+    value: t,
+    writable: !0
+  });
+}, Oe = (e) => {
+  const o = U();
+  for (const [t, i] of Object.entries(e)) {
+    const r = U();
+    for (const [d, l] of Object.entries(i ?? {}))
+      (d === "installed" || d === "available") && z(r, d, l);
+    z(o, t, r);
+  }
+  return o;
+}, je = (e, o, t) => {
+  if (!Y(e, o)) return;
+  const i = e[o];
+  if (!(i === void 0 || !Y(i, t)))
+    return i[t];
+}, Ge = (e, o, t, i) => {
+  const r = Y(e, o) && e[o] !== void 0 ? e[o] : U();
+  Y(e, o) || z(e, o, r), z(r, t, i);
+}, He = (e, o, t) => je(e, o, t) ?? !0, Ke = (e, o) => {
+  const t = B(e.defaultActiveTab), i = B(U()), r = x(() => e.tabs.map((m) => m.id)), d = x(() => r.value[0]);
+  D(
+    r,
+    (m) => {
+      const f = new Set(m), s = U();
+      for (const [g, h] of Object.entries(i.value))
+        f.has(g) && z(s, g, h);
+      i.value = s;
+    },
+    { immediate: !0 }
+  );
+  const l = (m) => {
+    m.includes(t.value ?? "") || (t.value = m[0]);
+  };
+  D(
+    [r, () => e.activeTab],
+    ([m, f]) => {
+      f === void 0 && l(m);
+    },
+    { immediate: !0 }
+  );
+  const v = x(() => {
+    const m = e.activeTab ?? t.value, f = e.tabs.find((s) => s.id === m);
+    return (f == null ? void 0 : f.id) ?? d.value;
+  }), a = x(
+    () => v.value === void 0 ? void 0 : e.tabs.find((m) => m.id === v.value)
+  );
+  let n = e.activeTab;
+  const u = (m) => {
+    n = m, o("update:active-tab", m);
+  };
+  D(
+    v,
+    (m) => {
+      if (e.activeTab !== void 0 && m === e.activeTab) {
+        n = m;
+        return;
+      }
+      m !== n && u(m);
+    },
+    { immediate: e.activeTab !== void 0 }
+  );
+  const y = (m, f) => He(i.value, m, f);
+  return {
+    activeTabId: v,
+    activeTab: a,
+    selectTab: (m) => {
+      const f = e.tabs.find((s) => s.id === m);
+      !f || v.value === f.id || (e.activeTab === void 0 && (t.value = f.id), u(f.id), o("tab-change", { tabId: f.id }));
+    },
+    isSectionExpanded: y,
+    toggleSection: (m, f) => {
+      if (!e.tabs.some((h) => h.id === m)) return;
+      const s = !y(m, f), g = Oe(i.value);
+      Ge(g, m, f, s), i.value = g, o("section-toggle", { tabId: m, sectionKey: f, expanded: s });
+    }
+  };
+}, Ue = () => /* @__PURE__ */ Object.create(null), de = () => se({ selectedTag: "", searchValue: "" }), ze = (e) => {
+  const o = se(Ue()), t = de();
+  return D(
+    () => X(e).map((r) => r.id),
+    (r) => {
+      const d = new Set(r);
+      for (const l of Object.keys(o))
+        d.has(l) || delete o[l];
+    },
+    { immediate: !0 }
+  ), { getFilterState: (r) => r === void 0 ? t : o[r] ?? (o[r] = de()) };
+}, We = () => se({ selectedTag: "", searchValue: "" }), qe = (e) => {
+  const o = /* @__PURE__ */ new Set(), t = [];
+  for (const i of e)
+    !i.value || o.has(i.value) || (o.add(i.value), t.push(i));
+  return t;
+}, Xe = (e) => {
+  const o = e.tags;
+  return Array.isArray(o) && o.every((t) => typeof t == "string") ? o : [];
+}, Je = (e, o) => {
+  const t = e, i = typeof t.name == "string" ? t.name : "", r = typeof t.description == "string" ? t.description : "";
+  return `${i} ${r}`.toLowerCase().includes(o);
+}, Qe = (e) => {
+  const o = We(), t = x(() => X(e.state) ?? o), i = x({
+    get: () => t.value.selectedTag,
+    set: (a) => {
+      t.value.selectedTag = a;
+    }
+  }), r = x({
+    get: () => t.value.searchValue,
+    set: (a) => {
+      t.value.searchValue = a;
+    }
+  }), d = x(() => qe(X(e.tags)));
+  D(
+    d,
+    (a) => {
+      i.value && !a.some((n) => n.value === i.value) && (i.value = "");
+    },
+    { immediate: !0 }
+  );
+  const l = x(() => {
+    var y, w;
+    const a = r.value.trim().toLowerCase(), n = ((y = e.rules) == null ? void 0 : y.getItemTags) ?? Xe, u = ((w = e.rules) == null ? void 0 : w.search) ?? Je;
+    return X(e.items).filter((k) => {
+      const m = !i.value || n(k).includes(i.value), f = !a || u(k, a);
+      return m && f;
+    });
+  }), v = x(() => ({
+    tags: d.value,
+    selectedTag: i.value,
+    searchValue: r.value,
+    "onUpdate:selectedTag": (a) => {
+      i.value = a;
+    },
+    "onUpdate:searchValue": (a) => {
+      r.value = a;
+    }
+  }));
+  return { filteredItems: l, selectedTag: i, searchValue: r, controls: v };
+}, be = (e) => e.flatMap((o) => o.type === $e ? [] : o.type === Se && typeof o.children == "string" && o.children.trim() === "" ? [] : o.type !== P || !Array.isArray(o.children) ? [o] : be(o.children.filter(Me))), Ye = (e) => e.type === Ee || e.type === Ie ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+function Ze({ getSlot: e, componentName: o }) {
   return {
-    renderAsChild: (m, d = {}) => {
-      var a;
-      const l = F(((a = t()) == null ? void 0 : a(m)) ?? []);
-      return l.length !== 1 || !pe(l[0]) ? null : U(l[0], d, !0);
+    renderAsChild: (i, r = {}) => {
+      var l;
+      const d = be(((l = e()) == null ? void 0 : l(i)) ?? []);
+      return d.length !== 1 || !Ye(d[0]) ? null : we(d[0], r, !0);
     }
   };
 }
-const ve = ({
-  triggerRef: t,
-  popoverRef: u,
-  open: o,
-  placement: m
+const et = ({
+  triggerRef: e,
+  popoverRef: o,
+  open: t,
+  placement: i
 }) => {
-  const d = E(), l = () => {
-    if (!o.value || !t.value || !u.value) return;
-    const a = t.value.getBoundingClientRect(), s = u.value.getBoundingClientRect(), n = 8, e = 8, c = Math.max(
-      n,
-      document.documentElement.clientWidth - s.width - n
-    ), b = Math.max(
-      n,
-      document.documentElement.clientHeight - s.height - n
-    ), y = Math.min(c, Math.max(n, a.right - s.width)), w = a.bottom + e, M = a.top - s.height - e, f = w + s.height <= document.documentElement.clientHeight - n, r = M >= n;
-    let v = m.value;
-    v === "bottom-end" && !f && r ? v = "top-end" : v === "top-end" && !r && f && (v = "bottom-end");
-    const O = Math.min(b, Math.max(n, v === "bottom-end" ? w : M));
-    d.value = {
-      x: y,
-      y: O,
-      placement: v
+  const r = B(), d = () => {
+    if (!t.value || !e.value || !o.value) return;
+    const l = e.value.getBoundingClientRect(), v = o.value.getBoundingClientRect(), a = 8, n = 8, u = Math.max(
+      a,
+      document.documentElement.clientWidth - v.width - a
+    ), y = Math.max(
+      a,
+      document.documentElement.clientHeight - v.height - a
+    ), w = Math.min(u, Math.max(a, l.right - v.width)), k = l.bottom + n, m = l.top - v.height - n, f = k + v.height <= document.documentElement.clientHeight - a, s = m >= a;
+    let g = i.value;
+    g === "bottom-end" && !f && s ? g = "top-end" : g === "top-end" && !s && f && (g = "bottom-end");
+    const N = Math.min(y, Math.max(a, g === "bottom-end" ? k : m));
+    r.value = {
+      x: w,
+      y: N,
+      placement: g
     };
   };
-  return Z(
-    [o, m],
-    async ([a]) => {
-      a && (await ee(), l());
+  return D(
+    [t, i],
+    async ([l]) => {
+      l && (await ue(), d());
     },
     { flush: "post" }
-  ), L("resize", l, { passive: !0 }), L("scroll", l, {
+  ), Q("resize", d, { passive: !0 }), Q("scroll", d, {
     capture: !0,
     passive: !0
   }), {
-    position: d
+    position: r
   };
-}, fe = ["aria-expanded"], he = ["popover"], ye = /* @__PURE__ */ S({
+}, tt = ["aria-expanded"], nt = ["popover"], at = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "ExtensionCardPopover",
   props: {
     asChild: { type: Boolean, default: !1 },
     placement: { default: "bottom-end" }
   },
-  setup(t) {
-    const u = t, o = `tr-extension-card-popover-${ue()}`, m = E(null), d = E(null), l = E(!1), a = E(!1);
-    te(() => {
-      a.value = typeof HTMLElement.prototype.showPopover == "function" && typeof HTMLElement.prototype.hidePopover == "function";
+  setup(e) {
+    const o = e, t = `tr-extension-card-popover-${ge()}`, i = B(null), r = B(null), d = B(!1), l = B(!1);
+    me(() => {
+      l.value = typeof HTMLElement.prototype.showPopover == "function" && typeof HTMLElement.prototype.hidePopover == "function";
     });
-    const { position: s } = ve({
-      triggerRef: m,
-      popoverRef: d,
-      open: l,
-      placement: ne(u, "placement")
-    }), n = _(() => {
-      if (s.value)
+    const { position: v } = et({
+      triggerRef: i,
+      popoverRef: r,
+      open: d,
+      placement: Ae(o, "placement")
+    }), a = x(() => {
+      if (v.value)
         return {
-          left: `${s.value.x}px`,
-          top: `${s.value.y}px`
+          left: `${v.value.x}px`,
+          top: `${v.value.y}px`
         };
-    }), e = V(), c = (r) => {
-      const v = r instanceof Element ? r : r == null ? void 0 : r.$el;
-      m.value = v instanceof HTMLElement ? v : null;
-    }, b = () => {
-      var r;
-      if (!a.value) {
-        l.value = !1;
+    }), n = G(), u = (s) => {
+      const g = s instanceof Element ? s : s == null ? void 0 : s.$el;
+      i.value = g instanceof HTMLElement ? g : null;
+    }, y = () => {
+      var s;
+      if (!l.value) {
+        d.value = !1;
         return;
       }
-      (r = d.value) != null && r.matches(":popover-open") && d.value.hidePopover();
-    }, y = () => {
-      if (!a.value) {
-        l.value = !l.value;
+      (s = r.value) != null && s.matches(":popover-open") && r.value.hidePopover();
+    }, w = () => {
+      if (!l.value) {
+        d.value = !d.value;
         return;
       }
-      d.value && (d.value.matches(":popover-open") ? d.value.hidePopover() : d.value.showPopover());
+      r.value && (r.value.matches(":popover-open") ? r.value.hidePopover() : r.value.showPopover());
     };
-    L("click", (r) => {
-      var v, N;
-      a.value || !l.value || !(r.target instanceof Node) || (v = m.value) != null && v.contains(r.target) || (N = d.value) != null && N.contains(r.target) || b();
-    }), L("keydown", (r) => {
-      var v;
-      a.value || !l.value || r.key !== "Escape" || (b(), (v = m.value) == null || v.focus());
+    Q("click", (s) => {
+      var g, h;
+      l.value || !d.value || !(s.target instanceof Node) || (g = i.value) != null && g.contains(s.target) || (h = r.value) != null && h.contains(s.target) || y();
+    }), Q("keydown", (s) => {
+      var g;
+      l.value || !d.value || s.key !== "Escape" || (y(), (g = i.value) == null || g.focus());
     });
-    const { renderAsChild: w } = me({
-      getSlot: () => e.trigger,
+    const { renderAsChild: k } = Ze({
+      getSlot: () => n.trigger,
       componentName: "ExtensionCardPopover"
-    }), M = () => w(
+    }), m = () => k(
       {
-        popoverId: o,
-        open: l.value
+        popoverId: t,
+        open: d.value
       },
       {
-        ref: c,
-        ...a.value ? {
-          popovertarget: o,
+        ref: u,
+        ...l.value ? {
+          popovertarget: t,
           popovertargetaction: "toggle"
-        } : { onClick: y }
+        } : { onClick: w }
       }
-    ), f = (r) => {
-      l.value = r.newState === "open";
+    ), f = (s) => {
+      d.value = s.newState === "open";
     };
-    return (r, v) => (i(), p($, null, [
-      t.asChild ? (i(), k(P(M()), { key: 0 })) : (i(), p("button", {
+    return (s, g) => (c(), p(P, null, [
+      e.asChild ? (c(), A(K(m()), { key: 0 })) : (c(), p("button", {
         key: 1,
         ref_key: "triggerRef",
-        ref: m,
+        ref: i,
         type: "button",
         class: "tr-extension-card-popover__trigger",
-        "aria-controls": o,
-        "aria-expanded": l.value,
-        onClick: y
+        "aria-controls": t,
+        "aria-expanded": d.value,
+        onClick: w
       }, [
-        A(r.$slots, "trigger", {
-          popoverId: o,
-          open: l.value
+        M(s.$slots, "trigger", {
+          popoverId: t,
+          open: d.value
         }, void 0, !0)
-      ], 8, fe)),
-      oe(h("div", {
-        id: o,
+      ], 8, tt)),
+      ae(T("div", {
+        id: t,
         ref_key: "popoverRef",
-        ref: d,
-        popover: a.value ? "auto" : void 0,
+        ref: r,
+        popover: l.value ? "auto" : void 0,
         class: "tr-extension-card-popover__content",
-        style: W(n.value),
+        style: ie(a.value),
         onToggle: f
       }, [
-        A(r.$slots, "content", { close: b }, void 0, !0)
-      ], 44, he), [
-        [ae, a.value || l.value]
+        M(s.$slots, "content", { close: y }, void 0, !0)
+      ], 44, nt), [
+        [Pe, l.value || d.value]
       ])
     ], 64));
   }
-}), be = /* @__PURE__ */ T(ye, [["__scopeId", "data-v-6dbac593"]]), _e = {
+}), ot = /* @__PURE__ */ L(at, [["__scopeId", "data-v-6dbac593"]]), st = {
   key: 0,
   class: "tr-extension-card__more-action"
-}, ge = ["title", "aria-label", "aria-expanded"], ke = { class: "tr-extension-card__more-menu" }, xe = ["disabled", "aria-pressed", "onClick"], Ce = {
+}, it = ["title", "aria-label", "aria-expanded"], rt = { class: "tr-extension-card__more-menu" }, lt = ["disabled", "aria-pressed", "onClick"], ct = {
   key: 0,
   class: "tr-extension-card__more-menu-item-icon-slot"
-}, we = {
+}, dt = {
   key: 1,
   class: "tr-extension-card__more-menu-item-icon-placeholder",
   "aria-hidden": "true"
-}, Me = /* @__PURE__ */ S({
+}, ut = /* @__PURE__ */ V({
   __name: "ExtensionCardMoreMenu",
   props: {
     actions: { default: () => [] },
@@ -175,138 +306,138 @@ const ve = ({
     showIcons: { type: Boolean, default: !0 }
   },
   emits: ["action"],
-  setup(t, { emit: u }) {
-    const o = t, m = u, d = _(() => o.showIcons && o.actions.some((a) => !!a.icon)), l = (a, s) => {
-      a.disabled || (s(), m("action", {
-        id: a.id,
-        type: a.type,
-        ...a.type === "switch" ? { checked: !a.checked } : {}
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = x(() => t.showIcons && t.actions.some((l) => !!l.icon)), d = (l, v) => {
+      l.disabled || (v(), i("action", {
+        id: l.id,
+        type: l.type,
+        ...l.type === "switch" ? { checked: !l.checked } : {}
       }));
     };
-    return (a, s) => o.actions.length ? (i(), p("div", _e, [
-      H(be, {
+    return (l, v) => t.actions.length ? (c(), p("div", st, [
+      j(ot, {
         "as-child": "",
-        placement: o.placement
+        placement: t.placement
       }, {
-        trigger: R(({ open: n }) => [
-          h("button", {
+        trigger: O(({ open: a }) => [
+          T("button", {
             class: "tr-extension-card__icon-button",
             type: "button",
-            title: o.label,
-            "aria-label": o.label,
-            "aria-expanded": n
+            title: t.label,
+            "aria-label": t.label,
+            "aria-expanded": a
           }, [
-            H(j(de), { class: "tr-extension-card__action-icon" })
-          ], 8, ge)
+            j($(Fe), { class: "tr-extension-card__action-icon" })
+          ], 8, it)
         ]),
-        content: R(({ close: n }) => [
-          h("ul", ke, [
-            (i(!0), p($, null, z(o.actions, (e) => (i(), p("li", {
-              key: e.id
+        content: O(({ close: a }) => [
+          T("ul", rt, [
+            (c(!0), p(P, null, H(t.actions, (n) => (c(), p("li", {
+              key: n.id
             }, [
-              h("button", {
-                class: x(["tr-extension-card__more-menu-item", { "is-danger": e.danger }]),
+              T("button", {
+                class: R(["tr-extension-card__more-menu-item", { "is-danger": n.danger }]),
                 type: "button",
-                disabled: e.disabled,
-                "aria-pressed": e.type === "switch" ? e.checked : void 0,
-                onClick: (c) => l(e, n)
+                disabled: n.disabled,
+                "aria-pressed": n.type === "switch" ? n.checked : void 0,
+                onClick: (u) => d(n, a)
               }, [
-                d.value ? (i(), p("span", Ce, [
-                  e.icon ? (i(), k(P(e.icon), {
+                r.value ? (c(), p("span", ct, [
+                  n.icon ? (c(), A(K(n.icon), {
                     key: 0,
                     class: "tr-extension-card__more-menu-item-icon"
-                  })) : (i(), p("span", we))
-                ])) : g("", !0),
-                h("span", null, C(e.label), 1)
-              ], 10, xe)
+                  })) : (c(), p("span", dt))
+                ])) : S("", !0),
+                T("span", null, I(n.label), 1)
+              ], 10, lt)
             ]))), 128))
           ])
         ]),
         _: 1
       }, 8, ["placement"])
-    ])) : g("", !0);
+    ])) : S("", !0);
   }
-}), $e = /* @__PURE__ */ T(Me, [["__scopeId", "data-v-8d00263e"]]), Ae = { class: "tr-extension-card-primary-actions" }, Ee = ["checked", "disabled", "aria-label", "onChange"], Pe = ["aria-label", "disabled", "onClick"], Ie = ["aria-label", "disabled", "onClick"], Se = /* @__PURE__ */ S({
+}), mt = /* @__PURE__ */ L(ut, [["__scopeId", "data-v-657a919a"]]), vt = { class: "tr-extension-card-primary-actions" }, pt = ["checked", "disabled", "aria-label", "onChange"], ft = ["aria-label", "disabled", "onClick"], gt = ["aria-label", "disabled", "onClick"], bt = /* @__PURE__ */ V({
   __name: "ExtensionCardActions",
   props: {
     actions: { default: () => [] }
   },
   emits: ["action"],
-  setup(t, { emit: u }) {
-    const o = t, m = u, d = (s, n) => {
-      if (s.disabled) return;
-      const e = n.currentTarget, c = e.checked;
-      e.checked = !!s.checked, m("action", {
-        id: s.id,
-        type: s.type,
-        checked: c
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = (v, a) => {
+      if (v.disabled) return;
+      const n = a.currentTarget, u = n.checked;
+      n.checked = !!v.checked, i("action", {
+        id: v.id,
+        type: v.type,
+        checked: u
       });
-    }, l = (s) => {
-      s.disabled || m("action", { id: s.id, type: s.type });
-    }, a = (s, n) => {
-      if (s.disabled) return;
-      const e = { id: s.id, type: s.type };
-      n !== void 0 && (e.payload = n), m("action", e);
+    }, d = (v) => {
+      v.disabled || i("action", { id: v.id, type: v.type });
+    }, l = (v, a) => {
+      if (v.disabled) return;
+      const n = { id: v.id, type: v.type };
+      a !== void 0 && (n.payload = a), i("action", n);
     };
-    return (s, n) => (i(), p("div", Ae, [
-      (i(!0), p($, null, z(o.actions, (e) => (i(), p($, {
-        key: e.id
+    return (v, a) => (c(), p("div", vt, [
+      (c(!0), p(P, null, H(t.actions, (n) => (c(), p(P, {
+        key: n.id
       }, [
-        e.type === "switch" ? (i(), p("label", {
+        n.type === "switch" ? (c(), p("label", {
           key: 0,
-          class: x(["tr-extension-card-primary-actions__switch", { "is-disabled": e.disabled, "is-danger": e.danger }])
+          class: R(["tr-extension-card-primary-actions__switch", { "is-disabled": n.disabled, "is-danger": n.danger }])
         }, [
-          h("input", {
+          T("input", {
             type: "checkbox",
             role: "switch",
-            checked: e.checked,
-            disabled: e.disabled,
-            "aria-label": e.label,
-            onChange: (c) => d(e, c)
-          }, null, 40, Ee),
-          n[0] || (n[0] = h("span", { class: "tr-extension-card-primary-actions__switch-track" }, null, -1))
-        ], 2)) : e.type === "button" ? (i(), p("button", {
+            checked: n.checked,
+            disabled: n.disabled,
+            "aria-label": n.label,
+            onChange: (u) => r(n, u)
+          }, null, 40, pt),
+          a[0] || (a[0] = T("span", { class: "tr-extension-card-primary-actions__switch-track" }, null, -1))
+        ], 2)) : n.type === "button" ? (c(), p("button", {
           key: 1,
-          class: x(["tr-extension-card-primary-actions__button", { "is-danger": e.danger }]),
+          class: R(["tr-extension-card-primary-actions__button", { "is-danger": n.danger }]),
           type: "button",
-          "aria-label": e.label,
-          disabled: e.disabled,
-          onClick: (c) => l(e)
+          "aria-label": n.label,
+          disabled: n.disabled,
+          onClick: (u) => d(n)
         }, [
-          e.icon ? (i(), k(P(e.icon), {
+          n.icon ? (c(), A(K(n.icon), {
             key: 0,
             class: "tr-extension-card-primary-actions__button-icon"
-          })) : g("", !0),
-          h("span", null, C(e.label), 1)
-        ], 10, Pe)) : s.$slots["primary-action"] ? (i(), p("span", {
+          })) : S("", !0),
+          T("span", null, I(n.label), 1)
+        ], 10, ft)) : v.$slots["primary-action"] ? (c(), p("span", {
           key: 2,
-          class: x(["tr-extension-card-primary-actions__custom-action", { "is-disabled": e.disabled, "is-danger": e.danger }])
+          class: R(["tr-extension-card-primary-actions__custom-action", { "is-disabled": n.disabled, "is-danger": n.danger }])
         }, [
-          A(s.$slots, "primary-action", {
-            action: e,
-            trigger: (c) => a(e, c)
+          M(v.$slots, "primary-action", {
+            action: n,
+            trigger: (u) => l(n, u)
           }, void 0, !0)
-        ], 2)) : (i(), p("button", {
+        ], 2)) : (c(), p("button", {
           key: 3,
-          class: x(["tr-extension-card-primary-actions__button", { "is-danger": e.danger }]),
+          class: R(["tr-extension-card-primary-actions__button", { "is-danger": n.danger }]),
           type: "button",
-          "aria-label": e.label,
-          disabled: e.disabled,
-          onClick: (c) => a(e)
+          "aria-label": n.label,
+          disabled: n.disabled,
+          onClick: (u) => l(n)
         }, [
-          e.icon ? (i(), k(P(e.icon), {
+          n.icon ? (c(), A(K(n.icon), {
             key: 0,
             class: "tr-extension-card-primary-actions__button-icon"
-          })) : g("", !0),
-          h("span", null, C(e.label), 1)
-        ], 10, Ie))
+          })) : S("", !0),
+          T("span", null, I(n.label), 1)
+        ], 10, gt))
       ], 64))), 128))
     ]));
   }
-}), Te = /* @__PURE__ */ T(Se, [["__scopeId", "data-v-7f997e75"]]), Le = { class: "tr-extension-card" }, Be = { class: "tr-extension-card__icon-region" }, Ne = ["src", "alt"], Re = {
+}), ht = /* @__PURE__ */ L(bt, [["__scopeId", "data-v-d5244352"]]), _t = { class: "tr-extension-card" }, yt = { class: "tr-extension-card__icon-region" }, xt = ["src", "alt"], kt = {
   key: 2,
   class: "tr-extension-card__icon tr-extension-card__icon--placeholder"
-}, Ve = { class: "tr-extension-card__content" }, ze = ["role", "tabindex", "title"], Ge = ["title"], He = ["aria-label", "aria-valuenow"], De = /* @__PURE__ */ S({
+}, Tt = { class: "tr-extension-card__content" }, Ct = ["role", "tabindex", "title"], wt = ["title"], $t = ["aria-label", "aria-valuenow"], St = /* @__PURE__ */ V({
   __name: "ExtensionCard",
   props: {
     name: {},
@@ -321,91 +452,91 @@ const ve = ({
     overflowMenuShowIcons: { type: Boolean, default: !0 }
   },
   emits: ["name-click", "action"],
-  setup(t, { emit: u }) {
-    const o = t, m = V(), d = u, l = _(() => o.actions.filter((f) => !f.hidden)), a = _(() => Math.max(0, Math.floor(o.primaryActionsLimit))), s = _(() => l.value.slice(0, a.value)), n = _(() => l.value.slice(a.value)), e = _(() => s.value.length > 0 || n.value.length > 0), c = _(() => o.progress === "indeterminate" || o.progress === void 0 ? o.progress : Math.min(100, Math.max(0, o.progress))), b = _(() => !!m["primary-action"]), y = (f) => {
-      d("action", f);
-    }, w = (f) => {
-      o.nameClickable && d("name-click", f);
-    }, M = (f) => {
-      !o.nameClickable || f.key !== "Enter" && f.key !== " " || (f.preventDefault(), d("name-click", f));
+  setup(e, { emit: o }) {
+    const t = e, i = G(), r = o, d = x(() => t.actions.filter((f) => !f.hidden)), l = x(() => Math.max(0, Math.floor(t.primaryActionsLimit))), v = x(() => d.value.slice(0, l.value)), a = x(() => d.value.slice(l.value)), n = x(() => v.value.length > 0 || a.value.length > 0), u = x(() => t.progress === "indeterminate" || t.progress === void 0 ? t.progress : Math.min(100, Math.max(0, t.progress))), y = x(() => !!i["primary-action"]), w = (f) => {
+      r("action", f);
+    }, k = (f) => {
+      t.nameClickable && r("name-click", f);
+    }, m = (f) => {
+      !t.nameClickable || f.key !== "Enter" && f.key !== " " || (f.preventDefault(), r("name-click", f));
     };
-    return (f, r) => (i(), p("div", Le, [
-      h("div", Be, [
-        typeof t.icon == "string" && t.icon ? (i(), p("img", {
+    return (f, s) => (c(), p("div", _t, [
+      T("div", yt, [
+        typeof e.icon == "string" && e.icon ? (c(), p("img", {
           key: 0,
-          src: t.icon,
-          alt: t.name,
+          src: e.icon,
+          alt: e.name,
           class: "tr-extension-card__icon"
-        }, null, 8, Ne)) : t.icon ? (i(), k(P(t.icon), {
+        }, null, 8, xt)) : e.icon ? (c(), A(K(e.icon), {
           key: 1,
           class: "tr-extension-card__icon"
-        })) : (i(), p("div", Re, C(t.name.slice(0, 1)), 1))
+        })) : (c(), p("div", kt, I(e.name.slice(0, 1)), 1))
       ]),
-      h("div", Ve, [
-        h("div", {
-          class: x(["tr-extension-card__name", { "is-clickable": t.nameClickable }]),
-          role: t.nameClickable ? "button" : void 0,
-          tabindex: t.nameClickable ? 0 : void 0,
-          title: t.name,
-          onClick: w,
-          onKeydown: M
-        }, C(t.name), 43, ze),
-        t.description ? (i(), p("div", {
+      T("div", Tt, [
+        T("div", {
+          class: R(["tr-extension-card__name", { "is-clickable": e.nameClickable }]),
+          role: e.nameClickable ? "button" : void 0,
+          tabindex: e.nameClickable ? 0 : void 0,
+          title: e.name,
+          onClick: k,
+          onKeydown: m
+        }, I(e.name), 43, Ct),
+        e.description ? (c(), p("div", {
           key: 0,
           class: "tr-extension-card__description",
-          title: t.description
-        }, C(t.description), 9, Ge)) : g("", !0)
+          title: e.description
+        }, I(e.description), 9, wt)) : S("", !0)
       ]),
-      e.value ? (i(), p("div", {
+      n.value ? (c(), p("div", {
         key: 0,
         class: "tr-extension-card__actions",
-        onClick: r[1] || (r[1] = D(() => {
+        onClick: s[1] || (s[1] = oe(() => {
         }, ["stop"])),
-        onKeydown: r[2] || (r[2] = D(() => {
+        onKeydown: s[2] || (s[2] = oe(() => {
         }, ["stop"]))
       }, [
-        s.value.length ? (i(), k(Te, {
+        v.value.length ? (c(), A(ht, {
           key: 0,
-          actions: s.value,
-          onAction: r[0] || (r[0] = (v) => d("action", v))
-        }, se({ _: 2 }, [
-          b.value ? {
+          actions: v.value,
+          onAction: s[0] || (s[0] = (g) => r("action", g))
+        }, J({ _: 2 }, [
+          y.value ? {
             name: "primary-action",
-            fn: R((v) => [
-              A(f.$slots, "primary-action", ie(re(v)), void 0, !0)
+            fn: O((g) => [
+              M(f.$slots, "primary-action", ve(Ne(g)), void 0, !0)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["actions"])) : g("", !0),
-        n.value.length ? (i(), k($e, {
+        ]), 1032, ["actions"])) : S("", !0),
+        a.value.length ? (c(), A(mt, {
           key: 1,
-          actions: n.value,
-          label: t.overflowMenuLabel,
-          placement: t.overflowMenuPlacement,
-          "show-icons": t.overflowMenuShowIcons,
-          onAction: y
-        }, null, 8, ["actions", "label", "placement", "show-icons"])) : g("", !0)
-      ], 32)) : g("", !0),
-      c.value !== void 0 ? (i(), p("div", {
+          actions: a.value,
+          label: e.overflowMenuLabel,
+          placement: e.overflowMenuPlacement,
+          "show-icons": e.overflowMenuShowIcons,
+          onAction: w
+        }, null, 8, ["actions", "label", "placement", "show-icons"])) : S("", !0)
+      ], 32)) : S("", !0),
+      u.value !== void 0 ? (c(), p("div", {
         key: 1,
         class: "tr-extension-card__progress",
         role: "progressbar",
-        "aria-label": t.name,
+        "aria-label": e.name,
         "aria-valuemin": "0",
         "aria-valuemax": "100",
-        "aria-valuenow": c.value === "indeterminate" ? void 0 : c.value
+        "aria-valuenow": u.value === "indeterminate" ? void 0 : u.value
       }, [
-        h("span", {
-          class: x(["tr-extension-card__progress-bar", { "is-indeterminate": c.value === "indeterminate" }]),
-          style: W(c.value === "indeterminate" ? void 0 : { width: `${c.value}%` })
+        T("span", {
+          class: R(["tr-extension-card__progress-bar", { "is-indeterminate": u.value === "indeterminate" }]),
+          style: ie(u.value === "indeterminate" ? void 0 : { width: `${u.value}%` })
         }, null, 6)
-      ], 8, He)) : g("", !0)
+      ], 8, $t)) : S("", !0)
     ]));
   }
-}), I = /* @__PURE__ */ T(De, [["__scopeId", "data-v-adf5e9c0"]]), Ke = { class: "tr-extension-card-grid" }, We = {
+}), W = /* @__PURE__ */ L(St, [["__scopeId", "data-v-c38268e3"]]), Mt = { class: "tr-extension-card-grid" }, Et = {
   key: 0,
   class: "tr-extension-card-grid__empty"
-}, je = ["data-card-id"], Fe = /* @__PURE__ */ S({
+}, It = ["data-card-id"], At = /* @__PURE__ */ V({
   __name: "ExtensionCardGrid",
   props: {
     items: {},
@@ -417,57 +548,448 @@ const ve = ({
     overflowMenuShowIcons: { type: Boolean, default: void 0 }
   },
   emits: ["action", "name-click"],
-  setup(t, { emit: u }) {
-    const o = t, m = V(), d = u, l = (n) => {
-      const { id: e, ...c } = n;
+  setup(e, { emit: o }) {
+    const t = e, i = G(), r = o, d = (a) => {
+      const { id: n, ...u } = a;
       return {
-        ...c,
-        primaryActionsLimit: n.primaryActionsLimit ?? o.primaryActionsLimit,
-        nameClickable: n.nameClickable ?? o.nameClickable,
-        overflowMenuLabel: n.overflowMenuLabel ?? o.overflowMenuLabel,
-        overflowMenuPlacement: n.overflowMenuPlacement ?? o.overflowMenuPlacement,
-        overflowMenuShowIcons: n.overflowMenuShowIcons ?? o.overflowMenuShowIcons
+        ...u,
+        primaryActionsLimit: a.primaryActionsLimit ?? t.primaryActionsLimit,
+        nameClickable: a.nameClickable ?? t.nameClickable,
+        overflowMenuLabel: a.overflowMenuLabel ?? t.overflowMenuLabel,
+        overflowMenuPlacement: a.overflowMenuPlacement ?? t.overflowMenuPlacement,
+        overflowMenuShowIcons: a.overflowMenuShowIcons ?? t.overflowMenuShowIcons
       };
-    }, a = (n, e) => {
-      d("action", { itemId: n, action: e });
-    }, s = (n, e) => {
-      d("name-click", { itemId: n, event: e });
+    }, l = (a, n) => {
+      r("action", { itemId: a, action: n });
+    }, v = (a, n) => {
+      r("name-click", { itemId: a, event: n });
     };
-    return (n, e) => (i(), p("ul", Ke, [
-      t.items.length === 0 ? (i(), p("li", We, [
-        A(n.$slots, "empty", {}, () => [
-          le(C(t.emptyText), 1)
+    return (a, n) => (c(), p("ul", Mt, [
+      e.items.length === 0 ? (c(), p("li", Et, [
+        M(a.$slots, "empty", {}, () => [
+          re(I(e.emptyText), 1)
         ], !0)
-      ])) : (i(!0), p($, { key: 1 }, z(t.items, (c, b) => (i(), p("li", {
-        key: c.id,
+      ])) : (c(!0), p(P, { key: 1 }, H(e.items, (u, y) => (c(), p("li", {
+        key: u.id,
         class: "tr-extension-card-grid__item",
-        "data-card-id": c.id
+        "data-card-id": u.id
       }, [
-        j(m).item ? A(n.$slots, "item", {
-          item: c,
-          index: b
-        }, void 0, !0, 0) : (i(), k(I, ce({
+        $(i).item ? M(a.$slots, "item", {
+          item: u,
+          index: y
+        }, void 0, !0, 0) : (c(), A(W, pe({
           key: 1,
           ref_for: !0
-        }, l(c), {
-          onAction: (y) => a(c.id, y),
-          onNameClick: (y) => s(c.id, y)
+        }, d(u), {
+          onAction: (w) => l(u.id, w),
+          onNameClick: (w) => v(u.id, w)
         }), null, 16, ["onAction", "onNameClick"]))
-      ], 8, je))), 128))
+      ], 8, It))), 128))
+    ]));
+  }
+}), q = /* @__PURE__ */ L(At, [["__scopeId", "data-v-b736eba6"]]), Pt = ["data-tab-id", "data-section-key"], Nt = { class: "extension-manager-section__header" }, Vt = ["aria-expanded"], Lt = {
+  key: 0,
+  class: "extension-manager-section__body"
+}, Bt = {
+  key: 1,
+  class: "extension-manager-section__state"
+}, Rt = /* @__PURE__ */ V({
+  name: "ExtensionManagerSection",
+  __name: "ExtensionManagerSection",
+  props: {
+    tabId: {},
+    section: {},
+    expanded: { type: Boolean }
+  },
+  emits: ["section-toggle", "action", "name-click"],
+  setup(e, { emit: o }) {
+    const t = e, i = G(), r = o, d = () => r("section-toggle", !t.expanded), l = (a) => r("action", a), v = (a) => r("name-click", a);
+    return (a, n) => (c(), p("section", {
+      class: "extension-manager-section",
+      "data-tab-id": t.tabId,
+      "data-section-key": t.section.key
+    }, [
+      T("div", Nt, [
+        T("button", {
+          class: "extension-manager-section__title",
+          type: "button",
+          "aria-expanded": t.expanded,
+          onClick: d
+        }, [
+          j($(fe), {
+            class: R(["extension-manager-section__arrow", { "is-expanded": t.expanded }])
+          }, null, 8, ["class"]),
+          T("span", null, I(t.section.title), 1)
+        ], 8, Vt)
+      ]),
+      t.expanded ? (c(), p("div", Lt, [
+        t.section.items.length > 0 ? (c(), A(q, {
+          key: 0,
+          items: t.section.items,
+          "primary-actions-limit": 1,
+          "name-clickable": !0,
+          onAction: l,
+          onNameClick: v
+        }, J({ _: 2 }, [
+          i.item ? {
+            name: "item",
+            fn: O(({ item: u, index: y }) => [
+              M(a.$slots, "item", {
+                item: u,
+                index: y
+              }, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["items"])) : (c(), p("div", Bt, [
+          M(a.$slots, "empty", {}, () => [
+            n[0] || (n[0] = re("暂无内容", -1))
+          ], !0)
+        ]))
+      ])) : S("", !0)
+    ], 8, Pt));
+  }
+}), Ft = /* @__PURE__ */ L(Rt, [["__scopeId", "data-v-89f78201"]]), Dt = {
+  class: "extension-manager-tabs",
+  role: "tablist",
+  "aria-orientation": "horizontal"
+}, Ot = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], jt = /* @__PURE__ */ V({
+  name: "ExtensionManagerTabs",
+  __name: "ExtensionManagerTabs",
+  props: {
+    tabs: {},
+    activeTabId: {},
+    idPrefix: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = G(), d = (s) => `${s.length}:${s}`, l = (s) => `${t.idPrefix}-tab-${d(s)}`, v = (s) => `${t.idPrefix}-tabpanel-${d(s)}`, a = /* @__PURE__ */ new Map(), n = B();
+    let u;
+    const y = () => {
+      const s = t.activeTabId ? a.get(t.activeTabId) : void 0;
+      if (!s) {
+        n.value = void 0;
+        return;
+      }
+      n.value = {
+        transform: `translateX(${s.offsetLeft}px)`,
+        width: `${s.offsetWidth}px`
+      };
+    }, w = (s, g) => {
+      const h = a.get(s);
+      h && h !== g && (u == null || u.unobserve(h)), g ? (a.set(s, g), u == null || u.observe(g)) : a.delete(s);
+    };
+    D([() => t.activeTabId, () => t.tabs.map((s) => s.id)], y, { flush: "post" }), me(() => {
+      typeof ResizeObserver < "u" && (u = new ResizeObserver(y), a.forEach((s) => u == null ? void 0 : u.observe(s))), y();
+    }), Ve(() => u == null ? void 0 : u.disconnect());
+    const k = (s) => i("select", s), m = (s) => {
+      ue(() => {
+        var g;
+        return (g = a.get(s)) == null ? void 0 : g.focus();
+      });
+    }, f = (s, g) => {
+      let h;
+      switch (g.key) {
+        case "ArrowLeft":
+          h = (s - 1 + t.tabs.length) % t.tabs.length;
+          break;
+        case "ArrowRight":
+          h = (s + 1) % t.tabs.length;
+          break;
+        case "Home":
+          h = 0;
+          break;
+        case "End":
+          h = t.tabs.length - 1;
+          break;
+        default:
+          return;
+      }
+      const N = t.tabs[h];
+      N && (g.preventDefault(), k(N.id), m(N.id));
+    };
+    return (s, g) => (c(), p("div", Dt, [
+      (c(!0), p(P, null, H(t.tabs, (h, N) => (c(), p("button", {
+        key: h.id,
+        ref_for: !0,
+        ref: (F) => w(h.id, F),
+        class: "extension-manager-tabs__tab",
+        type: "button",
+        role: "tab",
+        id: l(h.id),
+        "aria-selected": h.id === t.activeTabId,
+        "aria-controls": h.id === t.activeTabId ? v(h.id) : void 0,
+        tabindex: h.id === t.activeTabId ? 0 : -1,
+        onClick: (F) => k(h.id),
+        onKeydown: (F) => f(N, F)
+      }, [
+        r.tab ? (c(), p("span", {
+          key: 0,
+          class: "extension-manager-tabs__slot",
+          onClick: g[0] || (g[0] = oe(() => {
+          }, ["stop"]))
+        }, [
+          M(s.$slots, "tab", {
+            tab: h,
+            active: h.id === t.activeTabId,
+            select: () => k(h.id)
+          }, void 0, !0)
+        ])) : (c(), p(P, { key: 1 }, [
+          re(I(h.label), 1)
+        ], 64))
+      ], 40, Ot))), 128)),
+      n.value ? (c(), p("span", {
+        key: 0,
+        class: "extension-manager-tabs__indicator",
+        style: ie(n.value),
+        "aria-hidden": "true"
+      }, null, 4)) : S("", !0)
+    ]));
+  }
+}), Gt = /* @__PURE__ */ L(jt, [["__scopeId", "data-v-ce43701e"]]), Ht = {
+  class: "extension-filter-controls",
+  "data-testid": "extension-filter-controls"
+}, Kt = {
+  "data-testid": "filter-root",
+  class: "extension-filter-controls__fields"
+}, Ut = {
+  key: 0,
+  class: "extension-filter-controls__select-wrapper"
+}, zt = ["value"], Wt = { class: "extension-filter-controls__input-wrapper" }, qt = /* @__PURE__ */ V({
+  name: "ExtensionFilterControls",
+  __name: "ExtensionFilterControls",
+  props: /* @__PURE__ */ Re({
+    tags: {}
+  }, {
+    selectedTag: { default: "" },
+    selectedTagModifiers: {},
+    searchValue: { default: "" },
+    searchValueModifiers: {}
+  }),
+  emits: ["update:selectedTag", "update:searchValue"],
+  setup(e) {
+    const o = e, t = ce(e, "selectedTag"), i = ce(e, "searchValue");
+    return (r, d) => (c(), p("div", Ht, [
+      T("div", Kt, [
+        o.tags.length > 0 ? (c(), p("div", Ut, [
+          ae(T("select", {
+            "data-testid": "filter-tag",
+            class: "extension-filter-controls__select",
+            "aria-label": "标签",
+            "onUpdate:modelValue": d[0] || (d[0] = (l) => t.value = l)
+          }, [
+            d[3] || (d[3] = T("option", { value: "" }, "全部标签", -1)),
+            (c(!0), p(P, null, H(o.tags, (l) => (c(), p("option", {
+              key: l.value,
+              value: l.value
+            }, I(l.label), 9, zt))), 128))
+          ], 512), [
+            [Le, t.value]
+          ]),
+          j($(fe), {
+            class: "extension-filter-controls__select-arrow",
+            "aria-hidden": "true"
+          })
+        ])) : S("", !0),
+        T("div", Wt, [
+          ae(T("input", {
+            "data-testid": "filter-search",
+            class: "extension-filter-controls__input",
+            type: "search",
+            "aria-label": "搜索扩展",
+            placeholder: "请输入关键字搜索",
+            "onUpdate:modelValue": d[1] || (d[1] = (l) => i.value = l)
+          }, null, 512), [
+            [Be, i.value]
+          ]),
+          i.value ? (c(), p("button", {
+            key: 0,
+            "data-testid": "filter-search-clear",
+            class: "extension-filter-controls__clear",
+            type: "button",
+            "aria-label": "清空搜索",
+            onClick: d[2] || (d[2] = (l) => i.value = "")
+          }, [
+            j($(De), {
+              class: "extension-filter-controls__clear-icon",
+              "aria-hidden": "true"
+            })
+          ])) : S("", !0)
+        ])
+      ])
+    ]));
+  }
+}), Xt = /* @__PURE__ */ L(qt, [["__scopeId", "data-v-470772ce"]]), Jt = { class: "extension-manager" }, Qt = {
+  key: 0,
+  class: "extension-manager__header"
+}, Yt = {
+  key: 0,
+  class: "extension-manager__title"
+}, Zt = {
+  key: 1,
+  class: "extension-manager__header-actions"
+}, en = ["id", "aria-labelledby"], tn = {
+  key: 3,
+  class: "extension-manager__empty"
+}, nn = /* @__PURE__ */ V({
+  name: "ExtensionManager",
+  __name: "index",
+  props: {
+    tabs: {},
+    activeTab: {},
+    defaultActiveTab: {},
+    title: {},
+    emptyText: { default: "暂无内容" }
+  },
+  emits: ["update:active-tab", "tab-change", "section-toggle", "action", "name-click"],
+  setup(e, { emit: o }) {
+    const t = e, i = o, r = G(), d = [
+      { key: "installed", title: "已安装" },
+      { key: "available", title: "可安装" }
+    ], l = (b) => b.length + ":" + b, v = (b, C) => "extension-manager/section/" + l(b) + "/" + l(C), n = "extension-manager-" + ge(), u = (b) => n + "-tab-" + l(b), y = (b) => n + "-tabpanel-" + l(b), w = (b, C) => {
+      switch (b) {
+        case "update:active-tab":
+          i("update:active-tab", C);
+          break;
+        case "tab-change":
+          i("tab-change", C);
+          break;
+        case "section-toggle":
+          i("section-toggle", C);
+          break;
+      }
+    }, { activeTab: k, activeTabId: m, selectTab: f, isSectionExpanded: s, toggleSection: g } = Ke(
+      t,
+      w
+    ), { getFilterState: h } = ze(() => t.tabs), N = (b) => [...new Set(b.flatMap((_) => _.tags ?? []))].map((_) => ({ value: _, label: _ })), F = Qe({
+      items: () => {
+        var b;
+        return ((b = k.value) == null ? void 0 : b.items) ?? [];
+      },
+      tags: () => {
+        var b;
+        return N(((b = k.value) == null ? void 0 : b.items) ?? []);
+      },
+      state: () => h(m.value)
+    }), le = x(() => k.value !== void 0), he = x(() => !!(t.title || r["header-actions"])), _e = (b) => {
+      const { installed: C, tags: _, ...E } = b;
+      return E;
+    }, ye = x(() => {
+      const b = F.filteredItems.value;
+      return d.map(({ key: C, title: _ }) => ({
+        key: C,
+        title: _,
+        items: b.filter((E) => (E.installed === !0 ? "installed" : "available") === C).map(_e)
+      }));
+    }), xe = (b, C) => s(b, C), ke = (b, C) => {
+      var _;
+      ((_ = k.value) == null ? void 0 : _.id) === b && g(b, C);
+    }, Te = (b, C, _) => {
+      i("action", {
+        tabId: b,
+        sectionKey: C,
+        itemId: _.itemId,
+        action: _.action
+      });
+    }, Ce = (b, C, _) => {
+      i("name-click", {
+        tabId: b,
+        sectionKey: C,
+        itemId: _.itemId,
+        event: _.event
+      });
+    };
+    return (b, C) => (c(), p("div", Jt, [
+      he.value ? (c(), p("div", Qt, [
+        t.title ? (c(), p("div", Yt, I(t.title), 1)) : S("", !0),
+        r["header-actions"] ? (c(), p("div", Zt, [
+          M(b.$slots, "header-actions", {}, void 0, !0)
+        ])) : S("", !0)
+      ])) : S("", !0),
+      j(Gt, {
+        tabs: t.tabs,
+        "active-tab-id": $(m),
+        "id-prefix": n,
+        onSelect: $(f)
+      }, J({ _: 2 }, [
+        r.tab ? {
+          name: "tab",
+          fn: O(({ tab: _, active: E, select: ne }) => [
+            M(b.$slots, "tab", {
+              tab: _,
+              active: E,
+              select: ne
+            }, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["tabs", "active-tab-id", "onSelect"]),
+      le.value ? (c(), A(Xt, ve(pe({ key: 1 }, $(F).controls.value)), null, 16)) : S("", !0),
+      le.value ? (c(), p("div", {
+        key: 2,
+        class: "extension-manager__sections",
+        role: "tabpanel",
+        id: y($(m)),
+        "aria-labelledby": u($(m))
+      }, [
+        (c(!0), p(P, null, H(ye.value, (_) => (c(), A(Ft, {
+          key: v($(m), _.key),
+          "tab-id": $(m),
+          section: _,
+          expanded: xe($(m), _.key),
+          onSectionToggle: (E) => ke($(m), _.key),
+          onAction: (E) => Te($(m), _.key, E),
+          onNameClick: (E) => Ce($(m), _.key, E)
+        }, J({ _: 2 }, [
+          r.item ? {
+            name: "item",
+            fn: O(({ item: E, index: ne }) => [
+              M(b.$slots, "item", {
+                tab: $(k),
+                sectionKey: _.key,
+                item: E,
+                index: ne
+              }, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          r.empty ? {
+            name: "empty",
+            fn: O(() => [
+              M(b.$slots, "empty", {
+                tab: $(k),
+                sectionKey: _.key,
+                title: _.title
+              }, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["tab-id", "section", "expanded", "onSectionToggle", "onAction", "onNameClick"]))), 128))
+      ], 8, en)) : (c(), p("div", tn, I(t.emptyText), 1))
     ]));
   }
-}), B = /* @__PURE__ */ T(Fe, [["__scopeId", "data-v-b736eba6"]]);
-I.name = "TrExtensionCard";
-const Oe = function(t) {
-  t.component(I.name, I);
-}, Ue = I;
-Ue.install = Oe;
-B.name = "TrExtensionCardGrid";
-const qe = function(t) {
-  t.component(B.name, B);
-}, Je = B;
-Je.install = qe;
+}), Z = /* @__PURE__ */ L(nn, [["__scopeId", "data-v-de388c90"]]);
+W.name = "TrExtensionCard";
+const an = function(e) {
+  e.component(W.name, W);
+}, ee = W;
+ee.install = an;
+q.name = "TrExtensionCardGrid";
+const on = function(e) {
+  e.component(q.name, q);
+}, te = q;
+te.install = on;
+Z.name = "TrExtensionManager";
+const sn = function(e) {
+  e.component(Z.name, Z), e.component(ee.name, ee), e.component(te.name, te);
+}, mn = Object.assign(Z, {
+  install: sn,
+  Card: ee,
+  CardGrid: te
+});
 export {
-  Ue as ExtensionCard,
-  Je as ExtensionCardGrid
+  ee as ExtensionCard,
+  te as ExtensionCardGrid,
+  mn as ExtensionManager,
+  mn as default
 };