@opentiny/tiny-robot 0.5.2-alpha.8 → 1.0.0-beta.0

package/dist/model-selector/index.js

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