@gram-ai/elements 1.27.4 → 1.27.5

package/dist/{index-D0bAYNQy.js → index-DuCQRbcQ.js}

@@ -1,9 +1,9 @@
 import * as T from "react";
-import { useRef as ze, useEffect as Ce, useCallback as Ae, useMemo as Ve, useState as le, useContext as bo, createContext as gs, Component as O$, forwardRef as N$, memo as Ru, useSyncExternalStore as A$ } from "react";
-import { c as C$ } from "./compat-shims-BPJ7Q68c.js";
+import { useRef as ze, useEffect as Ce, useCallback as Ae, useMemo as Ve, useState as oe, useContext as bo, createContext as gs, Component as O$, forwardRef as N$, memo as Ru, useSyncExternalStore as A$ } from "react";
+import { c as C$ } from "./compat-shims-DxtUrORi.js";
 import { jsx as p, Fragment as Xt, jsxs as A } from "react/jsx-runtime";
 import { RuntimeAdapterProvider as R$, useAssistantApi as Pu, makeAssistantTool as P$, unstable_useRemoteThreadListRuntime as z$, AssistantRuntimeProvider as zu, useAssistantState as Qe, MessagePrimitive as Pr, ComposerPrimitive as ir, AttachmentPrimitive as Mc, ThreadPrimitive as It, useScrollLock as D$, useThreadRuntime as Fh, ErrorPrimitive as af, ActionBarPrimitive as Pi, BranchPickerPrimitive as xa, ThreadListPrimitive as Du, ThreadListItemPrimitive as jc } from "@assistant-ui/react";
-import { a as of, T as Vh, c as Re, u as Uu, b as Mu, d as Da, e as fn, P as Zr, f as st, g as gn, h as ju, i as Zh, R as qh, j as Bh, k as Gh, F as Hh, D as Lu, l as U$, m as hs, n as Jh, A as Fu, C as Wh, o as Kh, p as M$, q as j$, r as Yh, s as Vu, E as Zu, t as Xh, v as O, w as L$, B as _t, x as F$, y as V$, z as Lc, G as Z$, S as q$, H as ot, I as xr, J as Vt, K as Nr, L as B$, M as G$, N as H$, O as Za, Q as J$, U as W$, V as K$, W as Y$ } from "./index-CUitXazZ.js";
+import { a as of, T as Vh, c as Re, u as Uu, b as Mu, d as Da, e as fn, P as Zr, f as st, g as gn, h as ju, i as Zh, R as qh, j as Bh, k as Gh, F as Hh, D as Lu, l as U$, m as hs, n as Jh, A as Fu, C as Wh, o as Kh, p as M$, q as j$, r as Yh, s as Vu, E as Zu, t as Xh, v as O, w as L$, B as _t, x as F$, y as V$, z as Lc, G as Z$, S as q$, H as ot, I as xr, J as Vt, K as Nr, L as B$, M as G$, N as H$, O as Za, Q as J$, U as W$, V as K$, W as Y$ } from "./index-D93pV0_o.js";
 import { frontendTools as X$, useChatRuntime as qu } from "@assistant-ui/react-ai-sdk";
 import { AnimatePresence as qr, motion as Q$, LazyMotion as Bu, domAnimation as eT, MotionConfig as Qh, domMax as ev } from "motion/react";
 import * as Je from "motion/react-m";
@@ -699,7 +699,7 @@ class IT {
   }
 }
 function ET(e) {
-  const t = Pu(), [r] = le(
+  const t = Pu(), [r] = oe(
     () => new IT(
       e.current.apiUrl,
       e.current.headers,
@@ -19334,7 +19334,7 @@ function hU(e, t, r) {
 function Nl(e, t) {
   return t ? `${e}>${t}` : e;
 }
-const se = {
+const le = {
   IGNORE: "ignore",
   HIDDEN: "hidden",
   ALLOW: Dn.ALLOW,
@@ -19362,17 +19362,17 @@ function Al(e, t, r) {
 function wU(e, t) {
   switch (t) {
     // These values cannot be overridden
-    case se.HIDDEN:
-    case se.IGNORE:
+    case le.HIDDEN:
+    case le.IGNORE:
       return t;
   }
   switch (e) {
-    case se.ALLOW:
-    case se.MASK:
-    case se.MASK_USER_INPUT:
-    case se.MASK_UNLESS_ALLOWLISTED:
-    case se.HIDDEN:
-    case se.IGNORE:
+    case le.ALLOW:
+    case le.MASK:
+    case le.MASK_USER_INPUT:
+    case le.MASK_UNLESS_ALLOWLISTED:
+    case le.HIDDEN:
+    case le.IGNORE:
       return e;
     default:
       return t;
@@ -19381,45 +19381,45 @@ function wU(e, t) {
 function _U(e) {
   if (_r(e)) {
     if (e.tagName === "BASE")
-      return se.ALLOW;
+      return le.ALLOW;
     if (e.tagName === "INPUT") {
       const t = e;
       if (t.type === "password" || t.type === "email" || t.type === "tel" || t.type === "hidden")
-        return se.MASK;
+        return le.MASK;
       const r = t.getAttribute("autocomplete");
       if (r && (r.startsWith("cc-") || r.endsWith("-password")))
-        return se.MASK;
-    }
-    if (e.matches(Xr(se.HIDDEN)))
-      return se.HIDDEN;
-    if (e.matches(Xr(se.MASK)))
-      return se.MASK;
-    if (e.matches(Xr(se.MASK_UNLESS_ALLOWLISTED)))
-      return se.MASK_UNLESS_ALLOWLISTED;
-    if (e.matches(Xr(se.MASK_USER_INPUT)))
-      return se.MASK_USER_INPUT;
-    if (e.matches(Xr(se.ALLOW)))
-      return se.ALLOW;
+        return le.MASK;
+    }
+    if (e.matches(Xr(le.HIDDEN)))
+      return le.HIDDEN;
+    if (e.matches(Xr(le.MASK)))
+      return le.MASK;
+    if (e.matches(Xr(le.MASK_UNLESS_ALLOWLISTED)))
+      return le.MASK_UNLESS_ALLOWLISTED;
+    if (e.matches(Xr(le.MASK_USER_INPUT)))
+      return le.MASK_USER_INPUT;
+    if (e.matches(Xr(le.ALLOW)))
+      return le.ALLOW;
     if (kU(e))
-      return se.IGNORE;
+      return le.IGNORE;
   }
 }
 function SS(e, t) {
   switch (t) {
-    case se.MASK:
-    case se.HIDDEN:
-    case se.IGNORE:
+    case le.MASK:
+    case le.HIDDEN:
+    case le.IGNORE:
       return !0;
-    case se.MASK_UNLESS_ALLOWLISTED:
+    case le.MASK_UNLESS_ALLOWLISTED:
       return uu(e) ? bi(e.parentNode) ? !0 : !ES(e.textContent || "") : bi(e);
-    case se.MASK_USER_INPUT:
+    case le.MASK_USER_INPUT:
       return uu(e) ? bi(e.parentNode) : bi(e);
     default:
       return !1;
   }
 }
 function xU(e, t, r, a, n) {
-  if (a !== se.MASK && a !== se.MASK_UNLESS_ALLOWLISTED || t === kS || wS.includes(t) || t === n.actionNameAttribute)
+  if (a !== le.MASK && a !== le.MASK_UNLESS_ALLOWLISTED || t === kS || wS.includes(t) || t === n.actionNameAttribute)
     return !1;
   switch (t) {
     case "title":
@@ -19453,7 +19453,7 @@ function eG(e, t) {
   const i = t;
   if (a === "SCRIPT")
     n = fc;
-  else if (i === se.HIDDEN)
+  else if (i === le.HIDDEN)
     n = fc;
   else if (SS(e, i))
     if (
@@ -19462,7 +19462,7 @@ function eG(e, t) {
     ) {
       if (!n.trim())
         return;
-    } else a === "OPTION" ? n = fc : i === se.MASK_UNLESS_ALLOWLISTED ? n = $S(n) : n = IS(n);
+    } else a === "OPTION" ? n = fc : i === le.MASK_UNLESS_ALLOWLISTED ? n = $S(n) : n = IS(n);
   return n;
 }
 function kU(e) {
@@ -19529,13 +19529,13 @@ function EU(e, t) {
 function $U(e, t) {
   return Math.sqrt(Math.pow(e.clientX - t.clientX, 2) + Math.pow(e.clientY - t.clientY, 2));
 }
-function TU(e, t, r = se.ALLOW) {
+function TU(e, t, r = le.ALLOW) {
   const a = /* @__PURE__ */ new Map(), { actionNameAttribute: n } = t, o = bg(e, Ol) || n && bg(e, n);
   return o ? {
     name: o,
     nameSource: "custom_attribute"
     /* ActionNameSource.CUSTOM_ATTRIBUTE */
-  } : r === se.MASK ? {
+  } : r === le.MASK ? {
     name: yS,
     nameSource: "mask_placeholder"
     /* ActionNameSource.MASK_PLACEHOLDER */
@@ -19657,7 +19657,7 @@ function AS(e, t, r) {
         }
       }
     };
-    return s(`[${Ol}]`), n && s(`[${n}]`), a && s(`${Xr(se.HIDDEN)}, ${Xr(se.MASK)}`), i;
+    return s(`[${Ol}]`), n && s(`[${n}]`), a && s(`${Xr(le.HIDDEN)}, ${Xr(le.MASK)}`), i;
   }
   return e.textContent;
 }
@@ -19814,7 +19814,7 @@ function LU(e, t, r, a) {
 }
 function FU(e, t, r, a, n) {
   let o;
-  if (e.enablePrivacyForActionName ? o = Al(a.target, e.defaultPrivacyLevel) : o = se.ALLOW, o === se.HIDDEN)
+  if (e.enablePrivacyForActionName ? o = Al(a.target, e.defaultPrivacyLevel) : o = le.ALLOW, o === le.HIDDEN)
     return;
   const i = ZU(a, o, e);
   let s = !1;
@@ -20881,12 +20881,12 @@ function aj(e, t, r, a, n, o, i = et(), s) {
   e.notify(1, v), e.notify(2, v);
   const { throttled: I, cancel: S } = wl(F, ej, {
     leading: !1
-  }), { setLoadEvent: E, setViewEnd: C, stop: j, stopINPTracking: Z, getCommonViewMetrics: de } = YM(e, t, r, a, oe, o, i), { stop: Ue, initialViewMetrics: re } = o === hr.INITIAL_LOAD ? OM(a, i, E, oe) : { stop: _e, initialViewMetrics: {} };
-  o === hr.BF_CACHE && QM(i, re, oe);
-  const { stop: G, eventCounts: ve } = vM(e, l, oe), $e = da(F, tj), Be = e.subscribe(11, (fe) => {
+  }), { setLoadEvent: E, setViewEnd: C, stop: j, stopINPTracking: Z, getCommonViewMetrics: de } = YM(e, t, r, a, ie, o, i), { stop: Ue, initialViewMetrics: re } = o === hr.INITIAL_LOAD ? OM(a, i, E, ie) : { stop: _e, initialViewMetrics: {} };
+  o === hr.BF_CACHE && QM(i, re, ie);
+  const { stop: G, eventCounts: ve } = vM(e, l, ie), $e = da(F, tj), Be = e.subscribe(11, (fe) => {
     fe.reason === Ln.UNLOADING && F();
   });
-  F(), g.changeObservable.subscribe(oe);
+  F(), g.changeObservable.subscribe(ie);
   function Ee() {
     e.notify(3, {
       id: l,
@@ -20896,7 +20896,7 @@ function aj(e, t, r, a, n, o, i = et(), s) {
       sessionIsActive: h
     });
   }
-  function oe() {
+  function ie() {
     Ee(), I();
   }
   function F() {
@@ -20942,7 +20942,7 @@ function aj(e, t, r, a, n, o, i = et(), s) {
       if (m)
         return;
       const be = _2(ae) ? ae : qe(i.timeStamp, ae);
-      u[oj(fe)] = be, oe();
+      u[oj(fe)] = be, ie();
     },
     setViewName(fe) {
       b = fe, F();
@@ -21764,7 +21764,7 @@ function r6(e, t, r, a, n, o, i, s, l) {
   Hj(d, b, t, S), Jj(d), Kj(d, o);
   const j = Cz(d, e, "rum"), Z = Rz(d, e, b, "rum"), de = Az(d, e, "rum"), { actionContexts: Ue, addAction: re, addEvent: G, stop: ve } = n6(u, d, e, I, y, x, m);
   c.push(ve);
-  const { addTiming: $e, startView: Be, setViewName: Ee, setViewContext: oe, setViewContextProperty: F, getViewContext: fe, stop: ae } = lj(u, d, e, location, y, x, _, t, S, a);
+  const { addTiming: $e, startView: Be, setViewName: Ee, setViewContext: ie, setViewContextProperty: F, getViewContext: fe, stop: ae } = lj(u, d, e, location, y, x, _, t, S, a);
   c.push(ae);
   const { stop: be } = e6(u, h);
   c.push(be);
@@ -21785,7 +21785,7 @@ function r6(e, t, r, a, n, o, i, s, l) {
     addTiming: $e,
     addFeatureFlagEvaluation: C.addFeatureFlagEvaluation,
     startView: Be,
-    setViewContext: oe,
+    setViewContext: ie,
     setViewContextProperty: F,
     getViewContext: fe,
     setViewName: Ee,
@@ -22230,7 +22230,7 @@ async function I6(e = E6) {
 async function E6() {
   return (await import(
     /* webpackChunkName: "recorder" */
-    "./startRecording-C-PPAs_Z.js"
+    "./startRecording-r5MXQ2Dm.js"
   )).startRecording;
 }
 function $6() {
@@ -22266,7 +22266,7 @@ async function O6(e = N6) {
 async function N6() {
   return (await import(
     /* webpackChunkName: "profiler" */
-    "./profiler-BFkhZRxj.js"
+    "./profiler-FpBY9eRv.js"
   )).createRumProfiler;
 }
 function A6() {
@@ -22356,6 +22356,7 @@ const up = [
   "anthropic/claude-haiku-4.5",
   "anthropic/claude-sonnet-4",
   "anthropic/claude-opus-4.5",
+  "openai/gpt-5.4",
   "openai/gpt-4o",
   "openai/gpt-4o-mini",
   "openai/gpt-5.1-codex",
@@ -22407,7 +22408,11 @@ const iG = (e, t) => P$({
   execute: async (r, a) => {
     if (as?.requiresApproval(t)) {
       const { helpers: n } = as, o = a.toolCallId ?? "";
-      if (!n.isToolApproved(t) && !await n.requestApproval(t, o, r))
+      if (!n.isToolApproved(t) && !await n.requestApproval(
+        t,
+        o,
+        r
+      ))
         return {
           content: [
             {
@@ -24867,7 +24872,7 @@ var $3 = $({
             }
           }
         });
-    const oe = (d = G.message.annotations) == null ? void 0 : d.filter(
+    const ie = (d = G.message.annotations) == null ? void 0 : d.filter(
       (z) => z.type === "file"
     ), F = G.message.tool_calls && G.message.tool_calls.length > 0, fe = $e.some(
       (z) => z.type === "reasoning.encrypted" && z.data
@@ -24881,7 +24886,7 @@ var $3 = $({
         openrouter: w3.parse({
           provider: (m = re.provider) != null ? m : "",
           reasoning_details: (f = G.message.reasoning_details) != null ? f : [],
-          annotations: oe && oe.length > 0 ? oe : void 0,
+          annotations: ie && ie.length > 0 ? ie : void 0,
           usage: we(we(we({
             promptTokens: (g = ve.inputTokens) != null ? g : 0,
             completionTokens: (h = ve.outputTokens) != null ? h : 0,
@@ -24945,7 +24950,7 @@ var $3 = $({
       stream: o.pipeThrough(
         new TransformStream({
           transform(x, v) {
-            var I, S, E, C, j, Z, de, Ue, re, G, ve, $e, Be, Ee, oe;
+            var I, S, E, C, j, Z, de, Ue, re, G, ve, $e, Be, Ee, ie;
             if (!x.success) {
               l = "error", v.enqueue({ type: "error", error: x.error });
               return;
@@ -25134,7 +25139,7 @@ var $3 = $({
                   delta: ($e = z.function.arguments) != null ? $e : ""
                 }), ((Be = W.function) == null ? void 0 : Be.name) != null && ((Ee = W.function) == null ? void 0 : Ee.arguments) != null && _c(W.function.arguments) && (v.enqueue({
                   type: "tool-call",
-                  toolCallId: (oe = W.id) != null ? oe : Jt(),
+                  toolCallId: (ie = W.id) != null ? ie : Jt(),
                   toolName: W.function.name,
                   input: W.function.arguments,
                   providerMetadata: {
@@ -31053,13 +31058,13 @@ var $V = class {
     this._totalUsage = new ki(), this._finishReason = new ki(), this._steps = new ki(), this.output = h, this.includeRawChunks = _, this.tools = c;
     let re, G = [];
     const ve = [];
-    let $e, Be, Ee = {}, oe = [];
+    let $e, Be, Ee = {}, ie = [];
     const F = [];
     let fe, ae = {}, be = {};
     const z = new TransformStream({
-      async transform(je, ie) {
+      async transform(je, se) {
         var Oe, me, Tt, va;
-        ie.enqueue(je);
+        se.enqueue(je);
         const { part: M } = je;
         if ((M.type === "text-delta" || M.type === "reasoning-delta" || M.type === "source" || M.type === "tool-call" || M.type === "tool-result" || M.type === "tool-input-start" || M.type === "tool-input-delta" || M.type === "raw") && await S?.({ chunk: M }), M.type === "error" && await E({ error: UE(M.error) }), M.type === "text-start" && (ae[M.id] = {
           type: "text",
@@ -31068,7 +31073,7 @@ var $V = class {
         }, G.push(ae[M.id])), M.type === "text-delta") {
           const Le = ae[M.id];
           if (Le == null) {
-            ie.enqueue({
+            se.enqueue({
               part: {
                 type: "error",
                 error: `text part ${M.id} not found`
@@ -31082,7 +31087,7 @@ var $V = class {
         if (M.type === "text-end") {
           const Le = ae[M.id];
           if (Le == null) {
-            ie.enqueue({
+            se.enqueue({
               part: {
                 type: "error",
                 error: `text part ${M.id} not found`
@@ -31100,7 +31105,7 @@ var $V = class {
         }, G.push(be[M.id])), M.type === "reasoning-delta") {
           const Le = be[M.id];
           if (Le == null) {
-            ie.enqueue({
+            se.enqueue({
               part: {
                 type: "error",
                 error: `reasoning part ${M.id} not found`
@@ -31114,7 +31119,7 @@ var $V = class {
         if (M.type === "reasoning-end") {
           const Le = be[M.id];
           if (Le == null) {
-            ie.enqueue({
+            se.enqueue({
               part: {
                 type: "error",
                 error: `reasoning part ${M.id} not found`
@@ -31125,7 +31130,7 @@ var $V = class {
           }
           Le.providerMetadata = (va = M.providerMetadata) != null ? va : Le.providerMetadata, delete be[M.id];
         }
-        if (M.type === "file" && G.push({ type: "file", file: M.file }), M.type === "source" && G.push(M), M.type === "tool-call" && G.push(M), M.type === "tool-result" && !M.preliminary && G.push(M), M.type === "tool-error" && G.push(M), M.type === "start-step" && (Ee = M.request, oe = M.warnings), M.type === "finish-step") {
+        if (M.type === "file" && G.push({ type: "file", file: M.file }), M.type === "source" && G.push(M), M.type === "tool-call" && G.push(M), M.type === "tool-result" && !M.preliminary && G.push(M), M.type === "tool-error" && G.push(M), M.type === "start-step" && (Ee = M.request, ie = M.warnings), M.type === "finish-step") {
           const Le = Oh({
             content: G,
             tools: c
@@ -31133,7 +31138,7 @@ var $V = class {
             content: G,
             finishReason: M.finishReason,
             usage: M.usage,
-            warnings: oe,
+            warnings: ie,
             request: Ee,
             response: {
               ...M.response,
@@ -31141,7 +31146,7 @@ var $V = class {
             },
             providerMetadata: M.providerMetadata
           });
-          await Z?.(ba), Y1(oe), F.push(ba), G = [], be = {}, ae = {}, ve.push(...Le), re.resolve();
+          await Z?.(ba), Y1(ie), F.push(ba), G = [], be = {}, ae = {}, ve.push(...Le), re.resolve();
         }
         M.type === "finish" && (Be = M.totalUsage, $e = M.finishReason);
       },
@@ -31154,15 +31159,15 @@ var $V = class {
             He._finishReason.reject(Tt), He._totalUsage.reject(Tt), He._steps.reject(Tt);
             return;
           }
-          const ie = $e ?? "unknown", Oe = Be ?? {
+          const se = $e ?? "unknown", Oe = Be ?? {
             inputTokens: void 0,
             outputTokens: void 0,
             totalTokens: void 0
           };
-          He._finishReason.resolve(ie), He._totalUsage.resolve(Oe), He._steps.resolve(F);
+          He._finishReason.resolve(se), He._totalUsage.resolve(Oe), He._steps.resolve(F);
           const me = F[F.length - 1];
           await C?.({
-            finishReason: ie,
+            finishReason: se,
             totalUsage: Oe,
             usage: me.usage,
             content: me.content,
@@ -31186,7 +31191,7 @@ var $V = class {
             lr({
               telemetry: t,
               attributes: {
-                "ai.response.finishReason": ie,
+                "ai.response.finishReason": se,
                 "ai.response.text": { output: () => me.text },
                 "ai.response.toolCalls": {
                   output: () => {
@@ -31205,8 +31210,8 @@ var $V = class {
               }
             })
           );
-        } catch (ie) {
-          je.error(ie);
+        } catch (se) {
+          je.error(se);
         } finally {
           fe.end();
         }
@@ -31219,7 +31224,7 @@ var $V = class {
         je.enqueue({ type: "start" });
       },
       async pull(je) {
-        function ie() {
+        function se() {
           j?.({ steps: F }), je.enqueue({ type: "abort" }), je.close();
         }
         try {
@@ -31229,12 +31234,12 @@ var $V = class {
             return;
           }
           if (o?.aborted) {
-            ie();
+            se();
             return;
           }
           je.enqueue(me);
         } catch (Oe) {
-          dn(Oe) && o?.aborted ? ie() : je.error(Oe);
+          dn(Oe) && o?.aborted ? se() : je.error(Oe);
         }
       },
       cancel(je) {
@@ -31277,7 +31282,7 @@ var $V = class {
       endWhenDone: !1,
       fn: async (je) => {
         fe = je;
-        async function ie({
+        async function se({
           currentStep: Oe,
           responseMessages: me,
           usage: Tt
@@ -31593,7 +31598,7 @@ var $V = class {
                       })
                     );
                     try {
-                      await ie({
+                      await se({
                         currentStep: Oe + 1,
                         responseMessages: me,
                         usage: wa
@@ -31615,7 +31620,7 @@ var $V = class {
             )
           );
         }
-        await ie({
+        await se({
           currentStep: 0,
           responseMessages: [],
           usage: {
@@ -31628,8 +31633,8 @@ var $V = class {
     }).catch((je) => {
       He.addStream(
         new ReadableStream({
-          start(ie) {
-            ie.enqueue({ type: "error", error: je }), ie.close();
+          start(se) {
+            se.enqueue({ type: "error", error: je }), se.close();
           }
         })
       ), He.closeStream();
@@ -32669,7 +32674,7 @@ async function Cu(e) {
       tracer: de,
       fn: async (Ue) => {
         var re;
-        let G, ve, $e, Be, Ee, oe, F, fe;
+        let G, ve, $e, Be, Ee, ie, F, fe;
         const ae = await DE({
           system: a,
           prompt: n,
@@ -32706,7 +32711,7 @@ async function Cu(e) {
             tracer: de,
             fn: async (W) => {
               var Te, ge, rr, nr, Ke, Me, He, je;
-              const ie = await b.doGenerate({
+              const se = await b.doGenerate({
                 responseFormat: {
                   type: "json",
                   schema: E.jsonSchema,
@@ -32719,44 +32724,44 @@ async function Cu(e) {
                 abortSignal: s,
                 headers: j
               }), Oe = {
-                id: (ge = (Te = ie.response) == null ? void 0 : Te.id) != null ? ge : f(),
-                timestamp: (nr = (rr = ie.response) == null ? void 0 : rr.timestamp) != null ? nr : g(),
-                modelId: (Me = (Ke = ie.response) == null ? void 0 : Ke.modelId) != null ? Me : b.modelId,
-                headers: (He = ie.response) == null ? void 0 : He.headers,
-                body: (je = ie.response) == null ? void 0 : je.body
-              }, me = aV(ie.content), Tt = OV(ie.content);
+                id: (ge = (Te = se.response) == null ? void 0 : Te.id) != null ? ge : f(),
+                timestamp: (nr = (rr = se.response) == null ? void 0 : rr.timestamp) != null ? nr : g(),
+                modelId: (Me = (Ke = se.response) == null ? void 0 : Ke.modelId) != null ? Me : b.modelId,
+                headers: (He = se.response) == null ? void 0 : He.headers,
+                body: (je = se.response) == null ? void 0 : je.body
+              }, me = aV(se.content), Tt = OV(se.content);
               if (me === void 0)
                 throw new pn({
                   message: "No object generated: the model did not return a response.",
                   response: Oe,
-                  usage: ie.usage,
-                  finishReason: ie.finishReason
+                  usage: se.usage,
+                  finishReason: se.finishReason
                 });
               return W.setAttributes(
                 lr({
                   telemetry: u,
                   attributes: {
-                    "ai.response.finishReason": ie.finishReason,
+                    "ai.response.finishReason": se.finishReason,
                     "ai.response.object": { output: () => me },
                     "ai.response.id": Oe.id,
                     "ai.response.model": Oe.modelId,
                     "ai.response.timestamp": Oe.timestamp.toISOString(),
                     "ai.response.providerMetadata": JSON.stringify(
-                      ie.providerMetadata
+                      se.providerMetadata
                     ),
                     // TODO rename telemetry attributes to inputTokens and outputTokens
-                    "ai.usage.promptTokens": ie.usage.inputTokens,
-                    "ai.usage.completionTokens": ie.usage.outputTokens,
+                    "ai.usage.promptTokens": se.usage.inputTokens,
+                    "ai.usage.completionTokens": se.usage.outputTokens,
                     // standardized gen-ai llm span attributes:
-                    "gen_ai.response.finish_reasons": [ie.finishReason],
+                    "gen_ai.response.finish_reasons": [se.finishReason],
                     "gen_ai.response.id": Oe.id,
                     "gen_ai.response.model": Oe.modelId,
-                    "gen_ai.usage.input_tokens": ie.usage.inputTokens,
-                    "gen_ai.usage.output_tokens": ie.usage.outputTokens
+                    "gen_ai.usage.input_tokens": se.usage.inputTokens,
+                    "gen_ai.usage.output_tokens": se.usage.outputTokens
                   }
                 })
               ), {
-                ...ie,
+                ...se,
                 objectText: me,
                 reasoning: Tt,
                 responseData: Oe
@@ -32764,7 +32769,7 @@ async function Cu(e) {
             }
           })
         );
-        G = z.objectText, ve = z.finishReason, $e = z.usage, Be = z.warnings, F = z.providerMetadata, oe = (re = z.request) != null ? re : {}, Ee = z.responseData, fe = z.reasoning, Y1(Be);
+        G = z.objectText, ve = z.finishReason, $e = z.usage, Be = z.warnings, F = z.providerMetadata, ie = (re = z.request) != null ? re : {}, Ee = z.responseData, fe = z.reasoning, Y1(Be);
         const P = await zV(
           G,
           E,
@@ -32797,7 +32802,7 @@ async function Cu(e) {
           finishReason: ve,
           usage: $e,
           warnings: Be,
-          request: oe,
+          request: ie,
           response: Ee,
           providerMetadata: F
         });
@@ -33146,7 +33151,7 @@ const Ll = ({
 }, r$ = gs(null), XV = ({
   children: e
 }) => {
-  const [t, r] = le("connected"), [a, n] = le(0), [o, i] = le(
+  const [t, r] = oe("connected"), [a, n] = oe(0), [o, i] = oe(
     typeof navigator < "u" ? navigator.onLine : !0
   ), s = ze(null);
   Ce(() => {
@@ -33189,7 +33194,7 @@ const Ll = ({
   );
 }, n$ = () => bo(r$);
 function a$({ children: e }) {
-  const [t, r] = le(/* @__PURE__ */ new Map()), [a, n] = le(/* @__PURE__ */ new Set()), o = Ae(
+  const [t, r] = oe(/* @__PURE__ */ new Map()), [a, n] = oe(/* @__PURE__ */ new Set()), o = Ae(
     (d, m, f) => new Promise((g) => {
       const h = {
         toolCallId: m,
@@ -33311,11 +33316,11 @@ const nZ = ({ children: e, config: t }) => {
     projectSlug: t.projectSlug
   }), n = ze(a.ensureValidHeaders);
   n.current = a.ensureValidHeaders;
-  const o = Gx(), [i, s] = le(
+  const o = Gx(), [i, s] = oe(
     t.model?.defaultModel ?? up[0]
-  ), [l, c] = le(
+  ), [l, c] = oe(
     t.modal?.defaultExpanded ?? !1
-  ), [u, d] = le(t.modal?.defaultOpen), m = t.plugins ?? Yh, f = Object.keys(t.tools?.components ?? {}), g = tZ(
+  ), [u, d] = oe(t.modal?.defaultOpen), m = t.plugins ?? Yh, f = Object.keys(t.tools?.components ?? {}), g = tZ(
     t.systemPrompt,
     m,
     f
@@ -33327,7 +33332,7 @@ const nZ = ({ children: e, config: t }) => {
       variant: t.variant
     });
   }, []);
-  const h = ze(null), [b, y] = le(null), { data: _, mcpHeaders: x } = u2({
+  const h = ze(null), [b, y] = oe(null), { data: _, mcpHeaders: x } = u2({
     auth: a,
     mcp: t.mcp,
     environment: t.environment ?? {},
@@ -33361,27 +33366,27 @@ const nZ = ({ children: e, config: t }) => {
         if (a.isLoading)
           throw new Error("Session is loading");
         const Ee = await n.current();
-        let oe = j.current;
-        if (!(oe && !jn(oe))) {
-          if (jn(oe) || !oe) {
-            const rr = E.current?.threads?.getState?.(), nr = rr?.mainThreadId ?? rr?.threadIds?.[0], Ke = oe ?? nr;
+        let ie = j.current;
+        if (!(ie && !jn(ie))) {
+          if (jn(ie) || !ie) {
+            const rr = E.current?.threads?.getState?.(), nr = rr?.mainThreadId ?? rr?.threadIds?.[0], Ke = ie ?? nr;
             if (Ke) {
               const Me = C.current.get(Ke);
               if (Me)
-                oe = Me;
+                ie = Me;
               else {
                 const He = crypto.randomUUID();
-                C.current.set(Ke, He), oe = He;
+                C.current.set(Ke, He), ie = He;
               }
             }
           }
         }
-        oe || (h.current || (h.current = crypto.randomUUID()), oe = h.current), oe && (x["Gram-Chat-ID"] = oe, y(oe));
+        ie || (h.current || (h.current = crypto.randomUUID()), ie = h.current), ie && (x["Gram-Chat-ID"] = ie, y(ie));
         const F = E.current?.thread.getModelContext(), fe = z6(
           D6(F?.tools ?? {})
         ), ae = {
           ...Ee,
-          "Gram-Chat-ID": oe,
+          "Gram-Chat-ID": ie,
           "X-Gram-Source": "elements",
           ...t.api?.headers,
           // We do this after X-Gram-Source so the playground can override it
@@ -33598,14 +33603,14 @@ const cZ = ({ error: e, onRetry: t }) => /* @__PURE__ */ p(
   "div",
   {
     className: O(
-      "aui-root aui-error-boundary bg-background flex h-full w-full flex-col items-center justify-center p-6"
+      "aui-root aui-error-boundary flex h-full w-full flex-col items-center justify-center bg-background p-6"
     ),
     children: /* @__PURE__ */ A("div", { className: "flex flex-col items-center gap-4 text-center", children: [
       /* @__PURE__ */ p("div", { className: "text-destructive", children: /* @__PURE__ */ p(L$, { className: "size-12 stroke-[1.5px]" }) }),
       /* @__PURE__ */ A("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ p("h3", { className: "text-foreground text-xl font-semibold", children: "Something went wrong" }),
-        /* @__PURE__ */ p("p", { className: "text-muted-foreground text-base", children: "An error occurred while loading the chat." }),
-        e && /* @__PURE__ */ p("p", { className: "text-muted-foreground/60 max-w-md truncate text-sm", children: e.message })
+        /* @__PURE__ */ p("h3", { className: "text-xl font-semibold text-foreground", children: "Something went wrong" }),
+        /* @__PURE__ */ p("p", { className: "text-base text-muted-foreground", children: "An error occurred while loading the chat." }),
+        e && /* @__PURE__ */ p("p", { className: "max-w-md truncate text-sm text-muted-foreground/60", children: e.message })
       ] }),
       /* @__PURE__ */ p(_t, { onClick: t, variant: "default", className: "mt-2", children: "Try again" })
     ] })
@@ -33675,13 +33680,13 @@ function ii({
       "data-slot": "tooltip-content",
       sideOffset: t,
       className: O(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[70] w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        "z-[70] w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
         e
       ),
       ...n,
       children: [
         r,
-        /* @__PURE__ */ p(IL, { className: "bg-foreground fill-foreground z-[70] size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ p(IL, { className: "z-[70] size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
       ]
     }
   ) });
@@ -33719,7 +33724,7 @@ function fZ({
     {
       "data-slot": "dialog-overlay",
       className: O(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         e
       ),
       ...t
@@ -33739,7 +33744,7 @@ function gZ({
       {
         "data-slot": "dialog-content",
         className: O(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
           e
         ),
         ...a,
@@ -33749,7 +33754,7 @@ function gZ({
             q5,
             {
               "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
                 /* @__PURE__ */ p(Sn, {}),
                 /* @__PURE__ */ p("span", { className: "sr-only", children: "Close" })
@@ -33946,7 +33951,7 @@ function TZ({
     {
       "data-slot": "avatar-fallback",
       className: O(
-        "bg-muted flex size-full items-center justify-center rounded-full",
+        "flex size-full items-center justify-center rounded-full bg-muted",
         e
       ),
       ...t
@@ -33981,7 +33986,7 @@ const er = N$(
 );
 er.displayName = "TooltipIconButton";
 const OZ = (e) => {
-  const [t, r] = le(void 0);
+  const [t, r] = oe(void 0);
   return Ce(() => {
     if (!e) {
       r(void 0);
@@ -34003,7 +34008,7 @@ const OZ = (e) => {
   );
   return OZ(e) ?? t;
 }, NZ = ({ src: e }) => {
-  const [t, r] = le(!1);
+  const [t, r] = oe(!1);
   return /* @__PURE__ */ p(
     "img",
     {
@@ -34017,9 +34022,9 @@ const OZ = (e) => {
   const t = m$();
   return t ? /* @__PURE__ */ A(dZ, { children: [
     /* @__PURE__ */ p(mZ, { className: "aui-attachment-preview-trigger", asChild: !0, children: e }),
-    /* @__PURE__ */ A(gZ, { className: "aui-attachment-preview-dialog-content [&_svg]:text-background [&>button]:bg-foreground/60 [&>button]:hover:[&_svg]:text-destructive p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0", children: [
+    /* @__PURE__ */ A(gZ, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive", children: [
       /* @__PURE__ */ p(hZ, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
-      /* @__PURE__ */ p("div", { className: "aui-attachment-preview bg-background relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ p(NZ, { src: t }) })
+      /* @__PURE__ */ p("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: /* @__PURE__ */ p(NZ, { src: t }) })
     ] })
   ] }) : e;
 }, CZ = () => {
@@ -34035,7 +34040,7 @@ const OZ = (e) => {
         className: "aui-attachment-tile-image object-cover"
       }
     ),
-    /* @__PURE__ */ p(TZ, { delayMs: e ? 200 : 0, children: /* @__PURE__ */ p(X6, { className: "aui-attachment-tile-fallback-icon text-muted-foreground size-8" }) })
+    /* @__PURE__ */ p(TZ, { delayMs: e ? 200 : 0, children: /* @__PURE__ */ p(X6, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
   ] });
 }, p$ = () => {
   const t = Pu().attachment.source === "composer", r = Qe(
@@ -34068,7 +34073,7 @@ const OZ = (e) => {
             "div",
             {
               className: O(
-                "aui-attachment-tile bg-muted size-14 cursor-pointer overflow-hidden rounded-[14px] border transition-opacity hover:opacity-75",
+                "aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75",
                 t && "aui-attachment-tile-composer border-foreground/20"
               ),
               role: "button",
@@ -34087,7 +34092,7 @@ const OZ = (e) => {
   er,
   {
     tooltip: "Remove file",
-    className: "aui-attachment-tile-remove text-muted-foreground hover:[&_svg]:text-destructive absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black",
+    className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black hover:[&_svg]:text-destructive",
     side: "top",
     children: /* @__PURE__ */ p(Sn, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
   }
@@ -34104,7 +34109,7 @@ const OZ = (e) => {
     variant: "ghost",
     size: "icon",
     align: "start",
-    className: "aui-composer-add-attachment hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30 size-[34px] rounded-full p-1 text-xs font-semibold",
+    className: "aui-composer-add-attachment size-[34px] rounded-full p-1 text-xs font-semibold hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30",
     "aria-label": "Add Attachment",
     children: /* @__PURE__ */ p(KS, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
   }
@@ -34132,7 +34137,7 @@ function FZ() {
   const { config: e } = ot(), r = Up()?.isReplay ?? !1, a = Ll({
     auth: e.api,
     projectSlug: e.projectSlug
-  }), n = UZ(LZ), o = !r && e.thread?.followUpSuggestions !== !1, [i, s] = le([]), [l, c] = le(!1), u = ze(null), d = ze(null), m = Qe(({ thread: b }) => b.isRunning), f = Qe(({ thread: b }) => b.messages), g = fl(e), h = Ae(async () => {
+  }), n = UZ(LZ), o = !r && e.thread?.followUpSuggestions !== !1, [i, s] = oe([]), [l, c] = oe(!1), u = ze(null), d = ze(null), m = Qe(({ thread: b }) => b.isRunning), f = Qe(({ thread: b }) => b.messages), g = fl(e), h = Ae(async () => {
     if (!o || a.isLoading || !a.headers) return;
     const b = f.slice(-10).map((x) => {
       const v = x.parts.filter((I) => I.type === "text").map((I) => "text" in I ? I.text : "").join(`
@@ -34302,7 +34307,7 @@ const at = [0.23, 1, 0.32, 1], VZ = {
                       variant: "outline",
                       size: "sm",
                       className: O(
-                        "aui-follow-on-suggestion text-muted-foreground hover:text-foreground h-auto cursor-pointer text-left text-sm whitespace-normal transition-colors",
+                        "aui-follow-on-suggestion h-auto cursor-pointer text-left text-sm whitespace-normal text-muted-foreground transition-colors hover:text-foreground",
                         a("px-md"),
                         a("py-sm"),
                         r("lg")
@@ -34343,7 +34348,7 @@ const GZ = () => {
   );
 }, f$ = Ru(GZ), HZ = ({ language: e, code: t }) => {
   const a = Qe(({ message: s }) => s).status?.type === "complete", { isCopied: n, copyToClipboard: o } = JZ();
-  return /* @__PURE__ */ A("div", { className: "aui-code-header-root bg-muted-foreground/15 text-foreground dark:bg-muted-foreground/20 mt-4 flex items-center justify-between gap-4 rounded-t-lg px-4 py-2 text-sm font-semibold", children: [
+  return /* @__PURE__ */ A("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20", children: [
     /* @__PURE__ */ p("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: e }),
     a && /* @__PURE__ */ A(er, { tooltip: "Copy", onClick: () => {
       !t || n || o(t);
@@ -34355,7 +34360,7 @@ const GZ = () => {
 }, JZ = ({
   copiedDuration: e = 3e3
 } = {}) => {
-  const [t, r] = le(!1);
+  const [t, r] = oe(!1);
   return { isCopied: t, copyToClipboard: (n) => {
     n && navigator.clipboard.writeText(n).then(() => {
       r(!0), setTimeout(() => r(!1), e);
@@ -34436,7 +34441,7 @@ const GZ = () => {
     "a",
     {
       className: O(
-        "aui-md-a text-primary font-medium underline underline-offset-4",
+        "aui-md-a font-medium text-primary underline underline-offset-4",
         e
       ),
       ...t
@@ -34515,7 +34520,7 @@ const GZ = () => {
     "pre",
     {
       className: O(
-        "aui-md-pre text-foreground bg-muted overflow-x-auto rounded-t-none! rounded-b-lg border border-t-0 p-4",
+        "aui-md-pre overflow-x-auto rounded-t-none! rounded-b-lg border border-t-0 bg-muted p-4 text-foreground",
         e
       ),
       ...t
@@ -34527,7 +34532,7 @@ const GZ = () => {
       "code",
       {
         className: O(
-          !a && "aui-md-inline-code bg-muted rounded border font-semibold",
+          !a && "aui-md-inline-code rounded border bg-muted font-semibold",
           t
         ),
         ...r
@@ -34554,7 +34559,7 @@ const GZ = () => {
         a
       ),
       children: [
-        /* @__PURE__ */ p("span", { className: "text-muted-foreground flex-shrink-0 text-xs", children: "Tools:" }),
+        /* @__PURE__ */ p("span", { className: "flex-shrink-0 text-xs text-muted-foreground", children: "Tools:" }),
         /* @__PURE__ */ p(qr, { mode: "popLayout", children: o.map((i) => /* @__PURE__ */ p(
           Je.div,
           {
@@ -34582,7 +34587,7 @@ const GZ = () => {
     "div",
     {
       className: O(
-        "aui-tool-badge bg-primary/10 text-primary inline-flex items-center gap-1",
+        "aui-tool-badge inline-flex items-center gap-1 bg-primary/10 text-primary",
         a("md"),
         r("px-sm"),
         r("py-xs")
@@ -34646,10 +34651,10 @@ const GZ = () => {
   onResolved: t,
   className: r
 }) => {
-  const [a, n] = le(
+  const [a, n] = oe(null), [o, i] = oe(
     null
-  ), [o, i] = le(!1), s = (l) => {
-    n(l), e?.(l), l === "like" ? t?.() : i(!0);
+  ), [s, l] = oe(!1), c = (u) => {
+    i(u), e?.(u), u === "like" ? t?.() : l(!0);
   };
   return /* @__PURE__ */ A(
     "div",
@@ -34660,10 +34665,10 @@ const GZ = () => {
       ),
       children: [
         /* @__PURE__ */ p("style", { children: QZ }),
-        /* @__PURE__ */ p(qr, { mode: "wait", children: o ? /* @__PURE__ */ p(
+        /* @__PURE__ */ p(qr, { mode: "wait", children: s ? /* @__PURE__ */ p(
           Je.div,
           {
-            className: "aui-feedback-thank-you text-muted-foreground rounded-full border border-black/[0.08] bg-gradient-to-b from-white/80 to-white/60 px-4 py-2 text-sm backdrop-blur-2xl dark:border-white/5 dark:from-white/10 dark:to-white/[0.03]",
+            className: "aui-feedback-thank-you rounded-full border border-black/[0.08] bg-gradient-to-b from-white/80 to-white/60 px-4 py-2 text-sm text-muted-foreground backdrop-blur-2xl dark:border-white/5 dark:from-white/10 dark:to-white/[0.03]",
             initial: { opacity: 0, y: 5 },
             animate: { opacity: 1, y: 0 },
             transition: { duration: 0.25, ease: at },
@@ -34673,23 +34678,24 @@ const GZ = () => {
         ) : /* @__PURE__ */ p(
           Je.div,
           {
+            ref: n,
             className: "aui-feedback-buttons relative flex items-center gap-1.5 rounded-full border border-black/[0.08] bg-gradient-to-b from-white/80 to-white/60 px-3 py-1 backdrop-blur-2xl dark:border-white/5 dark:from-white/10 dark:to-white/[0.03]",
             initial: { opacity: 0, scale: 0.8, y: 10 },
             animate: { opacity: 1, scale: 1, y: 0 },
             exit: { opacity: 0, scale: 0.8, y: 5 },
             transition: { duration: 0.4, delay: 0.75, ease: at },
-            children: /* @__PURE__ */ p(Lp, { delayDuration: 300, children: XZ.map((l, c) => {
-              const u = l.icon;
+            children: /* @__PURE__ */ p(Lp, { delayDuration: 300, children: XZ.map((u, d) => {
+              const m = u.icon;
               return /* @__PURE__ */ A(ai, { children: [
                 /* @__PURE__ */ p(oi, { asChild: !0, children: /* @__PURE__ */ p(
                   Je.button,
                   {
                     type: "button",
-                    onClick: () => s(l.type),
+                    onClick: () => c(u.type),
                     className: O(
                       "group/btn relative flex size-8 items-center justify-center rounded-full transition-[background-color] duration-200 ease-out",
-                      l.hoverBg,
-                      a === l.type && l.activeBg
+                      u.hoverBg,
+                      o === u.type && u.activeBg
                     ),
                     initial: "initial",
                     animate: "animate",
@@ -34702,12 +34708,12 @@ const GZ = () => {
                     },
                     transition: {
                       duration: 0.8,
-                      delay: 0.75 + c * 0.15,
+                      delay: 0.75 + d * 0.15,
                       type: "spring",
                       stiffness: 150,
                       damping: 10
                     },
-                    "aria-label": l.label,
+                    "aria-label": u.label,
                     children: /* @__PURE__ */ p(
                       "span",
                       {
@@ -34715,20 +34721,20 @@ const GZ = () => {
                         style: {
                           animation: "none"
                         },
-                        onMouseEnter: (d) => {
-                          d.currentTarget.style.animation = "subtle-bounce 0.6s ease-in-out infinite";
+                        onMouseEnter: (f) => {
+                          f.currentTarget.style.animation = "subtle-bounce 0.6s ease-in-out infinite";
                         },
-                        onMouseLeave: (d) => {
-                          d.currentTarget.style.animation = "none";
+                        onMouseLeave: (f) => {
+                          f.currentTarget.style.animation = "none";
                         },
                         children: /* @__PURE__ */ p(
-                          u,
+                          m,
                           {
                             className: O(
                               "size-5 transition-[fill] duration-200",
-                              l.color,
-                              l.type === "like" && "group-hover/btn:fill-emerald-500",
-                              a === l.type && l.type === "like" && "fill-emerald-500"
+                              u.color,
+                              u.type === "like" && "group-hover/btn:fill-emerald-500",
+                              o === u.type && u.type === "like" && "fill-emerald-500"
                             ),
                             strokeWidth: 2
                           }
@@ -34737,8 +34743,16 @@ const GZ = () => {
                     )
                   }
                 ) }),
-                /* @__PURE__ */ p(ii, { side: "top", sideOffset: 8, children: l.label })
-              ] }, l.type);
+                /* @__PURE__ */ p(
+                  ii,
+                  {
+                    side: "top",
+                    sideOffset: 8,
+                    container: a,
+                    children: u.label
+                  }
+                )
+              ] }, u.type);
             }) })
           },
           "feedback-buttons"
@@ -34775,7 +34789,7 @@ function nq({
   );
 }
 const zh = 200, g$ = ({ className: e, children: t }) => {
-  const r = ze(null), [a, n] = le(!1), o = D$(r, zh), i = Ae(
+  const r = ze(null), [a, n] = oe(!1), o = D$(r, zh), i = Ae(
     (s) => {
       s || o(), n(s);
     },
@@ -34802,7 +34816,7 @@ const aq = ({ className: e }) => /* @__PURE__ */ p(
     className: O(
       "aui-reasoning-fade pointer-events-none absolute inset-x-0 bottom-0 z-10 h-16",
       "bg-[linear-gradient(to_top,var(--color-background),transparent)]",
-      "fade-in-0 animate-in",
+      "animate-in fade-in-0",
       "group-data-[state=open]/collapsible-content:animate-out",
       "group-data-[state=open]/collapsible-content:fade-out-0",
       "group-data-[state=open]/collapsible-content:delay-[calc(var(--animation-duration)*0.75)]",
@@ -34820,7 +34834,7 @@ const aq = ({ className: e }) => /* @__PURE__ */ p(
   rq,
   {
     className: O(
-      "aui-reasoning-trigger group/trigger text-muted-foreground hover:text-foreground -mb-2 flex max-w-[75%] items-center gap-2 py-2 text-sm transition-colors",
+      "aui-reasoning-trigger group/trigger -mb-2 flex max-w-[75%] items-center gap-2 py-2 text-sm text-muted-foreground transition-colors hover:text-foreground",
       t,
       e && "shimmer"
     ),
@@ -34832,7 +34846,7 @@ const aq = ({ className: e }) => /* @__PURE__ */ p(
           "span",
           {
             "aria-hidden": !0,
-            className: "aui-reasoning-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none",
+            className: "aui-reasoning-trigger-shimmer pointer-events-none absolute inset-0 shimmer motion-reduce:animate-none",
             children: "Reasoning"
           }
         ) : null
@@ -34854,7 +34868,7 @@ const aq = ({ className: e }) => /* @__PURE__ */ p(
   nq,
   {
     className: O(
-      "aui-reasoning-content text-muted-foreground relative overflow-hidden text-sm outline-none",
+      "aui-reasoning-content relative overflow-hidden text-sm text-muted-foreground outline-none",
       "group/collapsible-content ease-out",
       "data-[state=closed]:animate-collapsible-up",
       "data-[state=open]:animate-collapsible-down",
@@ -34936,7 +34950,7 @@ function qp({
       align: t,
       sideOffset: r,
       className: O(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[70] w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "z-[70] w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         e
       ),
       ...n
@@ -35003,18 +35017,18 @@ function _$({ status: e }) {
     e === "running" && /* @__PURE__ */ p(os, { className: "size-4 animate-spin" }),
     e === "complete" && /* @__PURE__ */ p(Nr, { className: "size-4" }),
     e === "error" && /* @__PURE__ */ p(Sn, { className: "size-4" }),
-    e === "approval" && /* @__PURE__ */ p(os, { className: "text-muted-foreground size-4 animate-spin" })
+    e === "approval" && /* @__PURE__ */ p(os, { className: "size-4 animate-spin text-muted-foreground" })
   ] });
 }
 function pq({ content: e }) {
-  const [t, r] = le(!1);
+  const [t, r] = oe(!1);
   return /* @__PURE__ */ p(
     "button",
     {
       onClick: async (n) => {
         n.stopPropagation(), await navigator.clipboard.writeText(e), r(!0), setTimeout(() => r(!1), 2e3);
       },
-      className: "text-muted-foreground hover:bg-accent hover:text-foreground rounded p-1 transition-colors",
+      className: "rounded p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
       "aria-label": "Copy to clipboard",
       children: t ? /* @__PURE__ */ p(Nr, { className: "size-4" }) : /* @__PURE__ */ p(mp, { className: "size-4" })
     }
@@ -35038,7 +35052,7 @@ function x$({
   language: t,
   className: r
 }) {
-  const [a, n] = le(null), [o, i] = le(!1), s = T.useMemo(
+  const [a, n] = oe(null), [o, i] = oe(!1), s = T.useMemo(
     () => hq(e, gq),
     [e]
   ), l = o ? e : s.text, c = l.length <= fq;
@@ -35146,22 +35160,22 @@ function Dh({
   highlightSyntax: a = !0,
   language: n = "json"
 }) {
-  const [o, i] = le(r), s = mq(t), l = s ? JSON.stringify(t, null, 2) : typeof t == "string" ? t : JSON.stringify(t, null, 2);
-  return /* @__PURE__ */ A("div", { "data-slot": "tool-ui-section", className: "border-border border-t", children: [
+  const [o, i] = oe(r), s = mq(t), l = s ? JSON.stringify(t, null, 2) : typeof t == "string" ? t : JSON.stringify(t, null, 2);
+  return /* @__PURE__ */ A("div", { "data-slot": "tool-ui-section", className: "border-t border-border", children: [
     /* @__PURE__ */ A(
       "button",
       {
         onClick: () => i(!o),
-        className: "hover:bg-accent/50 flex w-full cursor-pointer items-center justify-between px-5 py-2.5 text-left transition-colors",
+        className: "flex w-full cursor-pointer items-center justify-between px-5 py-2.5 text-left transition-colors hover:bg-accent/50",
         children: [
-          /* @__PURE__ */ p("span", { className: "text-muted-foreground text-sm", children: e }),
+          /* @__PURE__ */ p("span", { className: "text-sm text-muted-foreground", children: e }),
           /* @__PURE__ */ A("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ p(pq, { content: l }),
             /* @__PURE__ */ p(
               dp,
               {
                 className: O(
-                  "text-muted-foreground size-4 transition-transform duration-200",
+                  "size-4 text-muted-foreground transition-transform duration-200",
                   o && "rotate-90"
                 )
               }
@@ -35170,7 +35184,7 @@ function Dh({
         ]
       }
     ),
-    o && /* @__PURE__ */ p("div", { className: "border-border border-t", children: s ? /* @__PURE__ */ p(bq, { content: t }) : a ? /* @__PURE__ */ p(x$, { text: l, language: n }) : /* @__PURE__ */ p("pre", { className: "text-foreground overflow-x-auto px-4 py-3 text-sm whitespace-pre-wrap", children: l }) })
+    o && /* @__PURE__ */ p("div", { className: "border-t border-border", children: s ? /* @__PURE__ */ p(bq, { content: t }) : a ? /* @__PURE__ */ p(x$, { text: l, language: n }) : /* @__PURE__ */ p("pre", { className: "overflow-x-auto px-4 py-3 text-sm whitespace-pre-wrap text-foreground", children: l }) })
   ] });
 }
 function yq({
@@ -35187,7 +35201,7 @@ function yq({
   onApproveForSession: u,
   onDeny: d
 }) {
-  const m = l?.title || e, f = a === "approval" && c !== void 0 && d !== void 0, [g, h] = le(i), b = n !== void 0 || o !== void 0, [y, _] = le("one-time"), [x, v] = le(!1), I = T.useRef(null);
+  const m = l?.title || e, f = a === "approval" && c !== void 0 && d !== void 0, [g, h] = oe(i), b = n !== void 0 || o !== void 0, [y, _] = oe("one-time"), [x, v] = oe(!1), I = T.useRef(null);
   Ce(() => {
     !f && g && !i && h(!1);
   }, [f]);
@@ -35199,7 +35213,7 @@ function yq({
     {
       "data-slot": "tool-ui",
       className: O(
-        "border-border bg-card @container overflow-hidden rounded-lg border",
+        "@container overflow-hidden rounded-lg border border-border bg-card",
         s
       ),
       children: [
@@ -35208,10 +35222,10 @@ function yq({
           {
             "data-slot": "tool-ui-provider",
             className: O(
-              "border-border flex items-center gap-2 border-b px-4 py-2.5"
+              "flex items-center gap-2 border-b border-border px-4 py-2.5"
             ),
             children: [
-              t ? /* @__PURE__ */ p("span", { className: "flex size-5 items-center justify-center", children: t }) : /* @__PURE__ */ p("span", { className: "bg-muted flex size-5 items-center justify-center rounded text-xs font-medium", children: r.charAt(0).toUpperCase() }),
+              t ? /* @__PURE__ */ p("span", { className: "flex size-5 items-center justify-center", children: t }) : /* @__PURE__ */ p("span", { className: "flex size-5 items-center justify-center rounded bg-muted text-xs font-medium", children: r.charAt(0).toUpperCase() }),
               /* @__PURE__ */ p("span", { className: "text-sm font-medium", children: r })
             ]
           }
@@ -35223,7 +35237,7 @@ function yq({
             disabled: !b,
             className: O(
               "flex w-full items-center gap-2 px-4 py-3 text-left",
-              b && "hover:bg-accent/50 cursor-pointer transition-colors"
+              b && "cursor-pointer transition-colors hover:bg-accent/50"
             ),
             children: [
               /* @__PURE__ */ p(_$, { status: a }),
@@ -35241,7 +35255,7 @@ function yq({
                 Za,
                 {
                   className: O(
-                    "text-muted-foreground size-4 transition-transform duration-200",
+                    "size-4 text-muted-foreground transition-transform duration-200",
                     g && "rotate-180"
                   )
                 }
@@ -35273,11 +35287,11 @@ function yq({
           "div",
           {
             "data-slot": "tool-ui-approval-actions",
-            className: "border-border flex flex-col gap-2 border-t px-4 py-3 @[320px]:flex-row @[320px]:items-center @[320px]:justify-end",
+            className: "flex flex-col gap-2 border-t border-border px-4 py-3 @[320px]:flex-row @[320px]:items-center @[320px]:justify-end",
             children: [
               /* @__PURE__ */ A("div", { className: "flex items-center gap-2 @[320px]:mr-auto", children: [
-                /* @__PURE__ */ p("span", { className: "text-muted-foreground text-sm", children: "This tool requires approval" }),
-                l?.readOnlyHint && /* @__PURE__ */ p("span", { className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs", children: "Read-only" }),
+                /* @__PURE__ */ p("span", { className: "text-sm text-muted-foreground", children: "This tool requires approval" }),
+                l?.readOnlyHint && /* @__PURE__ */ p("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: "Read-only" }),
                 l?.destructiveHint && !l?.readOnlyHint && /* @__PURE__ */ p("span", { className: "rounded bg-amber-500/10 px-1.5 py-0.5 text-xs text-amber-600 dark:text-amber-400", children: "Destructive" })
               ] }),
               /* @__PURE__ */ A("div", { className: "flex items-center gap-2 self-end", children: [
@@ -35303,9 +35317,9 @@ function yq({
                       onClick: S,
                       className: "flex cursor-pointer justify-between gap-1 rounded-r-none bg-emerald-600 hover:bg-emerald-700",
                       children: [
-                        /* @__PURE__ */ p(Nr, { className: "dark:text-foreground mr-1 size-3" }),
-                        /* @__PURE__ */ p("span", { className: "dark:text-foreground @[320px]:hidden", children: "Approve" }),
-                        /* @__PURE__ */ p("span", { className: "dark:text-foreground hidden min-w-[110px] @[320px]:inline", children: y === "one-time" ? "Approve this time" : "Approve always" })
+                        /* @__PURE__ */ p(Nr, { className: "mr-1 size-3 dark:text-foreground" }),
+                        /* @__PURE__ */ p("span", { className: "@[320px]:hidden dark:text-foreground", children: "Approve" }),
+                        /* @__PURE__ */ p("span", { className: "hidden min-w-[110px] @[320px]:inline dark:text-foreground", children: y === "one-time" ? "Approve this time" : "Approve always" })
                       ]
                     }
                   ),
@@ -35318,7 +35332,7 @@ function yq({
                         size: "sm",
                         className: "cursor-pointer rounded-l-none border-l border-emerald-700 bg-emerald-600 px-2 hover:bg-emerald-700",
                         onClick: () => v((E) => !E),
-                        children: x ? /* @__PURE__ */ p(J$, { className: "dark:text-foreground size-3" }) : /* @__PURE__ */ p(Za, { className: "dark:text-foreground size-3" })
+                        children: x ? /* @__PURE__ */ p(J$, { className: "size-3 dark:text-foreground" }) : /* @__PURE__ */ p(Za, { className: "size-3 dark:text-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ A(
@@ -35338,7 +35352,7 @@ function yq({
                               onClick: () => {
                                 _("one-time"), v(!1);
                               },
-                              className: "hover:bg-accent relative flex w-full items-start gap-2 rounded-sm px-2 py-2 text-left",
+                              className: "relative flex w-full items-start gap-2 rounded-sm px-2 py-2 text-left hover:bg-accent",
                               children: [
                                 /* @__PURE__ */ p(
                                   Nr,
@@ -35351,7 +35365,7 @@ function yq({
                                 ),
                                 /* @__PURE__ */ A("div", { className: "flex flex-col gap-0.5", children: [
                                   /* @__PURE__ */ p("span", { className: "text-sm", children: "Approve only once" }),
-                                  /* @__PURE__ */ p("span", { className: "text-muted-foreground text-xs", children: "You'll be asked again next time" })
+                                  /* @__PURE__ */ p("span", { className: "text-xs text-muted-foreground", children: "You'll be asked again next time" })
                                 ] })
                               ]
                             }
@@ -35362,7 +35376,7 @@ function yq({
                               onClick: () => {
                                 _("for-session"), v(!1);
                               },
-                              className: "hover:bg-accent relative flex w-full items-start gap-2 rounded-sm px-2 py-2 text-left",
+                              className: "relative flex w-full items-start gap-2 rounded-sm px-2 py-2 text-left hover:bg-accent",
                               children: [
                                 /* @__PURE__ */ p(
                                   Nr,
@@ -35375,7 +35389,7 @@ function yq({
                                 ),
                                 /* @__PURE__ */ A("div", { className: "flex flex-col gap-0.5", children: [
                                   /* @__PURE__ */ p("span", { className: "text-sm", children: "Approve always" }),
-                                  /* @__PURE__ */ p("span", { className: "text-muted-foreground text-xs", children: "Trust this tool for the session" })
+                                  /* @__PURE__ */ p("span", { className: "text-xs text-muted-foreground", children: "Trust this tool for the session" })
                                 ] })
                               ]
                             }
@@ -35401,13 +35415,13 @@ function wq({
   children: n,
   className: o
 }) {
-  const [i, s] = le(a);
+  const [i, s] = oe(a);
   return /* @__PURE__ */ A(
     "div",
     {
       "data-slot": "tool-ui-group",
       className: O(
-        "border-border bg-card overflow-hidden rounded-lg border",
+        "overflow-hidden rounded-lg border border-border bg-card",
         o
       ),
       children: [
@@ -35415,7 +35429,7 @@ function wq({
           "button",
           {
             onClick: () => s(!i),
-            className: "hover:bg-accent/50 flex w-full items-center gap-2 px-4 py-3 text-left transition-colors",
+            className: "flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-accent/50",
             children: [
               t || /* @__PURE__ */ p(
                 _$,
@@ -35437,7 +35451,7 @@ function wq({
                 Za,
                 {
                   className: O(
-                    "text-muted-foreground size-4 transition-transform duration-200",
+                    "size-4 text-muted-foreground transition-transform duration-200",
                     i && "rotate-180"
                   )
                 }
@@ -35449,7 +35463,7 @@ function wq({
           "div",
           {
             "data-slot": "tool-ui-group-content",
-            className: "border-border border-t",
+            className: "border-t border-border",
             children: n
           }
         )
@@ -35558,7 +35572,7 @@ const Tq = ({
   textareaRef: n,
   className: o
 }) => {
-  const [i, s] = le(0), [l, c] = le(!1), [u, d] = le([]), [m, f] = le(null), g = ze(null), h = Vt(), b = xr();
+  const [i, s] = oe(0), [l, c] = oe(!1), [u, d] = oe([]), [m, f] = oe(null), g = ze(null), h = Vt(), b = xr();
   Ce(() => {
     const _ = Sq(t, r);
     if (_.isInMention && e.length > 0) {
@@ -35648,7 +35662,7 @@ const Tq = ({
       exit: { opacity: 0, y: 8 },
       transition: { duration: 0.15, ease: at },
       className: O(
-        "aui-tool-mention-autocomplete border-ring bg-background absolute bottom-full z-50 max-h-[220px] overflow-clip overflow-y-auto overscroll-contain rounded-br-none! rounded-bl-none! border border-b-0 shadow-xs",
+        "aui-tool-mention-autocomplete absolute bottom-full z-50 max-h-[220px] overflow-clip overflow-y-auto overscroll-contain rounded-br-none! rounded-bl-none! border border-b-0 border-ring bg-background shadow-xs",
         b("xl"),
         o
       ),
@@ -35671,7 +35685,7 @@ const Tq = ({
             /* @__PURE__ */ p(YS, { className: "mt-0.5 size-4 flex-shrink-0 opacity-50" }),
             /* @__PURE__ */ A("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ p("div", { className: "text-sm font-medium", children: _.name }),
-              _.description && /* @__PURE__ */ p("div", { className: "text-muted-foreground line-clamp-2 text-xs", children: _.description })
+              _.description && /* @__PURE__ */ p("div", { className: "line-clamp-2 text-xs text-muted-foreground", children: _.description })
             ] })
           ]
         },
@@ -35791,7 +35805,7 @@ async function Aq(e, t, r, a) {
   }
 }
 function uG() {
-  const e = Fh(), [t, r] = le(!1), a = ze(0), n = A$(
+  const e = Fh(), [t, r] = oe(!1), a = ze(0), n = A$(
     (l) => e.subscribe(l),
     () => e.getState().messages.length
   ), o = Ae(() => {
@@ -35820,7 +35834,7 @@ function Cq({
   tools: e,
   enabled: t = !0
 }) {
-  const [r, a] = le(0), n = ze(null), o = Pu(), i = Qe(({ composer: f }) => f.text), s = Ve(
+  const [r, a] = oe(0), n = ze(null), o = Pu(), i = Qe(({ composer: f }) => f.text), s = Ve(
     () => xq(e),
     [e]
   ), l = Ve(
@@ -35920,7 +35934,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
       if (c.parts[u]?.status?.type === "running") return !0;
     return !1;
   }), { config: i } = ot(), s = i.tools?.expandToolGroupsByDefault ?? !1, l = Ve(() => a === 0 ? "No tools called" : a === 1 ? n ? `Calling ${zq(n)}...` : "Calling tool..." : o ? `Calling ${a} tools...` : `Executed ${a} tools`, [a, n, o]);
-  return n && i.tools?.components?.[n] ? e : a === 1 ? /* @__PURE__ */ p("div", { className: O("my-4 w-full max-w-xl"), children: /* @__PURE__ */ p("div", { className: "border-border bg-card overflow-hidden rounded-lg border", children: e }) }) : /* @__PURE__ */ p("div", { className: "my-4 w-full max-w-xl", children: /* @__PURE__ */ p(
+  return n && i.tools?.components?.[n] ? e : a === 1 ? /* @__PURE__ */ p("div", { className: O("my-4 w-full max-w-xl"), children: /* @__PURE__ */ p("div", { className: "overflow-hidden rounded-lg border border-border bg-card", children: e }) }) : /* @__PURE__ */ p("div", { className: "my-4 w-full max-w-xl", children: /* @__PURE__ */ p(
     wq,
     {
       title: l,
@@ -35944,7 +35958,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
   /* @__PURE__ */ p("strong", { children: "Danger:" }),
   " You are using a Gram API key directly in the browser. This exposes your key to anyone who inspects this page. Do NOT use this in production."
 ] }), Gp = ({ className: e }) => {
-  const t = Fl(), r = Vt(), { config: a } = ot(), n = a.components ?? {}, o = a.api && "dangerousApiKey" in a.api, i = a.thread?.showFeedback ?? !0, [s, l] = le(!1), [c, u] = le(!1), d = K$(), m = fl(a), f = Ll({
+  const t = Fl(), r = Vt(), { config: a } = ot(), n = a.components ?? {}, o = a.api && "dangerousApiKey" in a.api, i = a.thread?.showFeedback ?? !0, [s, l] = oe(!1), [c, u] = oe(!1), d = K$(), m = fl(a), f = Ll({
     auth: a.api,
     projectSlug: a.projectSlug
   }), g = () => l(!0), h = () => {
@@ -35991,7 +36005,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
         It.Root,
         {
           className: O(
-            "aui-root aui-thread-root bg-background @container relative flex h-full flex-col",
+            "aui-root aui-thread-root @container relative flex h-full flex-col bg-background",
             t.className,
             e
           ),
@@ -36026,7 +36040,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
             /* @__PURE__ */ p(qr, { children: i && s && /* @__PURE__ */ p(
               Je.div,
               {
-                className: "bg-background/40 pointer-events-none absolute inset-0 z-50",
+                className: "pointer-events-none absolute inset-0 z-50 bg-background/40",
                 initial: { opacity: 0 },
                 animate: { opacity: 1 },
                 exit: { opacity: 0 },
@@ -36043,7 +36057,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
   {
     tooltip: "Scroll to bottom",
     variant: "outline",
-    className: "aui-thread-scroll-to-bottom dark:bg-background dark:text-foreground dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
+    className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:text-foreground dark:hover:bg-accent",
     children: /* @__PURE__ */ p(F6, {})
   }
 ) }), jq = () => {
@@ -36081,7 +36095,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
                       exit: { opacity: 0, y: 10 },
                       transition: { duration: 0.25, ease: at },
                       className: O(
-                        "aui-thread-welcome-message-motion-1 text-foreground font-semibold",
+                        "aui-thread-welcome-message-motion-1 font-semibold text-foreground",
                         t("text-title")
                       ),
                       children: r
@@ -36141,14 +36155,14 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
             {
               variant: "ghost",
               className: O(
-                "aui-thread-welcome-suggestion dark:hover:bg-accent/60 h-auto w-full border text-left whitespace-break-spaces",
+                "aui-thread-welcome-suggestion h-auto w-full border text-left whitespace-break-spaces dark:hover:bg-accent/60",
                 r("text-base"),
                 n ? `flex-col items-start @sm:flex-row @sm:items-center ${r("gap-sm")} ${r("px-lg")} ${r("py-sm")} ${t("full")}` : `w-full flex-1 flex-col flex-wrap items-start justify-start ${r("gap-sm")} ${r("px-lg")} ${r("py-md")} ${t("xl")}`
               ),
               "aria-label": o.prompt,
               children: [
-                /* @__PURE__ */ p("span", { className: "aui-thread-welcome-suggestion-text-1 text-foreground text-sm font-medium", children: o.title }),
-                /* @__PURE__ */ p("span", { className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground text-sm", children: o.label })
+                /* @__PURE__ */ p("span", { className: "aui-thread-welcome-suggestion-text-1 text-sm font-medium text-foreground", children: o.title }),
+                /* @__PURE__ */ p("span", { className: "aui-thread-welcome-suggestion-text-2 text-sm text-muted-foreground", children: o.label })
               ]
             }
           ) })
@@ -36255,7 +36269,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
     "div",
     {
       className: O(
-        "aui-composer-wrapper bg-background sticky bottom-0 z-[60] flex w-full flex-col overflow-visible",
+        "aui-composer-wrapper sticky bottom-0 z-[60] flex w-full flex-col overflow-visible bg-background",
         i("gap-md"),
         i("py-md"),
         o("xl")
@@ -36266,12 +36280,12 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
         e && a ? /* @__PURE__ */ A(
           Je.div,
           {
-            className: "aui-composer-resolved border-input flex min-h-[118px] flex-col items-center justify-center gap-2 border-t px-1",
+            className: "aui-composer-resolved flex min-h-[118px] flex-col items-center justify-center gap-2 border-t border-input px-1",
             initial: { opacity: 0 },
             animate: { opacity: 1 },
             transition: { duration: 0.2, ease: at },
             children: [
-              /* @__PURE__ */ p("span", { className: "text-muted-foreground text-sm", children: "This conversation has been resolved" }),
+              /* @__PURE__ */ p("span", { className: "text-sm text-muted-foreground", children: "This conversation has been resolved" }),
               /* @__PURE__ */ p(
                 _t,
                 {
@@ -36289,7 +36303,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
           {
             ref: m,
             className: O(
-              "aui-composer-root group/input-group border-input bg-background has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-ring/5 dark:bg-background relative flex min-h-[118px] w-full flex-col border px-1 pt-2 shadow-xs transition-[color,box-shadow] outline-none has-[textarea:focus-visible]:ring-1",
+              "aui-composer-root group/input-group relative flex min-h-[118px] w-full flex-col border border-input bg-background px-1 pt-2 shadow-xs transition-[color,box-shadow] outline-none has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-1 has-[textarea:focus-visible]:ring-ring/5 dark:bg-background",
               o("xl"),
               l && "pointer-events-none opacity-50"
             ),
@@ -36301,7 +36315,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
                 {
                   placeholder: c.placeholder,
                   className: O(
-                    "aui-composer-input text-foreground placeholder:text-muted-foreground mb-1 max-h-32 w-full resize-none bg-transparent px-3.5 pt-1.5 pb-3 outline-none focus-visible:ring-0",
+                    "aui-composer-input mb-1 max-h-32 w-full resize-none bg-transparent px-3.5 pt-1.5 pb-3 text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-0",
                     i("h-input"),
                     i("text-base")
                   ),
@@ -36319,7 +36333,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
     }
   );
 }, Bq = () => {
-  const { model: e, setModel: t } = ot(), [r, a] = le(!1), [n, o] = le(!1), i = ze(null), s = ze(0), l = ze(!1);
+  const { model: e, setModel: t } = ot(), [r, a] = oe(!1), [n, o] = oe(!1), i = ze(null), s = ze(0), l = ze(!1);
   return Ce(() => {
     r && !l.current && requestAnimationFrame(() => {
       const u = i.current;
@@ -36335,7 +36349,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
           variant: "ghost",
           size: "icon",
           "data-state": r ? "open" : "closed",
-          className: "aui-composer-model-picker data-[state=open]:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30 flex w-fit items-center gap-2 rounded-full px-2.5 py-1 text-xs font-semibold",
+          className: "aui-composer-model-picker flex w-fit items-center gap-2 rounded-full px-2.5 py-1 text-xs font-semibold data-[state=open]:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30",
           "aria-label": "Model Settings",
           children: /* @__PURE__ */ p(w5, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
         }
@@ -36379,7 +36393,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
 }, Gq = !1, Hq = () => {
   const { config: e } = ot(), t = xr(), r = e.composer ?? { attachments: !0 };
   return /* @__PURE__ */ A("div", { className: "aui-composer-action-wrapper relative mx-1 mt-2 mb-2 flex items-center justify-between", children: [
-    /* @__PURE__ */ A("div", { className: "aui-composer-action-wrapper-inner text-muted-foreground flex items-center", children: [
+    /* @__PURE__ */ A("div", { className: "aui-composer-action-wrapper-inner flex items-center text-muted-foreground", children: [
       r.attachments ? /* @__PURE__ */ p(DZ, {}) : /* @__PURE__ */ p("div", { className: "aui-composer-add-attachment-placeholder" }),
       e.model?.showModelPicker && !e.languageModel && /* @__PURE__ */ p(Bq, {}),
       Gq
@@ -36404,7 +36418,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
         variant: "default",
         size: "icon",
         className: O(
-          "aui-composer-cancel border-muted-foreground/60 hover:bg-primary/75 dark:border-muted-foreground/90 size-[34px] border",
+          "aui-composer-cancel size-[34px] border border-muted-foreground/60 hover:bg-primary/75 dark:border-muted-foreground/90",
           t("full")
         ),
         "aria-label": "Stop generating",
@@ -36412,7 +36426,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
       }
     ) }) })
   ] });
-}, Jq = () => /* @__PURE__ */ p(Pr.Error, { children: /* @__PURE__ */ p(af.Root, { className: "aui-message-error-root border-destructive bg-destructive/10 text-destructive dark:bg-destructive/5 mt-2 rounded-md border p-3 text-sm dark:text-red-200", children: /* @__PURE__ */ p(af.Message, { className: "aui-message-error-message line-clamp-2" }) }) }), Wq = () => Qe(({ message: t }) => t.status?.type !== "running" ? !1 : t.parts[t.parts.length - 1]?.type === "tool-call") ? /* @__PURE__ */ p("div", { className: "aui-md mt-2", "data-status": "running" }) : null, Kq = () => {
+}, Jq = () => /* @__PURE__ */ p(Pr.Error, { children: /* @__PURE__ */ p(af.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ p(af.Message, { className: "aui-message-error-message line-clamp-2" }) }) }), Wq = () => Qe(({ message: t }) => t.status?.type !== "running" ? !1 : t.parts[t.parts.length - 1]?.type === "tool-call") ? /* @__PURE__ */ p("div", { className: "aui-md mt-2", "data-status": "running" }) : null, Kq = () => {
   const { config: e } = ot(), t = e.tools ?? {}, r = e.components ?? {}, a = Ve(
     () => ({
       Text: r.Text ?? f$,
@@ -36430,10 +36444,10 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
   return /* @__PURE__ */ p(Pr.Root, { asChild: !0, children: /* @__PURE__ */ A(
     "div",
     {
-      className: "aui-assistant-message-root animate-in fade-in slide-in-from-bottom-1 relative mx-auto w-full py-4 duration-150 ease-out last:mb-24",
+      className: "aui-assistant-message-root relative mx-auto w-full animate-in py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 last:mb-24",
       "data-role": "assistant",
       children: [
-        /* @__PURE__ */ A("div", { className: "aui-assistant-message-content text-foreground mx-2 leading-7 wrap-break-word", children: [
+        /* @__PURE__ */ A("div", { className: "aui-assistant-message-content mx-2 leading-7 wrap-break-word text-foreground", children: [
           /* @__PURE__ */ p(Pr.Parts, { components: a }),
           /* @__PURE__ */ p(Wq, {}),
           /* @__PURE__ */ p(Jq, {})
@@ -36448,7 +36462,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
     hideWhenRunning: !0,
     autohide: "not-last",
     autohideFloat: "single-branch",
-    className: "aui-assistant-action-bar-root text-muted-foreground data-floating:bg-background col-start-3 row-start-2 -ml-1 flex gap-1 data-floating:absolute data-floating:rounded-md data-floating:border data-floating:p-1 data-floating:shadow-sm",
+    className: "aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm",
     children: /* @__PURE__ */ p(Pi.Copy, { asChild: !0, children: /* @__PURE__ */ A(er, { tooltip: "Copy", children: [
       /* @__PURE__ */ p(Pr.If, { copied: !0, children: /* @__PURE__ */ p(Nr, {}) }),
       /* @__PURE__ */ p(Pr.If, { copied: !1, children: /* @__PURE__ */ p(mp, {}) })
@@ -36459,7 +36473,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
   return /* @__PURE__ */ p(Pr.Root, { asChild: !0, children: /* @__PURE__ */ A(
     "div",
     {
-      className: "aui-user-message-root animate-in fade-in slide-in-from-bottom-1 mx-auto grid w-full auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out first:mt-3 last:mb-5 [&:where(>*)]:col-start-2",
+      className: "aui-user-message-root mx-auto grid w-full animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2",
       "data-role": "user",
       children: [
         /* @__PURE__ */ p(PZ, {}),
@@ -36468,7 +36482,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
             "div",
             {
               className: O(
-                "aui-user-message-content bg-muted text-foreground px-5 py-2.5 wrap-break-word",
+                "aui-user-message-content bg-muted px-5 py-2.5 wrap-break-word text-foreground",
                 e("xl")
               ),
               children: /* @__PURE__ */ p(Pr.Parts, {})
@@ -36488,11 +36502,11 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
     className: "aui-user-action-bar-root flex flex-col items-end",
     children: /* @__PURE__ */ p(Pi.Edit, { asChild: !0, children: /* @__PURE__ */ p(er, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ p(v5, {}) }) })
   }
-), tB = () => /* @__PURE__ */ p("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full flex-col gap-4 px-2 first:mt-4", children: /* @__PURE__ */ A(ir.Root, { className: "aui-edit-composer-root bg-muted ml-auto flex w-full max-w-7/8 flex-col rounded-xl", children: [
+), tB = () => /* @__PURE__ */ p("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full flex-col gap-4 px-2 first:mt-4", children: /* @__PURE__ */ A(ir.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [
   /* @__PURE__ */ p(
     ir.Input,
     {
-      className: "aui-edit-composer-input text-foreground flex min-h-[60px] w-full resize-none bg-transparent p-4 outline-none",
+      className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none",
       autoFocus: !0
     }
   ),
@@ -36508,7 +36522,7 @@ const Dq = ({ children: e, startIndex: t, endIndex: r }) => {
   {
     hideWhenSingleBranch: !0,
     className: O(
-      "aui-branch-picker-root text-muted-foreground mr-2 -ml-2 inline-flex items-center text-xs",
+      "aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground",
       e
     ),
     ...t,
@@ -36528,7 +36542,7 @@ function nB({ className: e, ...t }) {
     "div",
     {
       "data-slot": "skeleton",
-      className: O("bg-accent animate-pulse rounded-md", e),
+      className: O("animate-pulse rounded-md bg-accent", e),
       ...t
     }
   );
@@ -36539,7 +36553,7 @@ const Hp = ({ className: e }) => {
     Du.Root,
     {
       className: O(
-        "aui-root aui-thread-list-root bg-background text-foreground flex flex-col items-stretch",
+        "aui-root aui-thread-list-root flex flex-col items-stretch bg-background text-foreground",
         t("gap-sm"),
         e
       ),
@@ -36548,7 +36562,7 @@ const Hp = ({ className: e }) => {
           "div",
           {
             className: O(
-              "aui-thread-list-new-section border-border border-b pb-2",
+              "aui-thread-list-new-section border-b border-border pb-2",
               t("py-sm"),
               t("px-sm")
             ),
@@ -36575,7 +36589,7 @@ const Hp = ({ className: e }) => {
     _t,
     {
       className: O(
-        "aui-thread-list-new text-foreground hover:bg-muted data-[active=true]:bg-muted/80 flex w-full cursor-pointer items-center justify-start gap-1 rounded-lg px-2.5 py-2 text-start",
+        "aui-thread-list-new flex w-full cursor-pointer items-center justify-start gap-1 rounded-lg px-2.5 py-2 text-start text-foreground hover:bg-muted data-[active=true]:bg-muted/80",
         e("p-sm"),
         e("py-xs")
       ),
@@ -36602,7 +36616,7 @@ const Hp = ({ className: e }) => {
     jc.Root,
     {
       className: O(
-        "aui-thread-list-item group hover:bg-muted focus-visible:bg-muted focus-visible:ring-ring data-[active=true]:bg-muted flex items-center gap-2 rounded-lg transition-all focus-visible:ring-2 focus-visible:outline-none",
+        "aui-thread-list-item group flex items-center gap-2 rounded-lg transition-all hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-[active=true]:bg-muted",
         e("md")
       ),
       children: /* @__PURE__ */ p(
@@ -36618,7 +36632,7 @@ const Hp = ({ className: e }) => {
       )
     }
   );
-}, lB = () => /* @__PURE__ */ p("span", { className: "aui-thread-list-item-title text-foreground text-sm break-words", children: /* @__PURE__ */ p(jc.Title, { fallback: "New Chat" }) }), S$ = () => {
+}, lB = () => /* @__PURE__ */ p("span", { className: "aui-thread-list-item-title text-sm break-words text-foreground", children: /* @__PURE__ */ p(jc.Title, { fallback: "New Chat" }) }), S$ = () => {
   const { config: e, isExpanded: t, setIsExpanded: r } = ot(), a = e.variant === "sidecar" ? e.sidecar : e.modal, n = a?.expandable ?? !1, o = a?.defaultExpanded ?? !1;
   return {
     expandable: n,
@@ -36632,7 +36646,7 @@ const Hp = ({ className: e }) => {
     ease: at
   }
 }, uB = ({ className: e }) => {
-  const { config: t } = ot(), r = Fl(), a = xr(), n = Vt(), [o, i] = le(t.modal?.defaultOpen ?? !1), { expandable: s, isExpanded: l, setIsExpanded: c } = S$(), u = t.modal?.title, d = t.modal?.icon, m = t.history?.enabled && t.history?.showThreadList !== !1, f = t.modal?.position ?? "bottom-right", g = dB(f), h = Ve(
+  const { config: t } = ot(), r = Fl(), a = xr(), n = Vt(), [o, i] = oe(t.modal?.defaultOpen ?? !1), { expandable: s, isExpanded: l, setIsExpanded: c } = S$(), u = t.modal?.title, d = t.modal?.icon, m = t.history?.enabled && t.history?.showThreadList !== !1, f = t.modal?.position ?? "bottom-right", g = dB(f), h = Ve(
     () => t.modal?.dimensions?.default ?? {
       width: "500px",
       height: "600px",
@@ -36663,7 +36677,7 @@ const Hp = ({ className: e }) => {
           layout: !0,
           layoutId: "chat-container",
           className: O(
-            "aui-modal-content bg-popover text-popover-foreground flex flex-col overflow-hidden border [&>.aui-thread-root]:bg-inherit",
+            "aui-modal-content flex flex-col overflow-hidden border bg-popover text-popover-foreground [&>.aui-thread-root]:bg-inherit",
             a("lg")
           ),
           initial: !1,
@@ -36695,7 +36709,7 @@ const Hp = ({ className: e }) => {
                     "span",
                     {
                       className: O(
-                        "text-foreground text-md flex items-center gap-2 truncate font-medium",
+                        "text-md flex items-center gap-2 truncate font-medium text-foreground",
                         _ && "title-shimmer"
                       ),
                       children: [
@@ -36703,7 +36717,7 @@ const Hp = ({ className: e }) => {
                         _ && /* @__PURE__ */ p(
                           os,
                           {
-                            className: "text-muted-foreground size-4.5 animate-spin",
+                            className: "size-4.5 animate-spin text-muted-foreground",
                             strokeWidth: 1.25
                           }
                         )
@@ -36717,7 +36731,7 @@ const Hp = ({ className: e }) => {
                         type: "button",
                         onClick: () => c((S) => !S),
                         className: O(
-                          "text-muted-foreground hover:text-foreground hover:bg-accent flex h-8 cursor-pointer items-center rounded-md px-2 text-xs transition-colors"
+                          "flex h-8 cursor-pointer items-center rounded-md px-2 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
                         ),
                         "aria-pressed": l,
                         "aria-label": l ? "Collapse assistant" : "Expand assistant",
@@ -36742,7 +36756,7 @@ const Hp = ({ className: e }) => {
                         onClick: () => {
                           i(!1), c(!1);
                         },
-                        className: "text-muted-foreground hover:text-foreground hover:bg-accent -mr-1 flex size-8 cursor-pointer items-center justify-center rounded-md transition-colors",
+                        className: "-mr-1 flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
                         "aria-label": `Close ${u}`,
                         children: /* @__PURE__ */ p(Sn, { className: "size-4.5" })
                       }
@@ -36778,7 +36792,7 @@ const Hp = ({ className: e }) => {
           layoutId: "chat-container",
           onClick: () => i(!0),
           className: O(
-            "aui-modal-button bg-primary text-primary-foreground flex size-12 cursor-pointer items-center justify-center border shadow-lg transition-shadow hover:shadow-xl",
+            "aui-modal-button flex size-12 cursor-pointer items-center justify-center border bg-primary text-primary-foreground shadow-lg transition-shadow hover:shadow-xl",
             a("full")
           ),
           initial: !1,
@@ -36828,7 +36842,7 @@ const mB = ({ className: e }) => {
       },
       transition: { duration: 0.3, ease: at },
       className: O(
-        "aui-root aui-sidecar bg-popover text-popover-foreground fixed top-0 right-0 bottom-0 flex flex-col border-l",
+        "aui-root aui-sidecar fixed top-0 right-0 bottom-0 flex flex-col border-l bg-popover text-popover-foreground",
         r.className,
         e
       ),
@@ -36838,7 +36852,7 @@ const mB = ({ className: e }) => {
             "span",
             {
               className: O(
-                "text-foreground text-md flex items-center gap-2 font-medium",
+                "text-md flex items-center gap-2 font-medium text-foreground",
                 u && "title-shimmer"
               ),
               children: [
@@ -36846,7 +36860,7 @@ const mB = ({ className: e }) => {
                 u && /* @__PURE__ */ p(
                   os,
                   {
-                    className: "text-muted-foreground size-4.5 animate-spin",
+                    className: "size-4.5 animate-spin text-muted-foreground",
                     strokeWidth: 1.25
                   }
                 )
@@ -36883,7 +36897,7 @@ const zc = `@layer properties{@supports (((-webkit-hyphens:none)) and (not (marg
   hostClassName: t,
   hostStyle: r
 }) => {
-  const a = ze(null), n = ze(null), [o, i] = le(null), { config: s } = ot(), l = Fl(), c = Ve(
+  const a = ze(null), n = ze(null), [o, i] = oe(null), { config: s } = ot(), l = Fl(), c = Ve(
     () => O(vs, l.className),
     [l.className]
   );
@@ -37179,7 +37193,7 @@ function I$({
         {
           type: "button",
           onClick: f,
-          className: "hover:bg-accent inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors",
+          className: "inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors hover:bg-accent",
           "aria-label": "Previous month",
           children: /* @__PURE__ */ p(WS, { className: "h-4 w-4" })
         }
@@ -37194,7 +37208,7 @@ function I$({
         {
           type: "button",
           onClick: g,
-          className: "hover:bg-accent inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors",
+          className: "inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors hover:bg-accent",
           "aria-label": "Next month",
           children: /* @__PURE__ */ p(dp, { className: "h-4 w-4" })
         }
@@ -37203,7 +37217,7 @@ function I$({
     /* @__PURE__ */ p("div", { className: "mb-1 grid grid-cols-7 gap-1", children: bB.map((b) => /* @__PURE__ */ p(
       "div",
       {
-        className: "text-muted-foreground flex h-8 w-8 items-center justify-center text-center text-xs font-medium",
+        className: "flex h-8 w-8 items-center justify-center text-center text-xs font-medium text-muted-foreground",
         children: b
       },
       b
@@ -37221,13 +37235,13 @@ function I$({
           b.isDisabled && "cursor-not-allowed opacity-30",
           !b.isDisabled && !b.isSelected && "hover:bg-accent",
           // Today
-          b.isToday && !b.isSelected && "border-primary border",
+          b.isToday && !b.isSelected && "border border-primary",
           // Selected states
           b.isSelected && "bg-primary text-primary-foreground",
           b.isRangeStart && "rounded-r-none",
           b.isRangeEnd && "rounded-l-none",
           // In range
-          b.isInRange && "bg-primary/20 rounded-none"
+          b.isInRange && "rounded-none bg-primary/20"
         ),
         children: b.date.getDate()
       },
@@ -37476,7 +37490,7 @@ function EB({
     } else P.key === "Escape" ? (x(""), I(!1), h(!1)) : P.key === "Backspace" && _ === "" && t && (P.preventDefault(), n?.());
   }, Ee = (P) => {
     P.stopPropagation(), I(!0), h(!0);
-  }, oe = () => {
+  }, ie = () => {
     I(!0);
   }, F = () => {
     setTimeout(() => {
@@ -37497,7 +37511,7 @@ function EB({
           f
         ),
         children: [
-          u && /* @__PURE__ */ p("span", { className: "bg-background text-muted-foreground absolute -top-2 left-3 px-1 text-xs", children: u }),
+          u && /* @__PURE__ */ p("span", { className: "absolute -top-2 left-3 bg-background px-1 text-xs text-muted-foreground", children: u }),
           /* @__PURE__ */ p(
             "span",
             {
@@ -37517,7 +37531,7 @@ function EB({
               value: v ? _ : be(),
               onChange: ve,
               onClick: Ee,
-              onFocus: oe,
+              onFocus: ie,
               onBlur: F,
               onKeyDown: Be,
               placeholder: "e.g., 3 days ago, last week...",
@@ -37530,7 +37544,7 @@ function EB({
               )
             }
           ),
-          /* @__PURE__ */ p(Za, { className: "text-muted-foreground h-4 w-4 shrink-0" })
+          /* @__PURE__ */ p(Za, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
         ]
       }
     ) }),
@@ -37543,14 +37557,14 @@ function EB({
           P.preventDefault(), Z.current?.focus();
         },
         children: /* @__PURE__ */ p("div", { className: "flex flex-col", children: b ? /* @__PURE__ */ A(Xt, { children: [
-          /* @__PURE__ */ A("div", { className: "border-border/50 flex items-center justify-between border-b px-3 py-2", children: [
-            /* @__PURE__ */ p("span", { className: "text-muted-foreground text-xs font-medium", children: "Select date range" }),
+          /* @__PURE__ */ A("div", { className: "flex items-center justify-between border-b border-border/50 px-3 py-2", children: [
+            /* @__PURE__ */ p("span", { className: "text-xs font-medium text-muted-foreground", children: "Select date range" }),
             /* @__PURE__ */ p(
               "button",
               {
                 type: "button",
                 onClick: () => y(!1),
-                className: "text-primary text-xs hover:underline",
+                className: "text-xs text-primary hover:underline",
                 children: "Back"
               }
             )
@@ -37566,14 +37580,14 @@ function EB({
               maxDate: /* @__PURE__ */ new Date()
             }
           ),
-          t && n && /* @__PURE__ */ p("div", { className: "border-border/50 border-t p-2", children: /* @__PURE__ */ p(
+          t && n && /* @__PURE__ */ p("div", { className: "border-t border-border/50 p-2", children: /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               onClick: () => {
                 n(), y(!1);
               },
-              className: "text-muted-foreground hover:text-foreground w-full text-xs transition-colors",
+              className: "w-full text-xs text-muted-foreground transition-colors hover:text-foreground",
               children: "Clear custom range"
             }
           ) })
@@ -37697,7 +37711,7 @@ export {
   nG as K,
   oG as L,
   $4 as M,
-  se as N,
+  le as N,
   Mt as O,
   XB as P,
   lt as Q,
@@ -37760,4 +37774,4 @@ export {
   qe as y,
   WB as z
 };
-//# sourceMappingURL=index-D0bAYNQy.js.map
+//# sourceMappingURL=index-DuCQRbcQ.js.map