@opentiny/tiny-robot 0.5.2-beta.0 → 0.5.2-rc.0

package/dist/model-selector/index.js

@@ -1,1003 +0,0 @@
-import { shallowRef as V, computed as g, watch as Y, nextTick as Z, defineComponent as J, openBlock as p, createElementBlock as w, createElementVNode as z, toDisplayString as q, Fragment as ne, renderList as ae, normalizeClass as N, withModifiers as ge, renderSlot as I, createBlock as _, resolveDynamicComponent as ie, createCommentVNode as B, createVNode as j, unref as P, createSlots as te, withCtx as A, mergeProps as se, onMounted as ue, onBeforeUnmount as pe, normalizeStyle as ye, normalizeProps as H, guardReactiveProps as U, onScopeDispose as be, toRaw as we, getCurrentInstance as ke, Teleport as $e } from "vue";
-import { IconCheck as Ee, IconSearch as Oe, IconNoData as Se, IconArrowDown as xe } from "@opentiny/tiny-robot-svgs";
-import { a as Me, c as Pe, o as Ve, f as Te, s as Ce, b as De } from "../floating-ui.dom.js";
-import { u as Ie } from "../useTeleportTarget.js";
-function ze(e) {
-  const a = V(""), o = g(() => a.value.trim()), t = g(() => {
-    const h = e.options(), i = o.value;
-    if (!e.searchable() || !i)
-      return h;
-    const r = e.filterMethod();
-    if (r)
-      return h.filter((v) => r(i, v.raw));
-    const s = i.toLocaleLowerCase();
-    return h.filter((v) => v.searchText.includes(s));
-  }), u = g(() => {
-    const h = /* @__PURE__ */ new Map();
-    return t.value.forEach((i) => {
-      var s, v;
-      const r = h.get(i.groupKey);
-      if (r) {
-        r.items.push(i);
-        return;
-      }
-      h.set(i.groupKey, {
-        key: i.groupKey,
-        index: h.size,
-        group: ((s = i.raw.group) == null ? void 0 : s.trim()) ?? "",
-        label: ((v = i.raw.group) == null ? void 0 : v.trim()) ?? "",
-        items: [i]
-      });
-    }), [...h.values()];
-  }), d = g(() => t.value.length === 0);
-  function c(h) {
-    a.value = h;
-  }
-  function f() {
-    a.value = "";
-  }
-  return {
-    query: a,
-    visibleOptions: t,
-    groups: u,
-    isEmpty: d,
-    setQuery: c,
-    clearQuery: f
-  };
-}
-function Be(e) {
-  const a = V(null), o = g(() => e.options().find((i) => i.key === a.value) ?? null);
-  function t() {
-    return e.options().filter((i) => !i.disabled);
-  }
-  function u(i) {
-    if (i === null) {
-      a.value = null;
-      return;
-    }
-    const r = e.options().find((s) => s.key === i);
-    r && !r.disabled && (a.value = r.key);
-  }
-  function d() {
-    a.value = null;
-  }
-  function c(i) {
-    const r = t(), s = i === "first" ? r[0] : r[r.length - 1];
-    a.value = (s == null ? void 0 : s.key) ?? null;
-  }
-  function f(i = "first") {
-    const r = e.selectedValue(), s = e.options().find((v) => v.value === r && !v.disabled);
-    if (s) {
-      a.value = s.key;
-      return;
-    }
-    c(i);
-  }
-  function h(i) {
-    var y, S;
-    const r = t();
-    if (r.length === 0) {
-      d();
-      return;
-    }
-    const s = r.findIndex((E) => E.key === a.value);
-    if (s < 0) {
-      const E = i === 1 ? 0 : r.length - 1;
-      a.value = ((y = r[E]) == null ? void 0 : y.key) ?? null;
-      return;
-    }
-    const v = (s + i + r.length) % r.length;
-    a.value = ((S = r[v]) == null ? void 0 : S.key) ?? null;
-  }
-  return Y(
-    () => [e.enabled(), e.options(), e.selectedValue()],
-    ([i, r, s], v) => {
-      if (!i) {
-        d();
-        return;
-      }
-      const y = v == null ? void 0 : v[2], S = r.find((b) => b.value === s && !b.disabled);
-      if (s !== y && S) {
-        a.value = S.key;
-        return;
-      }
-      (a.value ? r.some((b) => b.key === a.value && !b.disabled) : !1) || f("first");
-    },
-    { immediate: !0 }
-  ), Y(a, async (i) => {
-    if (!i || !e.enabled())
-      return;
-    await Z();
-    const r = e.containerEl.value, s = Array.from(
-      (r == null ? void 0 : r.querySelectorAll("[data-model-selector-option-key]")) ?? []
-    ).find((v) => v.dataset.modelSelectorOptionKey === i);
-    s == null || s.scrollIntoView({ block: "nearest" });
-  }), {
-    highlightedKey: a,
-    highlightedOption: o,
-    setHighlightedKey: u,
-    resetHighlight: d,
-    highlightBoundary: c,
-    highlightSelectedOrBoundary: f,
-    moveHighlight: h
-  };
-}
-const Le = { class: "tr-model-selector__effort" }, Re = { class: "tr-model-selector__effort-label" }, Ke = ["aria-label"], qe = ["disabled", "aria-pressed", "data-model-selector-effort-value", "onClick"], Fe = /* @__PURE__ */ J({
-  name: "TrModelSelectorEffort",
-  __name: "ModelSelectorEffort",
-  props: {
-    options: {},
-    value: {},
-    label: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["select"],
-  setup(e) {
-    return (a, o) => (p(), w("div", Le, [
-      z("span", Re, q(e.label), 1),
-      z("div", {
-        class: "tr-model-selector__effort-options",
-        role: "group",
-        "aria-label": e.label
-      }, [
-        (p(!0), w(ne, null, ae(e.options, (t) => (p(), w("button", {
-          key: t.value,
-          type: "button",
-          class: N(["tr-model-selector__effort-option", { "is-active": t.value === e.value }]),
-          disabled: e.disabled || t.disabled,
-          "aria-pressed": t.value === e.value,
-          "data-model-selector-effort-value": t.value,
-          onClick: (u) => a.$emit("select", t.value)
-        }, q(t.label), 11, qe))), 128))
-      ], 8, Ke)
-    ]));
-  }
-}), Ae = ["id", "data-model-selector-option-key", "aria-selected", "aria-disabled", "aria-describedby"], He = { class: "tr-model-selector__option-main" }, Ue = ["src"], je = { class: "tr-model-selector__option-text" }, Ne = ["title"], We = ["id", "title"], Qe = /* @__PURE__ */ J({
-  name: "TrModelSelectorItem",
-  __name: "ModelSelectorItem",
-  props: {
-    option: {},
-    selected: { type: Boolean },
-    highlighted: { type: Boolean },
-    optionId: {},
-    descriptionId: {}
-  },
-  emits: ["hover", "select"],
-  setup(e, { emit: a }) {
-    const o = e, t = a;
-    function u() {
-      o.option.disabled || t("hover", o.option.key);
-    }
-    function d() {
-      o.option.disabled || t("select", o.option.raw);
-    }
-    return (c, f) => (p(), w("div", {
-      id: e.optionId,
-      class: N(["tr-model-selector__option", {
-        "is-selected": e.selected,
-        "is-highlighted": e.highlighted,
-        "is-disabled": e.option.disabled
-      }]),
-      "data-model-selector-option-key": e.option.key,
-      role: "option",
-      "aria-selected": e.selected,
-      "aria-disabled": e.option.disabled || void 0,
-      "aria-describedby": e.option.description && !c.$slots.item ? e.descriptionId : void 0,
-      onMouseenter: u,
-      onMousedown: f[0] || (f[0] = ge(() => {
-      }, ["prevent"])),
-      onClick: d
-    }, [
-      I(c.$slots, "item", {
-        option: e.option.raw,
-        selected: e.selected,
-        highlighted: e.highlighted
-      }, () => [
-        z("span", He, [
-          typeof e.option.icon == "string" ? (p(), w("img", {
-            key: 0,
-            src: e.option.icon,
-            class: "tr-model-selector__option-icon",
-            alt: "",
-            "aria-hidden": "true"
-          }, null, 8, Ue)) : e.option.icon ? (p(), _(ie(e.option.icon), {
-            key: 1,
-            class: "tr-model-selector__option-icon",
-            "aria-hidden": "true",
-            focusable: "false"
-          })) : B("", !0),
-          z("span", je, [
-            z("span", {
-              class: "tr-model-selector__option-label",
-              title: e.option.label
-            }, q(e.option.label), 9, Ne),
-            e.option.description ? (p(), w("span", {
-              key: 0,
-              id: e.descriptionId,
-              class: "tr-model-selector__option-description",
-              title: e.option.description
-            }, q(e.option.description), 9, We)) : B("", !0)
-          ])
-        ]),
-        j(P(Ee), {
-          class: "tr-model-selector__option-check",
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      ])
-    ], 42, Ae));
-  }
-}), Ge = ["role", "aria-labelledby"], Ye = ["id"], Je = /* @__PURE__ */ J({
-  name: "TrModelSelectorGroup",
-  __name: "ModelSelectorGroup",
-  props: {
-    group: {},
-    selectedValue: {},
-    highlightedKey: {},
-    optionIdPrefix: {}
-  },
-  emits: ["hover", "select"],
-  setup(e) {
-    return (a, o) => (p(), w("div", {
-      class: "tr-model-selector__group",
-      role: e.group.label ? "group" : "presentation",
-      "aria-labelledby": e.group.label ? `${e.optionIdPrefix}-group-${e.group.index}` : void 0
-    }, [
-      e.group.label ? (p(), w("div", {
-        key: 0,
-        id: `${e.optionIdPrefix}-group-${e.group.index}`,
-        class: "tr-model-selector__group-title"
-      }, q(e.group.label), 9, Ye)) : B("", !0),
-      (p(!0), w(ne, null, ae(e.group.items, (t) => (p(), _(Qe, {
-        key: t.key,
-        option: t,
-        selected: e.selectedValue === t.value,
-        highlighted: e.highlightedKey === t.key,
-        "option-id": `${e.optionIdPrefix}-option-${t.index}`,
-        "description-id": `${e.optionIdPrefix}-option-${t.index}-description`,
-        onHover: o[0] || (o[0] = (u) => a.$emit("hover", u)),
-        onSelect: o[1] || (o[1] = (u) => a.$emit("select", u))
-      }, te({ _: 2 }, [
-        a.$slots.item ? {
-          name: "item",
-          fn: A((u) => [
-            I(a.$slots, "item", se({ ref_for: !0 }, u))
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["option", "selected", "highlighted", "option-id", "description-id"]))), 128))
-    ], 8, Ge));
-  }
-}), Xe = {
-  key: 0,
-  class: "tr-model-selector__header"
-}, Ze = {
-  key: 1,
-  class: "tr-model-selector__search"
-}, _e = ["value", "placeholder", "aria-label", "aria-controls", "aria-activedescendant"], et = {
-  key: 2,
-  class: "tr-model-selector__empty",
-  role: "status",
-  "aria-live": "polite"
-}, tt = ["id", "aria-label", "aria-activedescendant"], lt = {
-  key: 3,
-  class: "tr-model-selector__footer"
-}, ot = /* @__PURE__ */ J({
-  name: "TrModelSelectorPanel",
-  __name: "ModelSelectorPanel",
-  props: {
-    options: {},
-    selectedValue: {},
-    searchable: { type: Boolean },
-    filterMethod: { type: Function },
-    listboxId: {},
-    optionIdPrefix: {},
-    placeholder: {},
-    searchPlaceholder: {},
-    emptyText: {},
-    effortOptions: {},
-    effortValue: {},
-    effortLabel: {},
-    effortDisabled: { type: Boolean },
-    size: {},
-    panelClass: {},
-    slotContext: {}
-  },
-  emits: ["select", "select-effort", "close"],
-  setup(e, { emit: a }) {
-    const o = e, t = a, u = V(null), d = V(null), c = V(null), f = V(null);
-    let h;
-    const i = g(
-      () => f.value === null ? void 0 : { "--tr-model-selector-open-min-width": `${f.value}px` }
-    ), r = ze({
-      options: () => o.options,
-      searchable: () => o.searchable,
-      filterMethod: () => o.filterMethod
-    }), s = Be({
-      enabled: () => !0,
-      options: () => r.visibleOptions.value,
-      selectedValue: () => o.selectedValue,
-      containerEl: d
-    }), v = g(() => {
-      const l = s.highlightedOption.value;
-      return l ? `${o.optionIdPrefix}-option-${l.index}` : void 0;
-    }), y = g(() => ({
-      ...o.slotContext,
-      query: r.query.value
-    })), S = g(() => ({
-      ...y.value,
-      reasoningEfforts: o.effortOptions,
-      reasoningEffortOption: o.effortOptions.find((l) => l.value === o.effortValue) ?? null,
-      setReasoningEffort: (l) => t("select-effort", l)
-    }));
-    function E(l) {
-      r.setQuery(l.target.value);
-    }
-    function b() {
-      const l = o.searchable ? u.value : d.value;
-      l == null || l.focus({ preventScroll: !0 });
-    }
-    async function R() {
-      var x, M;
-      await Z();
-      const l = ((x = u.value) == null ? void 0 : x.ownerDocument.defaultView) ?? ((M = d.value) == null ? void 0 : M.ownerDocument.defaultView);
-      if (!l || typeof l.requestAnimationFrame != "function") {
-        b();
-        return;
-      }
-      l.requestAnimationFrame(() => {
-        b();
-      });
-    }
-    function T() {
-      const l = s.highlightedOption.value;
-      l && t("select", l.raw);
-    }
-    function k(l) {
-      return l.isComposing || l.keyCode === 229;
-    }
-    function K(l) {
-      if (!(l.defaultPrevented || k(l))) {
-        if (l.key === "ArrowDown" || l.key === "ArrowUp") {
-          l.preventDefault(), s.moveHighlight(l.key === "ArrowDown" ? 1 : -1);
-          return;
-        }
-        if (l.key === "Enter") {
-          l.preventDefault(), T();
-          return;
-        }
-        l.key === "Escape" && (l.preventDefault(), t("close", !0));
-      }
-    }
-    function W(l) {
-      if (!(l.defaultPrevented || k(l))) {
-        if (l.key === "ArrowDown" || l.key === "ArrowUp") {
-          l.preventDefault(), s.moveHighlight(l.key === "ArrowDown" ? 1 : -1);
-          return;
-        }
-        if (l.key === "Home" || l.key === "End") {
-          l.preventDefault(), s.highlightBoundary(l.key === "Home" ? "first" : "last");
-          return;
-        }
-        (l.key === "Enter" || l.key === " " || l.key === "Spacebar") && (l.preventDefault(), T());
-      }
-    }
-    function O(l) {
-      l.defaultPrevented || l.key === "Escape" && (l.preventDefault(), t("close", !0));
-    }
-    return ue(() => {
-      var D;
-      const l = c.value, x = (D = l == null ? void 0 : l.ownerDocument.defaultView) == null ? void 0 : D.ResizeObserver;
-      function M() {
-        if (!l)
-          return;
-        const Q = Math.ceil(l.getBoundingClientRect().width);
-        Q > (f.value ?? 0) && (f.value = Q);
-      }
-      M(), l && x && (h = new x(M), h.observe(l)), R();
-    }), pe(() => {
-      h == null || h.disconnect();
-    }), Y(
-      () => o.searchable,
-      async () => {
-        r.clearQuery(), await R();
-      }
-    ), (l, x) => (p(), w("div", {
-      ref_key: "panelEl",
-      ref: c,
-      class: N(["tr-model-selector__panel", [`tr-model-selector__panel--${e.size}`, e.panelClass]]),
-      style: ye(i.value),
-      onKeydown: O
-    }, [
-      l.$slots.header ? (p(), w("div", Xe, [
-        I(l.$slots, "header", H(U(y.value)))
-      ])) : B("", !0),
-      e.searchable ? (p(), w("div", Ze, [
-        j(P(Oe), {
-          class: "tr-model-selector__search-icon",
-          "aria-hidden": "true",
-          focusable: "false"
-        }),
-        z("input", {
-          ref_key: "searchInputEl",
-          ref: u,
-          type: "text",
-          class: "tr-model-selector__search-input",
-          "data-model-selector-search-input": "",
-          role: "combobox",
-          value: P(r).query.value,
-          placeholder: e.searchPlaceholder,
-          "aria-label": e.searchPlaceholder,
-          "aria-controls": e.listboxId,
-          "aria-activedescendant": v.value,
-          "aria-autocomplete": "list",
-          "aria-expanded": "true",
-          "aria-haspopup": "listbox",
-          autocomplete: "off",
-          spellcheck: !1,
-          onInput: E,
-          onKeydown: K
-        }, null, 40, _e)
-      ])) : B("", !0),
-      P(r).isEmpty.value ? (p(), w("div", et, [
-        I(l.$slots, "empty", {
-          query: P(r).query.value
-        }, () => [
-          j(P(Se), {
-            class: "tr-model-selector__empty-icon",
-            "aria-hidden": "true",
-            focusable: "false"
-          }),
-          z("span", null, q(e.emptyText), 1)
-        ])
-      ])) : B("", !0),
-      z("div", {
-        id: e.listboxId,
-        ref_key: "listboxEl",
-        ref: d,
-        class: N(["tr-model-selector__content", { "is-empty": P(r).isEmpty.value }]),
-        role: "listbox",
-        tabindex: "-1",
-        "aria-label": e.placeholder,
-        "aria-activedescendant": e.searchable ? void 0 : v.value,
-        onKeydown: W
-      }, [
-        (p(!0), w(ne, null, ae(P(r).groups.value, (M) => (p(), _(Je, {
-          key: M.key,
-          group: M,
-          "selected-value": e.selectedValue,
-          "highlighted-key": P(s).highlightedKey.value,
-          "option-id-prefix": e.optionIdPrefix,
-          onHover: P(s).setHighlightedKey,
-          onSelect: x[0] || (x[0] = (D) => l.$emit("select", D))
-        }, te({ _: 2 }, [
-          l.$slots.item ? {
-            name: "item",
-            fn: A((D) => [
-              I(l.$slots, "item", se({ ref_for: !0 }, D))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["group", "selected-value", "highlighted-key", "option-id-prefix", "onHover"]))), 128))
-      ], 42, tt),
-      l.$slots.footer || e.effortOptions.length > 0 ? (p(), w("div", lt, [
-        I(l.$slots, "footer", H(U(S.value)), () => [
-          j(Fe, {
-            options: e.effortOptions,
-            value: e.effortValue,
-            label: e.effortLabel,
-            disabled: e.effortDisabled,
-            onSelect: x[1] || (x[1] = (M) => l.$emit("select-effort", M))
-          }, null, 8, ["options", "value", "label", "disabled"])
-        ])
-      ])) : B("", !0)
-    ], 38));
-  }
-}), nt = ["title", "disabled", "aria-label", "aria-expanded", "aria-controls"], at = { class: "tr-model-selector__trigger-content" }, rt = ["src"], it = { class: "tr-model-selector__trigger-label" }, st = {
-  key: 2,
-  class: "tr-model-selector__trigger-effort"
-}, ut = /* @__PURE__ */ J({
-  name: "TrModelSelectorTrigger",
-  __name: "ModelSelectorTrigger",
-  props: {
-    open: { type: Boolean },
-    disabled: { type: Boolean },
-    label: {},
-    effortLabel: {},
-    icon: {},
-    controlsId: {},
-    variant: {},
-    size: {}
-  },
-  emits: ["click", "enter"],
-  setup(e, { emit: a }) {
-    const o = e, t = g(() => o.effortLabel ? `${o.label} · ${o.effortLabel}` : o.label), u = a;
-    function d(c) {
-      c.key === "Enter" && !c.defaultPrevented && (c.preventDefault(), u("enter", c));
-    }
-    return (c, f) => (p(), w("button", {
-      type: "button",
-      class: N(["tr-model-selector__trigger", [`tr-model-selector__trigger--${e.variant}`, `tr-model-selector__trigger--${e.size}`, { "is-open": e.open }]]),
-      title: t.value,
-      disabled: e.disabled,
-      "aria-label": t.value,
-      "aria-expanded": e.open,
-      "aria-controls": e.controlsId,
-      "aria-haspopup": "listbox",
-      onClick: f[0] || (f[0] = (h) => c.$emit("click", h)),
-      onKeydown: d
-    }, [
-      I(c.$slots, "default", {}, () => [
-        z("span", at, [
-          typeof e.icon == "string" ? (p(), w("img", {
-            key: 0,
-            src: e.icon,
-            class: "tr-model-selector__trigger-icon",
-            alt: "",
-            "aria-hidden": "true"
-          }, null, 8, rt)) : e.icon ? (p(), _(ie(e.icon), {
-            key: 1,
-            class: "tr-model-selector__trigger-icon",
-            "aria-hidden": "true",
-            focusable: "false"
-          })) : B("", !0),
-          z("span", it, q(e.label), 1),
-          e.effortLabel ? (p(), w("span", st, q(e.effortLabel), 1)) : B("", !0)
-        ]),
-        j(P(xe), {
-          class: "tr-model-selector__trigger-chevron",
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      ])
-    ], 42, nt));
-  }
-});
-function ct(e) {
-  const a = e.controlled, o = V(e.defaultValue), t = g(() => a ? e.value() ?? null : o.value), u = g(() => e.efforts().find((c) => c.value === t.value) ?? null);
-  function d(c) {
-    if (Object.is(t.value, c))
-      return !1;
-    if (c !== null) {
-      const f = e.efforts().find((h) => h.value === c);
-      if (!f || f.disabled)
-        return !1;
-    }
-    return a || (o.value = c), e.onUpdateValue(c), !0;
-  }
-  return {
-    value: t,
-    activeOption: u,
-    setValue: d
-  };
-}
-function re(e, a) {
-  var u, d;
-  if ((((u = e.composedPath) == null ? void 0 : u.call(e)) ?? []).includes(a))
-    return !0;
-  const t = (d = a.ownerDocument.defaultView) == null ? void 0 : d.Node;
-  return !!(t && e.target instanceof t && a.contains(e.target));
-}
-function dt(e) {
-  const a = V(!1), o = Y(
-    () => [
-      e.open(),
-      e.referenceEl.value,
-      e.floatingEl.value,
-      e.placement(),
-      e.offset(),
-      e.teleportTarget()
-    ],
-    async ([t, u, d, c, f, h], i, r) => {
-      if (a.value = !1, !t || !u || !d)
-        return;
-      const s = u, v = d;
-      let y = !0, S = 0;
-      const E = {}, b = s.ownerDocument, R = (k) => {
-        re(k, s) || re(k, v) || e.onOutsidePointerDown(k);
-      };
-      b.addEventListener("pointerdown", R, !0), r(() => {
-        var k;
-        y = !1, S += 1, (k = E.current) == null || k.call(E), b.removeEventListener("pointerdown", R, !0), a.value = !1;
-      });
-      async function T() {
-        var K;
-        const k = ++S;
-        try {
-          const W = await Pe(s, v, {
-            placement: c,
-            strategy: "fixed",
-            middleware: [
-              Ve(f),
-              Te({ padding: 8 }),
-              Ce({ padding: 8 }),
-              De({
-                padding: 8,
-                apply({ availableHeight: M, availableWidth: D, rects: Q, elements: G }) {
-                  const ee = Math.min(Q.reference.width, Math.max(0, D));
-                  G.floating.style.minWidth = `${Math.round(ee)}px`, G.floating.style.maxWidth = `${Math.max(0, Math.floor(D))}px`, G.floating.style.setProperty(
-                    "--tr-model-selector-available-height",
-                    `${Math.max(0, Math.floor(M))}px`
-                  ), G.floating.style.setProperty(
-                    "--tr-model-selector-available-width",
-                    `${Math.max(0, Math.floor(D))}px`
-                  );
-                }
-              })
-            ]
-          });
-          if (!y || k !== S || !e.open() || e.referenceEl.value !== s || e.floatingEl.value !== v)
-            return;
-          const O = ((K = b.defaultView) == null ? void 0 : K.devicePixelRatio) || 1, l = Math.round(W.x * O) / O, x = Math.round(W.y * O) / O;
-          Object.assign(v.style, {
-            left: `${l}px`,
-            top: `${x}px`
-          }), a.value = !0;
-        } catch {
-          y && k === S && (a.value = !1);
-        }
-      }
-      await Z(), !(!y || !e.open()) && (E.current = Me(s, v, () => {
-        T();
-      }));
-    },
-    { flush: "post", immediate: !0 }
-  );
-  return be(() => {
-    o();
-  }), {
-    isPositioned: a
-  };
-}
-function ft(e) {
-  const a = e.valueControlled, o = e.openControlled, t = V(e.defaultValue), u = V(e.defaultOpen), d = g(() => a ? e.value() ?? null : t.value), c = g(() => o ? !!e.open() : u.value);
-  function f(i) {
-    return Object.is(d.value, i) ? !1 : (a || (t.value = i), e.onUpdateValue(i), !0);
-  }
-  function h(i) {
-    return c.value === i ? !1 : (o || (u.value = i), e.onUpdateOpen(i), !0);
-  }
-  return {
-    value: d,
-    open: c,
-    setValue: f,
-    setOpen: h
-  };
-}
-const ht = Object.freeze([
-  Object.freeze({ value: "low", label: "Low" }),
-  Object.freeze({ value: "medium", label: "Medium" }),
-  Object.freeze({ value: "high", label: "High" })
-]);
-function vt(e) {
-  if (!e)
-    return [];
-  if (e === !0)
-    return ht;
-  const a = /* @__PURE__ */ new Set(), o = [];
-  for (const t of e)
-    a.has(t.value) || (a.add(t.value), o.push(t));
-  return o;
-}
-function mt(e) {
-  if (!e || e === !0)
-    return [];
-  const a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
-  for (const t of e)
-    a.has(t.value) ? o.add(t.value) : a.add(t.value);
-  return Array.from(o);
-}
-const gt = "__tr-model-selector-ungrouped__";
-function oe(e) {
-  return (e == null ? void 0 : e.trim()) ?? "";
-}
-function pt(e) {
-  return e.filter((a) => !!(a && a.trim())).join(" ").toLocaleLowerCase();
-}
-function yt(e) {
-  const a = /* @__PURE__ */ new Set(), o = [];
-  return e.forEach((t, u) => {
-    if (a.has(t.value))
-      return;
-    a.add(t.value);
-    const d = oe(t.label) || t.value, c = oe(t.description) || void 0, f = oe(t.group), h = f ? `group:${f}` : gt, i = typeof t.icon == "string" ? t.icon : t.icon ? we(t.icon) : void 0;
-    o.push({
-      key: `value:${t.value}`,
-      index: u,
-      value: t.value,
-      label: d,
-      description: c,
-      icon: i,
-      disabled: !!t.disabled,
-      groupKey: h,
-      searchText: pt([d, t.value, c, f]),
-      raw: t
-    });
-  }), o;
-}
-function bt(e) {
-  const a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
-  return e.forEach((t) => {
-    a.has(t.value) ? o.add(t.value) : a.add(t.value);
-  }), [...o];
-}
-const wt = { class: "tr-model-selector__dropdown-surface" }, le = /* @__PURE__ */ J({
-  name: "TrModelSelector",
-  __name: "index",
-  props: {
-    models: { default: () => [] },
-    modelValue: {},
-    defaultValue: { default: null },
-    reasoningEffort: { default: void 0 },
-    defaultReasoningEffort: { default: null },
-    open: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: !1 },
-    closeOnSelect: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    searchable: { type: Boolean, default: !1 },
-    placeholder: { default: "选择模型" },
-    searchPlaceholder: { default: "搜索模型" },
-    emptyText: { default: "暂无可用模型" },
-    filterMethod: {},
-    variant: { default: "outline" },
-    size: { default: "normal" },
-    placement: { default: "bottom-start" },
-    offset: { default: 8 },
-    appendTo: {},
-    panelClass: {},
-    reasoningEffortLabel: { default: "Thinking" }
-  },
-  emits: ["update:modelValue", "change", "update:reasoningEffort", "reasoning-effort-change", "update:open"],
-  setup(e, { emit: a }) {
-    const o = e, t = a, u = ke(), d = (u == null ? void 0 : u.uid) ?? 0, c = (u == null ? void 0 : u.vnode.props) ?? {}, f = (...n) => n.some((m) => Object.prototype.hasOwnProperty.call(c, m)), h = `tr-model-selector-${d}`, i = `${h}-listbox`, r = V(null), s = V(null), v = V(!1), y = V(null), S = Ie(r), E = g(() => {
-      var C, L;
-      if (!v.value)
-        return null;
-      const n = S.value, m = o.appendTo;
-      if (!m)
-        return n;
-      if (typeof m != "string")
-        return m;
-      if (m === "body" && n === ((C = r.value) == null ? void 0 : C.ownerDocument.body))
-        return n;
-      const $ = n;
-      try {
-        return ((L = $.querySelector) == null ? void 0 : L.call($, m)) ?? n;
-      } catch {
-        return n;
-      }
-    }), b = ft({
-      value: () => o.modelValue,
-      defaultValue: o.defaultValue,
-      valueControlled: f("modelValue", "model-value"),
-      open: () => o.open,
-      defaultOpen: o.disabled ? !1 : o.defaultOpen,
-      openControlled: f("open"),
-      onUpdateValue: (n) => t("update:modelValue", n),
-      onUpdateOpen: (n) => t("update:open", n)
-    }), R = g(() => yt(o.models));
-    g(() => bt(o.models));
-    const T = g(() => R.value.find((n) => n.value === b.value.value) ?? null), k = g(() => {
-      var n;
-      return vt((n = T.value) == null ? void 0 : n.raw.reasoningEfforts);
-    });
-    g(() => {
-      var n;
-      return mt((n = T.value) == null ? void 0 : n.raw.reasoningEfforts);
-    });
-    const K = ct({
-      value: () => o.reasoningEffort,
-      defaultValue: o.defaultReasoningEffort,
-      efforts: () => k.value,
-      controlled: f("reasoningEffort", "reasoning-effort"),
-      onUpdateValue: (n) => t("update:reasoningEffort", n)
-    }), W = g(() => {
-      var n;
-      return ((n = K.activeOption.value) == null ? void 0 : n.value) ?? null;
-    }), O = g(() => b.open.value && !o.disabled), l = g(() => {
-      var n;
-      return ((n = T.value) == null ? void 0 : n.label) ?? o.placeholder;
-    }), x = g(() => {
-      var n;
-      return {
-        option: ((n = T.value) == null ? void 0 : n.raw) ?? null,
-        label: l.value,
-        open: O.value,
-        reasoningEffortOption: K.activeOption.value
-      };
-    }), M = g(() => {
-      var n;
-      return {
-        option: ((n = T.value) == null ? void 0 : n.raw) ?? null,
-        close: ve
-      };
-    });
-    function D() {
-      var n, m;
-      (m = (n = r.value) == null ? void 0 : n.querySelector(".tr-model-selector__trigger")) == null || m.focus({ preventScroll: !0 });
-    }
-    function Q() {
-      var m, $;
-      let n = ((m = r.value) == null ? void 0 : m.ownerDocument.activeElement) ?? null;
-      for (; ($ = n == null ? void 0 : n.shadowRoot) != null && $.activeElement; )
-        n = n.shadowRoot.activeElement;
-      return n;
-    }
-    function G() {
-      var m;
-      const n = Q();
-      return !!(n && ((m = s.value) != null && m.contains(n)));
-    }
-    function ee() {
-      o.disabled || b.setOpen(!0);
-    }
-    function X(n) {
-      var L;
-      if (!O.value || y.value !== null)
-        return;
-      if (y.value = n, !b.setOpen(!1)) {
-        y.value = null;
-        return;
-      }
-      const $ = () => {
-        O.value && y.value === n && (y.value = null);
-      }, C = (L = r.value) == null ? void 0 : L.ownerDocument.defaultView;
-      C ? C.setTimeout($, 0) : Z().then($);
-    }
-    function ce() {
-      O.value ? X(!1) : ee();
-    }
-    function de() {
-      ee();
-    }
-    function fe(n) {
-      const m = R.value.find((C) => C.value === n.value);
-      if (!m || m.disabled)
-        return;
-      b.setValue(m.value) && t("change", m.raw), o.closeOnSelect && X(!0);
-    }
-    function he(n) {
-      var C;
-      if (o.disabled || (C = T.value) != null && C.disabled)
-        return;
-      const m = n === null ? null : k.value.find((L) => L.value === n) ?? null;
-      K.setValue(n) && t("reasoning-effort-change", m);
-    }
-    function ve() {
-      X(!0);
-    }
-    const { isPositioned: me } = dt({
-      referenceEl: r,
-      floatingEl: s,
-      open: () => O.value,
-      placement: () => o.placement,
-      offset: () => o.offset,
-      teleportTarget: () => E.value,
-      onOutsidePointerDown: () => X(!1)
-    });
-    return Y(
-      () => o.disabled,
-      (n) => {
-        n && b.open.value && (y.value = !1, b.setOpen(!1));
-      }
-    ), Y(
-      O,
-      async (n, m) => {
-        if (!n) {
-          if (m) {
-            const $ = y.value ?? G();
-            y.value = null, $ && (await Z(), D());
-          }
-          return;
-        }
-      },
-      { immediate: !0 }
-    ), ue(() => {
-      v.value = !0;
-    }), (n, m) => {
-      var $, C, L;
-      return p(), w("div", {
-        class: N(["tr-model-selector", [`tr-model-selector--${e.variant}`, `tr-model-selector--${e.size}`]])
-      }, [
-        z("span", {
-          ref_key: "referenceEl",
-          ref: r,
-          class: "tr-model-selector__anchor"
-        }, [
-          j(ut, {
-            open: O.value,
-            disabled: e.disabled,
-            label: l.value,
-            "effort-label": ($ = P(K).activeOption.value) == null ? void 0 : $.label,
-            icon: (C = T.value) == null ? void 0 : C.icon,
-            "controls-id": i,
-            variant: e.variant,
-            size: e.size,
-            onClick: ce,
-            onEnter: de
-          }, te({ _: 2 }, [
-            n.$slots.trigger ? {
-              name: "default",
-              fn: A(() => [
-                I(n.$slots, "trigger", H(U(x.value)))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["open", "disabled", "label", "effort-label", "icon", "variant", "size"])
-        ], 512),
-        E.value ? (p(), _($e, {
-          key: 0,
-          to: E.value
-        }, [
-          O.value ? (p(), w("div", {
-            key: 0,
-            ref_key: "floatingEl",
-            ref: s,
-            class: N(["tr-model-selector__dropdown-wrapper", { "is-positioned": P(me) }])
-          }, [
-            z("div", wt, [
-              j(ot, {
-                options: R.value,
-                "selected-value": P(b).value.value,
-                searchable: e.searchable,
-                "filter-method": e.filterMethod,
-                "listbox-id": i,
-                "option-id-prefix": h,
-                placeholder: e.placeholder,
-                "search-placeholder": e.searchPlaceholder,
-                "empty-text": e.emptyText,
-                "effort-options": k.value,
-                "effort-value": W.value,
-                "effort-label": e.reasoningEffortLabel,
-                "effort-disabled": !!((L = T.value) != null && L.disabled),
-                size: e.size,
-                "panel-class": e.panelClass,
-                "slot-context": M.value,
-                onSelect: fe,
-                onSelectEffort: he,
-                onClose: X
-              }, te({ _: 2 }, [
-                n.$slots.header ? {
-                  name: "header",
-                  fn: A((F) => [
-                    I(n.$slots, "header", H(U(F)))
-                  ]),
-                  key: "0"
-                } : void 0,
-                n.$slots.item ? {
-                  name: "item",
-                  fn: A((F) => [
-                    I(n.$slots, "item", H(U(F)))
-                  ]),
-                  key: "1"
-                } : void 0,
-                n.$slots.empty ? {
-                  name: "empty",
-                  fn: A((F) => [
-                    I(n.$slots, "empty", H(U(F)))
-                  ]),
-                  key: "2"
-                } : void 0,
-                n.$slots.footer ? {
-                  name: "footer",
-                  fn: A((F) => [
-                    I(n.$slots, "footer", H(U(F)))
-                  ]),
-                  key: "3"
-                } : void 0
-              ]), 1032, ["options", "selected-value", "searchable", "filter-method", "placeholder", "search-placeholder", "empty-text", "effort-options", "effort-value", "effort-label", "effort-disabled", "size", "panel-class", "slot-context"])
-            ])
-          ], 2)) : B("", !0)
-        ], 8, ["to"])) : B("", !0)
-      ], 2);
-    };
-  }
-});
-le.name = "TrModelSelector";
-const kt = function(e) {
-  e.component(le.name, le);
-};
-le.install = kt;
-export {
-  le as default
-};