@opentiny/tiny-robot 0.5.2-alpha.10 → 0.5.2-alpha.14

package/dist/model-selector/index.js

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