@opentiny/tiny-robot 0.5.2-alpha.15 → 0.5.2-alpha.17

package/dist/model-selector/index.js

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