@automattic/agenttic-ui 0.1.70 → 0.1.72

package/dist/index.js

@@ -1,18 +1,18 @@
 import './global.css';import './index.css';/* empty css           */
-import { jsx as a, jsxs as w, Fragment as Ke } from "react/jsx-runtime";
+import { jsx as a, jsxs as C, Fragment as Ke } from "react/jsx-runtime";
 import * as Yt from "react";
-import ae, { useState as Z, useEffect as O, useCallback as b, useRef as A, createContext as On, useContext as Ln, useId as Nn, useMemo as rt, memo as Kt, forwardRef as Jt, useImperativeHandle as xn, Component as Dn } from "react";
-import { c as pe } from "./QuestionCard-KolZKB58.js";
-import { Q as Pc } from "./QuestionCard-KolZKB58.js";
-import { motion as se, AnimatePresence as ot, useMotionValue as pt, useDragControls as qt, animate as ye } from "framer-motion";
-import { setLocaleData as Ht, __ as E, sprintf as Fe } from "@wordpress/i18n";
+import ne, { useState as Y, useEffect as L, useCallback as w, useRef as O, createContext as On, useContext as Ln, useId as Nn, useMemo as ot, memo as Kt, forwardRef as Jt, useImperativeHandle as xn, Component as Dn } from "react";
+import { c as de } from "./QuestionCard-KolZKB58.js";
+import { Q as Fc } from "./QuestionCard-KolZKB58.js";
+import { motion as se, AnimatePresence as ct, useMotionValue as pt, useDragControls as qt, animate as ye } from "framer-motion";
+import { setLocaleData as Ht, __ as E, sprintf as je } from "@wordpress/i18n";
 import { Slot as En } from "@radix-ui/react-slot";
-import * as je from "@radix-ui/react-popover";
+import * as Ue from "@radix-ui/react-popover";
 import At from "react-markdown";
 import { useDebounce as Rn } from "use-debounce";
 import Pn from "remark-gfm";
 import { defaultTheme as $n, ThemeProvider as Fn, BarChart as jn, LineChart as Un } from "@automattic/charts";
-const y = {
+const b = {
   COLLAPSED_SIZE: 56,
   COMPACT_WIDTH: 372,
   EXPANDED_HEIGHT: 520,
@@ -1710,15 +1710,15 @@ function _i(t = "en", e = {}) {
   return !1;
 }
 function Za(t) {
-  const e = t || "collapsed", [i, n] = Z(e);
-  O(() => {
+  const e = t || "collapsed", [i, n] = Y(e);
+  L(() => {
     t !== void 0 && n(t);
   }, [t]);
-  const o = i === "expanded", c = b(() => {
+  const o = i === "expanded", c = w(() => {
     n("expanded");
-  }, []), r = b(() => {
+  }, []), r = w(() => {
     n(e);
-  }, [e]), s = b(() => {
+  }, [e]), s = w(() => {
     n(
       (l) => l === "collapsed" ? "compact" : "collapsed"
     );
@@ -1742,28 +1742,28 @@ function Ya({
   floatingChatState: c,
   disabled: r = !1
 }) {
-  const s = A(null), l = b(() => {
+  const s = O(null), l = w(() => {
     e(""), s.current && (s.current.style.height = "auto", setTimeout(() => {
       var u;
       (u = s.current) == null || u.focus();
     }, 100));
-  }, [e]), g = b(() => {
+  }, [e]), g = w(() => {
     const u = s.current;
     if (!u)
       return;
     u.style.height = "auto";
-    const h = u.scrollHeight, M = 40, x = 200;
+    const h = u.scrollHeight, A = 40, x = 200;
     u.style.height = `${Math.min(
-      Math.max(h, M),
+      Math.max(h, A),
       x
     )}px`;
-  }, []), d = b(
+  }, []), d = w(
     (u) => {
       u.key === "Enter" && !u.shiftKey && !n && !o && !r && (u.preventDefault(), i(t.trim()), l());
     },
     [t, n, o, i, l, r]
   );
-  return O(() => {
+  return L(() => {
     g();
   }, [t, c, g]), {
     value: t,
@@ -1775,8 +1775,8 @@ function Ya({
   };
 }
 function Ti() {
-  const [t, e] = Z(!0);
-  return O(() => {
+  const [t, e] = Y(!0);
+  return L(() => {
     const i = () => e(!0), n = () => e(!1);
     return window.addEventListener("focus", i), window.addEventListener("blur", n), () => {
       window.removeEventListener("focus", i), window.removeEventListener("blur", n);
@@ -1798,7 +1798,7 @@ function Ja(t = "left") {
   return t;
 }
 function Ot({ x: t, y: e }, i, n) {
-  const o = window.innerWidth - i - y.VIEWPORT_OFFSET * 2, c = 2 * y.VIEWPORT_OFFSET + n - window.innerHeight;
+  const o = window.innerWidth - i - b.VIEWPORT_OFFSET * 2, c = 2 * b.VIEWPORT_OFFSET + n - window.innerHeight;
   return {
     x: Math.max(0, Math.min(t, o)),
     y: Math.max(c, Math.min(e, 0))
@@ -1809,11 +1809,11 @@ function qa({
   initialFreeDragPosition: e,
   side: i
 }) {
-  const n = i === "right" ? window.innerWidth - y.COMPACT_WIDTH - y.VIEWPORT_OFFSET * 2 : 0;
+  const n = i === "right" ? window.innerWidth - b.COMPACT_WIDTH - b.VIEWPORT_OFFSET * 2 : 0;
   return !t || e === void 0 ? { x: n, y: 0 } : Ot(
     e,
-    y.COMPACT_WIDTH,
-    y.EXPANDED_HEIGHT
+    b.COMPACT_WIDTH,
+    b.EXPANDED_HEIGHT
   );
 }
 function ht(t) {
@@ -1827,16 +1827,16 @@ const It = {
   type: "spring",
   stiffness: 300,
   damping: 30
-}, Ue = {
+}, Be = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
 }, ft = {
-  ...Ue,
+  ...Be,
   stiffness: 1e3,
   damping: 90
-}, Be = {
+}, He = {
   type: "spring",
   damping: 40,
   stiffness: 500,
@@ -1868,17 +1868,17 @@ const It = {
 }, Si = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, hc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, vc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   fadeVariants: Xa,
-  fastSpring: Ue,
+  fastSpring: Be,
   fastSpringWithDelay: ft,
   getDragConstraints: Ii,
-  morphSpring: Be,
+  morphSpring: He,
   springConfig: It,
   thinkingGradientKeyframes: Si
 }, Symbol.toStringTag, { value: "Module" })), Qa = On(null);
-function Oe() {
+function Ne() {
   const t = Ln(Qa);
   if (!t)
     throw new Error(
@@ -1889,7 +1889,7 @@ function Oe() {
 function Vt({ children: t, value: e }) {
   return /* @__PURE__ */ a(Qa.Provider, { value: e, children: t });
 }
-const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-module_primary", Oi = "button-module_ghost", Li = "button-module_outline", Ni = "button-module_transparent", xi = "button-module_link", Di = "button-module_icon", Ei = "button-module_sm", Ri = "button-module_lg", Pi = "button-module_withTextAndIcon", Qe = {
+const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-module_primary", Oi = "button-module_ghost", Li = "button-module_outline", Ni = "button-module_transparent", xi = "button-module_link", Di = "button-module_icon", Ei = "button-module_sm", Ri = "button-module_lg", Pi = "button-module_withTextAndIcon", et = {
   button: ki,
   pressed: Mi,
   primary: Ai,
@@ -1913,17 +1913,17 @@ const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-mo
     ...l
   }, g) {
     const d = r ? En : "button", u = !!o, h = n || (u && !c ? "icon" : void 0);
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ C(
       d,
       {
         ref: g,
         "data-slot": "button",
-        className: pe(
-          Qe.button,
-          Qe[i],
-          h && Qe[h],
-          u && c ? Qe.withTextAndIcon : void 0,
-          s ? Qe.pressed : void 0,
+        className: de(
+          et.button,
+          et[i],
+          h && et[h],
+          u && c ? et.withTextAndIcon : void 0,
+          s ? et.pressed : void 0,
           e
         ),
         "aria-pressed": s,
@@ -1966,8 +1966,8 @@ function en({
   onHover: i,
   focusOnMount: n = !1
 }) {
-  const o = A(null), c = A(n);
-  return O(() => {
+  const o = O(null), c = O(n);
+  return L(() => {
     c.current && o.current && o.current.focus(), c.current = !1;
   }, [c, o]), /* @__PURE__ */ a(
     se.div,
@@ -1983,7 +1983,7 @@ function en({
         opacity: 1,
         scale: 1,
         transition: {
-          ...Be,
+          ...He,
           delay: 0.2
         }
       },
@@ -2067,7 +2067,7 @@ function Hi({ className: t, size: e = 24 }) {
     }
   );
 }
-const Vi = "ChatInput-module_container", Wi = "ChatInput-module_textareaContainer", zi = "ChatInput-module_actions", Gi = "ChatInput-module_containerStacked", Zi = "ChatInput-module_button", $e = {
+const Vi = "ChatInput-module_container", Wi = "ChatInput-module_textareaContainer", zi = "ChatInput-module_actions", Gi = "ChatInput-module_containerStacked", Zi = "ChatInput-module_button", Fe = {
   container: Vi,
   textareaContainer: Wi,
   actions: zi,
@@ -2104,19 +2104,19 @@ function Ji({
   interval: e = 3e3,
   className: i = ""
 }) {
-  const [n, o] = Z(0);
-  return O(() => {
+  const [n, o] = Y(0);
+  return L(() => {
     const c = setInterval(() => {
       o(
         (r) => (r + 1) % t.length
       );
     }, e);
     return () => clearInterval(c);
-  }, [t.length, e]), /* @__PURE__ */ a(ot, { mode: "wait", children: /* @__PURE__ */ a(
+  }, [t.length, e]), /* @__PURE__ */ a(ct, { mode: "wait", children: /* @__PURE__ */ a(
     se.span,
     {
       "data-slot": "animated-placeholder",
-      className: pe(Ki.container, i),
+      className: de(Ki.container, i),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -2144,90 +2144,90 @@ function Nt({
   fromCompact: d = !1,
   onExpand: u,
   showExpandButton: h = !0,
-  focusOnMount: M = !1,
+  focusOnMount: A = !1,
   customActions: x = [],
   actionOrder: N = "before-submit",
-  onStop: j,
-  disabled: p,
-  onMouseEnter: _,
-  onMouseLeave: k,
+  onStop: $,
+  disabled: f,
+  onMouseEnter: T,
+  onMouseLeave: M,
   expandOnClick: D = !1,
-  layout: C = "inline"
+  layout: _ = "inline"
 }) {
-  const H = Nn(), { variant: Y, floatingChatState: z, isInputOverLimit: S } = Oe(), m = (
+  const j = Nn(), { variant: K, floatingChatState: H, isInputOverLimit: I } = Ne(), V = (
     // If the consumer actively sets `disabled` to `false` (vs undefined), that takes precedence.
-    p !== void 0 ? !p : (t.trim() || r) && !S
-  ), V = b(
-    (T) => {
-      const Te = T.key.toLowerCase();
-      if (Te === "enter" && !T.shiftKey && (T.nativeEvent.isComposing || T.keyCode === 229)) {
-        T.preventDefault();
+    f !== void 0 ? !f : (t.trim() || r) && !I
+  ), m = w(
+    (v) => {
+      const _e = v.key.toLowerCase();
+      if (_e === "enter" && !v.shiftKey && (v.nativeEvent.isComposing || v.keyCode === 229)) {
+        v.preventDefault();
         return;
       }
-      if (Te === "enter" && !T.shiftKey && !m) {
-        T.preventDefault();
+      if (_e === "enter" && !v.shiftKey && !V) {
+        v.preventDefault();
         return;
       }
-      ((T.metaKey || T.ctrlKey) && Te === "z" || T.ctrlKey && Te === "y") && T.stopPropagation(), n(T);
+      ((v.metaKey || v.ctrlKey) && _e === "z" || v.ctrlKey && _e === "y") && v.stopPropagation(), n(v);
     },
-    [m, n]
-  ), G = (T) => T.endsWith("…") ? T : `${T}…`, ne = Array.isArray(c);
-  let q;
-  ne ? q = c.map(G) : c ? q = G(c) : q = "";
-  const _e = A(M);
-  O(() => {
-    _e.current && o.current && o.current.focus(), _e.current = !1;
-  }, [_e, o]);
-  const ie = () => x.map((T) => /* @__PURE__ */ a(
+    [V, n]
+  ), z = (v) => v.endsWith("…") ? v : `${v}…`, ie = Array.isArray(c);
+  let W;
+  ie ? W = c.map(z) : c ? W = z(c) : W = "";
+  const Se = O(A);
+  L(() => {
+    Se.current && o.current && o.current.focus(), Se.current = !1;
+  }, [Se, o]);
+  const ge = () => x.map((v) => /* @__PURE__ */ a(
     we,
     {
-      className: T.className || $e.button,
-      onClick: T.onClick,
-      disabled: T.disabled,
-      variant: T.variant || "ghost",
-      icon: T.icon,
-      "aria-label": T["aria-label"]
+      className: v.className || Fe.button,
+      onClick: v.onClick,
+      disabled: v.disabled,
+      variant: v.variant || "ghost",
+      icon: v.icon,
+      "aria-label": v["aria-label"]
     },
-    T.id
-  )), oe = () => Y === "embedded" || z === "expanded" || D ? null : h && u ? /* @__PURE__ */ a(
+    v.id
+  )), J = () => K === "embedded" || H === "expanded" || D ? null : h && u ? /* @__PURE__ */ a(
     we,
     {
-      className: $e.button,
+      className: Fe.button,
       onClick: u,
       variant: "ghost",
       icon: /* @__PURE__ */ a(an, {}),
       "aria-label": E("Expand conversation", "a8c-agenttic")
     }
-  ) : null, P = () => {
-    if (r && !j)
+  ) : null, Ce = () => {
+    if (r && !$)
       return null;
-    const T = () => {
-      r && j ? j() : i();
+    const v = () => {
+      r && $ ? $() : i();
     };
     return /* @__PURE__ */ a(
       we,
       {
-        className: $e.button,
-        onClick: T,
-        disabled: !m,
+        className: Fe.button,
+        onClick: v,
+        disabled: !V,
         variant: "primary",
         icon: r ? /* @__PURE__ */ a(Hi, {}) : /* @__PURE__ */ a(Bi, {}),
         "aria-label": r ? E("Stop processing", "a8c-agenttic") : E("Send message", "a8c-agenttic")
       }
     );
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "div",
     {
       "data-slot": "chat-input",
-      className: `${$e.container}${C === "stacked" ? ` ${$e.containerStacked}` : ""}`,
-      onMouseEnter: _,
-      onMouseLeave: k,
+      className: `${Fe.container}${_ === "stacked" ? ` ${Fe.containerStacked}` : ""}`,
+      onMouseEnter: T,
+      onMouseLeave: M,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ C(
           se.div,
           {
-            className: $e.textareaContainer,
+            className: Fe.textareaContainer,
             initial: {
               opacity: 0
             },
@@ -2237,24 +2237,24 @@ function Nt({
               transition: t.trim() ? { duration: 0 } : ft
             },
             children: [
-              !t && ne && /* @__PURE__ */ a(
+              !t && ie && /* @__PURE__ */ a(
                 Ji,
                 {
-                  texts: q
+                  texts: W
                 }
               ),
               /* @__PURE__ */ a(
                 tn,
                 {
-                  id: H,
+                  id: j,
                   ref: o,
                   value: t,
-                  onChange: (T) => e(T.target.value),
-                  onKeyDown: V,
+                  onChange: (v) => e(v.target.value),
+                  onKeyDown: m,
                   onBlur: s,
                   onFocus: l,
                   onClick: g,
-                  placeholder: ne ? "" : q,
+                  placeholder: ie ? "" : W,
                   rows: 1,
                   "aria-label": E("Chat input", "a8c-agenttic")
                 }
@@ -2262,10 +2262,10 @@ function Nt({
             ]
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ C(
           se.div,
           {
-            className: $e.actions,
+            className: Fe.actions,
             initial: {
               opacity: d ? 1 : 0,
               scale: d ? 1 : 0.5
@@ -2273,13 +2273,13 @@ function Nt({
             animate: {
               opacity: 1,
               scale: 1,
-              transition: t.trim() ? { duration: 0 } : Ue
+              transition: t.trim() ? { duration: 0 } : Be
             },
             children: [
-              oe(),
-              N === "before-submit" && ie(),
-              P(),
-              N === "after-submit" && ie()
+              J(),
+              N === "before-submit" && ge(),
+              Ce(),
+              N === "after-submit" && ge()
             ]
           }
         )
@@ -2309,97 +2309,100 @@ function qi({ className: t, size: e = 24 }) {
     }
   );
 }
-const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-module_chevron", er = "SuggestionDropdown-module_chevronOpen", tr = "SuggestionDropdown-module_dropdown", ar = "SuggestionDropdown-module_option", et = {
+const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-module_chevron", er = "SuggestionDropdown-module_chevronOpen", tr = "SuggestionDropdown-module_dropdown", ar = "SuggestionDropdown-module_option", tt = {
   container: Xi,
   chevron: Qi,
   chevronOpen: er,
   dropdown: tr,
   option: ar
-}, nr = "Suggestions-module_container", ir = "Suggestions-module_vertical", rr = "Suggestions-module_button", or = "Suggestions-module_floating", nt = {
+}, nr = "Suggestions-module_container", ir = "Suggestions-module_vertical", rr = "Suggestions-module_button", or = "Suggestions-module_label", cr = "Suggestions-module_description", sr = "Suggestions-module_floating", Le = {
   container: nr,
   vertical: ir,
   button: rr,
-  floating: or
-}, cr = (t, e) => !t || !e ? `${t}${e}` : /\s$/.test(t) || /^\s/.test(e) ? `${t}${e}` : `${t} ${e}`, sr = ({
+  "suggestion-content--with-description": "Suggestions-module_suggestion-content--with-description",
+  label: or,
+  description: cr,
+  floating: sr
+}, lr = (t, e) => !t || !e ? `${t}${e}` : /\s$/.test(t) || /^\s/.test(e) ? `${t}${e}` : `${t} ${e}`, dr = ({
   suggestion: t,
   onSelect: e,
   availableSuggestions: i,
   onOpenChange: n
 }) => {
-  var j;
-  const [o, c] = ae.useState(!1), r = ae.useRef(null), [s, l] = ae.useState(null), [g, d] = ae.useState(null), [u, h] = ae.useState(void 0), M = ae.useCallback(
-    (p) => {
-      if (r.current = p, !p) {
+  var $;
+  const [o, c] = ne.useState(!1), r = ne.useRef(null), [s, l] = ne.useState(null), [g, d] = ne.useState(null), [u, h] = ne.useState(void 0), A = ne.useCallback(
+    (f) => {
+      if (r.current = f, !f) {
         l(null), d(null);
         return;
       }
       l(
-        p.closest(".agenttic") ?? p
+        f.closest(".agenttic") ?? f
       ), d(
-        p.closest(
+        f.closest(
           '[data-slot="conversation-view"]'
         ) ?? null
       );
     },
     []
-  ), x = ae.useCallback((p) => {
-    var _;
-    if (p) {
-      const k = (_ = r.current) == null ? void 0 : _.closest(
+  ), x = ne.useCallback((f) => {
+    var T;
+    if (f) {
+      const M = (T = r.current) == null ? void 0 : T.closest(
         '[data-slot="suggestions"]'
       );
-      k && h(k.clientWidth * 0.9);
+      M && h(M.clientWidth * 0.9);
     }
-    c(p), n == null || n(p);
-  }, [n]), N = (p) => {
-    const { options: _, ...k } = t, D = {
-      ...k,
-      prompt: cr(
+    c(f), n == null || n(f);
+  }, [n]), N = (f) => {
+    const { options: T, ...M } = t, D = {
+      ...M,
+      prompt: lr(
         t.prompt ?? t.label,
-        p.value
+        f.value
       ),
-      label: `${t.label} ${p.label}`
+      label: `${t.label} ${f.label}`
     };
     e == null || e(D, i), x(!1);
   };
-  return /* @__PURE__ */ a("div", { ref: M, className: et.container, children: /* @__PURE__ */ w(je.Root, { open: o, onOpenChange: x, children: [
-    /* @__PURE__ */ a(je.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ a("div", { ref: A, className: tt.container, children: /* @__PURE__ */ C(Ue.Root, { open: o, onOpenChange: x, children: [
+    /* @__PURE__ */ a(Ue.Trigger, { asChild: !0, children: /* @__PURE__ */ C(
       we,
       {
         variant: "outline",
-        className: nt.button,
+        className: Le.button,
         children: [
           t.label,
           /* @__PURE__ */ a(
             qi,
             {
               size: 14,
-              className: `${et.chevron} ${o ? et.chevronOpen : ""}`
+              className: `${tt.chevron} ${o ? tt.chevronOpen : ""}`
             }
           )
         ]
       }
     ) }),
-    s && /* @__PURE__ */ a(je.Portal, { container: s, children: /* @__PURE__ */ a(
-      je.Content,
+    s && /* @__PURE__ */ a(Ue.Portal, { container: s, children: /* @__PURE__ */ a(
+      Ue.Content,
       {
-        className: et.dropdown,
+        className: tt.dropdown,
         side: "top",
         align: "start",
         sideOffset: 4,
         collisionBoundary: g,
         "aria-label": t.label,
         style: u ? { width: u } : void 0,
-        children: (j = t.options) == null ? void 0 : j.map((p) => /* @__PURE__ */ a(
+        children: ($ = t.options) == null ? void 0 : $.map((f) => /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             "data-slot": "suggestion-option",
-            className: et.option,
-            onClick: () => N(p),
-            children: p.label
+            className: tt.option,
+            onClick: () => N(f),
+            children: f.label
           },
-          p.id
+          f.id
         ))
       }
     ) })
@@ -2415,20 +2418,20 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   onDropdownOpenChange: s,
   translateY: l = "-100%"
 }) => {
-  const { variant: g } = Oe(), d = rt(
+  const { variant: g } = Ne(), d = ot(
     () => g === "floating" ? e == null ? void 0 : e.slice(0, 3) : e,
     [e, g]
-  ), u = async (h, M) => {
+  ), u = async (h, A) => {
     let x = !0;
-    h.action && (x = await h.action()), x && i && h.prompt && i(h, M);
+    h.action && (x = await h.action()), x && i && h.prompt && i(h, A);
   };
-  return !d || d.length === 0 ? null : /* @__PURE__ */ a(ot, { children: o && /* @__PURE__ */ a(
+  return !d || d.length === 0 ? null : /* @__PURE__ */ a(ct, { children: o && /* @__PURE__ */ a(
     se.div,
     {
       "data-slot": "suggestions",
-      className: pe(
-        nt.container,
-        n === "vertical" ? nt.vertical : n === "floating" ? nt.floating : "",
+      className: de(
+        Le.container,
+        n === "vertical" ? Le.vertical : n === "floating" ? Le.floating : "",
         t
       ),
       initial: { opacity: 0, y: "-80%" },
@@ -2438,69 +2441,96 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
       onMouseEnter: c,
       onMouseLeave: r,
       children: d.map(
-        (h, M) => /* @__PURE__ */ a(
-          se.div,
-          {
-            initial: { opacity: 0, y: 10 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: 10 },
-            transition: {
-              ...ft,
-              delay: M * 0.05
+        (h, A) => {
+          const x = !!h.description && n !== "horizontal";
+          return /* @__PURE__ */ a(
+            se.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: 10 },
+              transition: {
+                ...ft,
+                delay: A * 0.05
+              },
+              children: h.options && h.options.length > 0 ? /* @__PURE__ */ a(
+                dr,
+                {
+                  suggestion: h,
+                  onSelect: u,
+                  availableSuggestions: d,
+                  onOpenChange: s
+                }
+              ) : /* @__PURE__ */ a(
+                we,
+                {
+                  onClick: (N) => {
+                    N.stopPropagation(), u(
+                      h,
+                      d
+                    );
+                  },
+                  variant: "outline",
+                  className: Le.button,
+                  children: /* @__PURE__ */ C(
+                    "div",
+                    {
+                      className: de(
+                        Le["suggestion-content"],
+                        x ? Le["suggestion-content--with-description"] : ""
+                      ),
+                      children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: Le.label,
+                            children: h.label
+                          }
+                        ),
+                        x && /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: Le.description,
+                            children: h.description
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              )
             },
-            children: h.options && h.options.length > 0 ? /* @__PURE__ */ a(
-              sr,
-              {
-                suggestion: h,
-                onSelect: u,
-                availableSuggestions: d,
-                onOpenChange: s
-              }
-            ) : /* @__PURE__ */ a(
-              we,
-              {
-                onClick: (x) => {
-                  x.stopPropagation(), u(
-                    h,
-                    d
-                  );
-                },
-                variant: "outline",
-                className: nt.button,
-                children: h.label
-              }
-            )
-          },
-          h.id
-        )
+            h.id
+          );
+        }
       )
     }
   ) });
 };
-function lr() {
-  const t = A(/* @__PURE__ */ new Map()), e = b((c) => {
+function ur() {
+  const t = O(/* @__PURE__ */ new Map()), e = w((c) => {
     const r = t.current.get(c);
     r && (clearTimeout(r), t.current.delete(c));
-  }, []), i = b(
+  }, []), i = w(
     (c, r, s) => {
       e(c);
       const l = setTimeout(r, s);
       return t.current.set(c, l), l;
     },
     [e]
-  ), n = b(() => {
+  ), n = w(() => {
     t.current.forEach((c) => {
       clearTimeout(c);
     }), t.current.clear();
-  }, []), o = b((c) => t.current.has(c), []);
-  return O(() => n, [n]), {
+  }, []), o = w((c) => t.current.has(c), []);
+  return L(() => n, [n]), {
     setNamedTimeout: i,
     clearNamedTimeout: e,
     clearAllTimeouts: n,
     hasTimeout: o
   };
 }
-const dr = 4e3;
+const gr = 4e3;
 function nn({
   value: t,
   onChange: e,
@@ -2515,35 +2545,35 @@ function nn({
   showExpandButton: d = !0,
   focusOnMount: u = !1,
   customActions: h,
-  actionOrder: M,
+  actionOrder: A,
   onStop: x,
   suggestions: N,
-  clearSuggestions: j,
-  handleSuggestionSubmit: p,
-  expandOnClick: _ = !1
+  clearSuggestions: $,
+  handleSuggestionSubmit: f,
+  expandOnClick: T = !1
 }) {
-  const [k, D] = Z(!1), [C, H] = Z(!1), { setNamedTimeout: Y, clearAllTimeouts: z } = lr(), S = b(() => {
-    Y(
+  const [M, D] = Y(!1), [_, j] = Y(!1), { setNamedTimeout: K, clearAllTimeouts: H } = ur(), I = w(() => {
+    K(
       "hide-suggestions",
       () => {
         D(!1);
       },
-      dr
+      gr
     );
-  }, [Y]), m = b(() => {
-    C || S();
-  }, [C, S]), V = b(() => {
-    z(), D(!0);
-  }, [z]), G = b(
-    (q) => {
-      H(q), q ? V() : S();
+  }, [K]), V = w(() => {
+    _ || I();
+  }, [_, I]), m = w(() => {
+    H(), D(!0);
+  }, [H]), z = w(
+    (W) => {
+      j(W), W ? m() : I();
     },
-    [S, V]
-  ), ne = b(() => {
-    _ && g && !t && g();
-  }, [_, g, t]);
-  return O(() => {
-    if (z(), t) {
+    [I, m]
+  ), ie = w(() => {
+    T && g && !t && g();
+  }, [T, g, t]);
+  return L(() => {
+    if (H(), t) {
       D(!1);
       return;
     }
@@ -2551,18 +2581,18 @@ function nn({
       D(!1);
       return;
     }
-    if (C) {
+    if (_) {
       D(!0);
       return;
     }
-    D(!0), S();
+    D(!0), I();
   }, [
     t,
     N,
-    C,
-    z,
-    S
-  ]), /* @__PURE__ */ w(Ke, { children: [
+    _,
+    H,
+    I
+  ]), /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       Nt,
       {
@@ -2575,36 +2605,36 @@ function nn({
         isProcessing: r,
         onBlur: s,
         onFocus: l,
-        onClick: ne,
+        onClick: ie,
         onExpand: g,
         showExpandButton: d,
         focusOnMount: u,
         customActions: h,
-        actionOrder: M,
+        actionOrder: A,
         onStop: x,
-        expandOnClick: _,
-        onMouseEnter: V,
-        onMouseLeave: () => m()
+        expandOnClick: T,
+        onMouseEnter: m,
+        onMouseLeave: () => V()
       }
     ),
     !t && /* @__PURE__ */ a(
       vt,
       {
         suggestions: N,
-        onSubmit: p,
+        onSubmit: f,
         layout: "floating",
-        visible: k,
-        onMouseEnter: V,
-        onMouseLeave: () => m(),
-        onDropdownOpenChange: G
+        visible: M,
+        onMouseEnter: m,
+        onMouseLeave: () => V(),
+        onDropdownOpenChange: z
       }
     )
   ] });
 }
-const ur = "MinimizedView-module_button", gr = "MinimizedView-module_chevron", mr = "MinimizedView-module_title", _t = {
-  button: ur,
-  chevron: gr,
-  title: mr
+const mr = "MinimizedView-module_button", pr = "MinimizedView-module_chevron", hr = "MinimizedView-module_title", _t = {
+  button: mr,
+  chevron: pr,
+  title: hr
 };
 function rn({
   icon: t = /* @__PURE__ */ a(Lt, { size: 26 }),
@@ -2612,8 +2642,8 @@ function rn({
   onClick: i,
   focusOnMount: n = !1
 }) {
-  const o = A(null), c = A(n);
-  return O(() => {
+  const o = O(null), c = O(n);
+  return L(() => {
     c.current && o.current && o.current.focus(), c.current = !1;
   }, [c, o]), /* @__PURE__ */ a(
     se.div,
@@ -2629,7 +2659,7 @@ function rn({
         opacity: 1,
         scale: 1,
         transition: {
-          ...Be,
+          ...He,
           delay: 0.2
         }
       },
@@ -2640,7 +2670,7 @@ function rn({
           duration: 0.15
         }
       },
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ C(
         we,
         {
           ref: o,
@@ -2658,14 +2688,14 @@ function rn({
     }
   );
 }
-const pr = "Chat-module_container", hr = "Chat-module_embedded", fr = "Chat-module_floating", vr = "Chat-module_content", yr = "Chat-module_expanded", be = {
-  container: pr,
-  embedded: hr,
-  floating: fr,
-  content: vr,
-  expanded: yr
+const fr = "Chat-module_container", vr = "Chat-module_embedded", yr = "Chat-module_floating", br = "Chat-module_content", wr = "Chat-module_expanded", be = {
+  container: fr,
+  embedded: vr,
+  floating: yr,
+  content: br,
+  expanded: wr
 };
-function br() {
+function Cr() {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2700,253 +2730,253 @@ function on({
   onOpen: d,
   onExpand: u,
   onClose: h,
-  onStop: M,
+  onStop: A,
   emptyView: x,
   floatingChatState: N,
-  suggestions: j,
-  clearSuggestions: p,
-  onSuggestionClick: _,
-  messageRenderer: k,
+  suggestions: $,
+  clearSuggestions: f,
+  onSuggestionClick: T,
+  messageRenderer: M,
   messagesPosition: D,
-  showAgentIcon: C,
-  className: H,
-  inputValue: Y,
-  onInputChange: z,
-  draggableStates: S = ["expanded"],
+  showAgentIcon: _,
+  className: j,
+  inputValue: K,
+  onInputChange: H,
+  draggableStates: I = ["expanded"],
   // Default to only expanded for backward compatibility
-  locale: m = "en",
-  maxInputLength: V = 600,
+  locale: V = "en",
+  maxInputLength: m = 600,
   // Default to 600 characters
-  onInputLimitExceeded: G,
-  expandOnClick: ne,
-  expandOnHover: q = !0,
-  thinkingMessage: _e,
-  initialChatPosition: ie,
-  onChatPositionChange: oe,
-  onTypingStatusChange: P,
-  freeDrag: T = !1,
-  initialFreeDragPosition: Te,
-  onFreeDragEnd: ge
+  onInputLimitExceeded: z,
+  expandOnClick: ie,
+  expandOnHover: W = !0,
+  thinkingMessage: Se,
+  initialChatPosition: ge,
+  onChatPositionChange: J,
+  onTypingStatusChange: Ce,
+  freeDrag: v = !1,
+  initialFreeDragPosition: _e,
+  onFreeDragEnd: ke
 }) {
-  const Le = Y !== void 0, [De, Ne] = Z(""), le = Le ? Y : De, Ee = Le ? z : Ne, v = Za(N), ce = A(!1), X = A(!1), ke = A(!1), [He, Ie] = Z(!1), [f, R] = Z(!1), [K, U] = Z(!1), te = Ti(), [fe, me] = Z(!1);
-  O(() => {
-    _i(m, {
+  const me = K !== void 0, [Ve, xe] = Y(""), pe = me ? K : Ve, he = me ? H : xe, y = Za(N), De = O(!1), te = O(!1), X = O(!1), [Ee, Re] = Y(!1), [p, R] = Y(!1), [q, U] = Y(!1), ae = Ti(), [ue, Me] = Y(!1);
+  L(() => {
+    _i(V, {
       domain: "a8c-agenttic"
     }) || console.warn(
-      `Translations could not be loaded for locale: ${m}, defaulting to English`
+      `Translations could not be loaded for locale: ${V}, defaulting to English`
     );
-  }, [m]), O(() => {
-    const I = le.length > 0, F = K && te && I;
-    F !== fe && (me(F), P == null || P(F));
+  }, [V]), L(() => {
+    const k = pe.length > 0, P = q && ae && k;
+    P !== ue && (Me(P), Ce == null || Ce(P));
   }, [
-    K,
-    te,
-    le.length,
-    fe,
-    P
+    q,
+    ae,
+    pe.length,
+    ue,
+    Ce
   ]);
-  const xe = b(() => {
+  const fe = w(() => {
     U(!0);
-  }, []), Ve = b(() => {
+  }, []), We = w(() => {
     U(!1);
-  }, []), Ce = le.length > V;
-  O(() => {
-    Ce && (G == null || G());
-  }, [Ce, G]), O(() => {
-    ce.current = !1, X.current = !1, ke.current = !1;
-  }, [v.state]);
-  const ve = A(/* @__PURE__ */ new Set()), Je = b(() => {
-    ve.current.forEach((I) => {
-      clearTimeout(I);
-    }), ve.current.clear();
-  }, []), B = Ya({
-    value: le,
-    setValue: Ee,
-    onSubmit: async (I) => {
-      v.state !== "expanded" && (u == null || u()), v.setState("expanded"), await o(I);
+  }, []), Te = pe.length > m;
+  L(() => {
+    Te && (z == null || z());
+  }, [Te, z]), L(() => {
+    De.current = !1, te.current = !1, X.current = !1;
+  }, [y.state]);
+  const Ie = O(/* @__PURE__ */ new Set()), Pe = w(() => {
+    Ie.current.forEach((k) => {
+      clearTimeout(k);
+    }), Ie.current.clear();
+  }, []), F = Ya({
+    value: pe,
+    setValue: he,
+    onSubmit: async (k) => {
+      y.state !== "expanded" && (u == null || u()), y.setState("expanded"), await o(k);
     },
     isProcessing: i,
-    isInputOverLimit: Ce,
-    floatingChatState: v.state
-  }), [ct, L] = Z(56), [$, J] = Z(
-    Ja(ie)
-  ), de = A(null), Me = A(null), Se = A(null), { x: Re, y: We } = qa({
-    freeDrag: T,
-    initialFreeDragPosition: Te,
-    side: $
-  }), he = pt(Re), ue = pt(We), yt = qt(), bt = b(
-    async (I, F) => {
-      const W = I.prompt ?? I.label;
-      if (I.autoSubmit) {
-        p == null || p();
-        const Q = W.trim();
+    isInputOverLimit: Te,
+    floatingChatState: y.state
+  }), [Je, yt] = Y(56), [S, G] = Y(
+    Ja(ge)
+  ), Z = O(null), oe = O(null), ve = O(null), { x: st, y: Ae } = qa({
+    freeDrag: v,
+    initialFreeDragPosition: _e,
+    side: S
+  }), ce = pt(st), le = pt(Ae), qe = qt(), bt = w(
+    async (k, P) => {
+      const B = k.prompt ?? k.label;
+      if (k.autoSubmit) {
+        f == null || f();
+        const Q = B.trim();
         Q && await o(Q);
       } else {
-        const Q = W.endsWith(" ") ? W : `${W} `;
-        B.setValue(Q), p == null || p(), B.textareaRef.current && (B.textareaRef.current.focus(), B.textareaRef.current.setSelectionRange(
+        const Q = B.endsWith(" ") ? B : `${B} `;
+        F.setValue(Q), f == null || f(), F.textareaRef.current && (F.textareaRef.current.focus(), F.textareaRef.current.setSelectionRange(
           Q.length,
           Q.length
         ));
       }
-      _ == null || _(I, F);
+      T == null || T(k, P);
     },
-    [p, o, _, B]
-  ), wt = b(() => {
-    ce.current = !0, v.open(), d == null || d(), u == null || u();
-  }, [v, d, u]), qe = b(() => {
-    var F, W, Q;
-    const I = (W = (F = Se.current) == null ? void 0 : F.ownerDocument) == null ? void 0 : W.activeElement;
-    return !(I && ((Q = Se.current) != null && Q.contains(I)) || le.trim());
-  }, [le, Se]), Ct = b(
-    (I) => I === "collapsed" || I === "minimized" ? y.COLLAPSED_SIZE : I === "compact" ? ct : y.EXPANDED_HEIGHT,
-    [ct]
-  ), bn = b(() => {
-    if (q && v.state === "collapsed" && (v.setState("compact"), v.initialState === "collapsed")) {
-      const I = setTimeout(() => {
-        v.state === "compact" && qe() && v.setState("collapsed"), ve.current.delete(I);
-      }, y.AUTO_COLLAPSE_DELAY);
-      ve.current.add(I);
+    [f, o, T, F]
+  ), wt = w(() => {
+    De.current = !0, y.open(), d == null || d(), u == null || u();
+  }, [y, d, u]), Xe = w(() => {
+    var P, B, Q;
+    const k = (B = (P = ve.current) == null ? void 0 : P.ownerDocument) == null ? void 0 : B.activeElement;
+    return !(k && ((Q = ve.current) != null && Q.contains(k)) || pe.trim());
+  }, [pe, ve]), Ct = w(
+    (k) => k === "collapsed" || k === "minimized" ? b.COLLAPSED_SIZE : k === "compact" ? Je : b.EXPANDED_HEIGHT,
+    [Je]
+  ), bn = w(() => {
+    if (W && y.state === "collapsed" && (y.setState("compact"), y.initialState === "collapsed")) {
+      const k = setTimeout(() => {
+        y.state === "compact" && Xe() && y.setState("collapsed"), Ie.current.delete(k);
+      }, b.AUTO_COLLAPSE_DELAY);
+      Ie.current.add(k);
     }
-  }, [v, qe, q]), Dt = b(() => {
-    if (v.initialState === "collapsed" && v.state === "compact" && qe()) {
-      const I = setTimeout(() => {
-        v.state === "compact" && qe() && v.setState("collapsed"), ve.current.delete(I);
-      }, y.AUTO_COLLAPSE_DELAY);
-      ve.current.add(I);
+  }, [y, Xe, W]), Dt = w(() => {
+    if (y.initialState === "collapsed" && y.state === "compact" && Xe()) {
+      const k = setTimeout(() => {
+        y.state === "compact" && Xe() && y.setState("collapsed"), Ie.current.delete(k);
+      }, b.AUTO_COLLAPSE_DELAY);
+      Ie.current.add(k);
     }
-  }, [v, qe]), Et = b(async () => {
-    const I = B.value.trim();
-    B.clear(), v.state !== "expanded" && (u == null || u()), v.setState("expanded"), await o(I);
-  }, [B, o, v, u]), Rt = b(() => {
-    ke.current = !0, u == null || u(), v.setState("expanded");
-  }, [u, v]), wn = b(() => {
-    X.current = !0, B.clear(), v.close(), h && h();
-  }, [B, v, h]), ze = b(
-    (I) => {
-      if (!Se.current || !Me.current)
+  }, [y, Xe]), Et = w(async () => {
+    const k = F.value.trim();
+    F.clear(), y.state !== "expanded" && (u == null || u()), y.setState("expanded"), await o(k);
+  }, [F, o, y, u]), Rt = w(() => {
+    X.current = !0, u == null || u(), y.setState("expanded");
+  }, [u, y]), wn = w(() => {
+    te.current = !0, F.clear(), y.close(), h && h();
+  }, [F, y, h]), ze = w(
+    (k) => {
+      if (!ve.current || !oe.current)
         return null;
-      const F = Se.current.getBoundingClientRect(), W = Me.current.getBoundingClientRect(), Q = window.getComputedStyle(Se.current), lt = new DOMMatrixReadOnly(Q.transform), Ut = F.x - lt.e, Pe = F.y - lt.f, Xe = I ?? $, Bt = Ct(v.state), Mn = Xe === "left" ? W.left : W.right - y.COMPACT_WIDTH, An = v.state === "minimized" ? window.innerHeight - Bt : W.bottom - Bt;
+      const P = ve.current.getBoundingClientRect(), B = oe.current.getBoundingClientRect(), Q = window.getComputedStyle(ve.current), dt = new DOMMatrixReadOnly(Q.transform), Ut = P.x - dt.e, $e = P.y - dt.f, Qe = k ?? S, Bt = Ct(y.state), Mn = Qe === "left" ? B.left : B.right - b.COMPACT_WIDTH, An = y.state === "minimized" ? window.innerHeight - Bt : B.bottom - Bt;
       return {
         x: Mn - Ut,
-        y: An - Pe
+        y: An - $e
       };
     },
-    [$, v.state, Ct]
-  ), Cn = b(
-    (I) => {
-      const F = I.target;
-      if (F.ownerDocument !== document)
+    [S, y.state, Ct]
+  ), Cn = w(
+    (k) => {
+      const P = k.target;
+      if (P.ownerDocument !== document)
         return;
-      F.closest(
+      P.closest(
         re.NON_DRAGGABLE_SELECTORS
-      ) || (I.preventDefault(), yt.start(I.nativeEvent));
+      ) || (k.preventDefault(), qe.start(k.nativeEvent));
     },
-    [yt]
-  ), _n = b(() => {
+    [qe]
+  ), _n = w(() => {
     R(!0);
-  }, []), Tn = b(
-    (I, F) => {
-      if (R(!1), T) {
-        ge == null || ge({ x: he.get(), y: ue.get() });
+  }, []), Tn = w(
+    (k, P) => {
+      R(!1);
+      const B = ce.get(), Q = b.COMPACT_WIDTH, dt = (window.innerWidth - Q) / 2, $e = B < dt ? "left" : "right";
+      if (S !== $e && (G($e), ht($e), J == null || J($e)), v) {
+        ke == null || ke({ x: ce.get(), y: le.get() });
         return;
       }
-      const W = F.point.x, Q = y.COMPACT_WIDTH, lt = (window.innerWidth - Q) / 2, Pe = W < lt ? "left" : "right";
-      $ !== Pe && (J(Pe), ht(Pe), oe == null || oe(Pe));
-      const Xe = ze(Pe);
-      Xe && (ye(he, Xe.x, {
+      const Qe = ze($e);
+      Qe && (ye(ce, Qe.x, {
         ...re.SPRING_CONFIG,
-        velocity: F.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(ue, Xe.y, {
+        velocity: P.velocity.x * re.VELOCITY_MULTIPLIER
+      }), ye(le, Qe.y, {
         ...re.SPRING_CONFIG,
-        velocity: F.velocity.y * re.VELOCITY_MULTIPLIER
+        velocity: P.velocity.y * re.VELOCITY_MULTIPLIER
       }));
     },
     [
-      he,
-      ue,
+      ce,
+      le,
       ze,
-      oe,
-      $,
-      T,
-      ge
+      J,
+      S,
+      v,
+      ke
     ]
-  ), Pt = A(T);
-  O(() => {
-    const I = Pt.current;
-    if (Pt.current = T, T || !I)
+  ), Pt = O(v);
+  L(() => {
+    const k = Pt.current;
+    if (Pt.current = v, v || !k)
       return;
-    const W = y.VIEWPORT_OFFSET + he.get() + y.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
-    $ !== W && (J(W), ht(W), oe == null || oe(W));
-    const Q = ze(W);
-    Q && (ye(he, Q.x, re.SPRING_CONFIG), ye(ue, Q.y, re.SPRING_CONFIG));
+    const B = b.VIEWPORT_OFFSET + ce.get() + b.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
+    S !== B && (G(B), ht(B), J == null || J(B));
+    const Q = ze(B);
+    Q && (ye(ce, Q.x, re.SPRING_CONFIG), ye(le, Q.y, re.SPRING_CONFIG));
   }, [
-    T,
-    he,
-    ue,
+    v,
+    ce,
+    le,
     ze,
-    oe,
-    $
+    J,
+    S
   ]);
-  const st = A(null), $t = A(v.state === "minimized");
-  O(() => {
-    const I = $t.current, F = v.state === "minimized";
-    if ($t.current = F, !T || F === I)
+  const lt = O(null), $t = O(y.state === "minimized");
+  L(() => {
+    const k = $t.current, P = y.state === "minimized";
+    if ($t.current = P, !v || P === k)
       return;
-    if (F) {
-      st.current = ue.get();
-      const Q = ye(ue, 0, re.SPRING_CONFIG);
+    if (P) {
+      lt.current = le.get();
+      const Q = ye(le, 0, re.SPRING_CONFIG);
       return () => Q.stop();
     }
-    if (st.current === null)
+    if (lt.current === null)
       return;
-    const W = ye(
-      ue,
-      st.current,
+    const B = ye(
+      le,
+      lt.current,
       re.SPRING_CONFIG
     );
-    return st.current = null, () => W.stop();
-  }, [v.state, T, ue]);
-  const Ft = A(v.state), In = Ft.current === "compact" && v.state === "expanded";
-  O(() => {
-    Je(), Ft.current = v.state;
-  }, [v.state, Je]), O(() => {
-    const I = () => {
-      if (T) {
-        const W = Ot(
-          { x: he.get(), y: ue.get() },
-          y.COMPACT_WIDTH,
-          y.EXPANDED_HEIGHT
+    return lt.current = null, () => B.stop();
+  }, [y.state, v, le]);
+  const Ft = O(y.state), In = Ft.current === "compact" && y.state === "expanded";
+  L(() => {
+    Pe(), Ft.current = y.state;
+  }, [y.state, Pe]), L(() => {
+    const k = () => {
+      if (v) {
+        const B = Ot(
+          { x: ce.get(), y: le.get() },
+          b.COMPACT_WIDTH,
+          b.EXPANDED_HEIGHT
         );
-        he.set(W.x), ue.set(W.y);
+        ce.set(B.x), le.set(B.y);
         return;
       }
-      const F = ze();
-      F && (he.set(F.x), v.state !== "minimized" && ue.set(F.y));
+      const P = ze();
+      P && (ce.set(P.x), y.state !== "minimized" && le.set(P.y));
     };
-    return window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
-  }, [v.state, he, ue, ze, T]), O(() => {
-    const I = ve.current;
+    return window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
+  }, [y.state, ce, le, ze, v]), L(() => {
+    const k = Ie.current;
     return () => {
-      I.forEach((F) => {
-        clearTimeout(F);
-      }), I.clear();
+      k.forEach((P) => {
+        clearTimeout(P);
+      }), k.clear();
     };
-  }, []), O(() => {
-    if (v.state === "compact" && de.current) {
-      const I = de.current.scrollHeight + y.PADDING;
-      L(I);
+  }, []), L(() => {
+    if (y.state === "compact" && Z.current) {
+      const k = Z.current.scrollHeight + b.PADDING;
+      yt(k);
     }
-  }, [v.state, B.value]);
-  const Sn = x && ["floating", "embedded"].includes(c) && e.length === 0 && ae.isValidElement(x) ? ae.cloneElement(x, {
+  }, [y.state, F.value]);
+  const Sn = x && ["floating", "embedded"].includes(c) && e.length === 0 && ne.isValidElement(x) ? ne.cloneElement(x, {
     onSuggestionClick: bt
-  }) : void 0, kn = Ce ? {
-    message: Fe(
+  }) : void 0, kn = Te ? {
+    message: je(
       /* translators: %d: maximum number of characters allowed */
       E(
         "Message is too long. Please keep it under %d characters.",
         "a8c-agenttic"
       ),
-      V
+      m
     ),
     dismissible: !1,
     status: "error"
@@ -2956,103 +2986,103 @@ function on({
     isProcessing: i,
     error: n,
     // Input state
-    inputValue: B.value,
-    setInputValue: B.setValue,
-    clearInput: B.clear,
-    textareaRef: B.textareaRef,
-    handleKeyDown: B.handleKeyDown,
+    inputValue: F.value,
+    setInputValue: F.setValue,
+    clearInput: F.clear,
+    textareaRef: F.textareaRef,
+    handleKeyDown: F.handleKeyDown,
     // Actions
     onSubmit: o,
     handleSubmit: Et,
-    onStop: M,
+    onStop: A,
     // UI state
     variant: c,
     placeholder: l,
     emptyView: Sn,
-    messageRenderer: k,
+    messageRenderer: M,
     messagesPosition: D,
-    showAgentIcon: C,
+    showAgentIcon: _,
     // Floating chat specific
-    floatingChatState: v.state,
+    floatingChatState: y.state,
     triggerIcon: r,
     onOpen: wt,
     onExpand: Rt,
     onClose: wn,
     // Suggestions
-    suggestions: j,
-    clearSuggestions: p,
+    suggestions: $,
+    clearSuggestions: f,
     handleSuggestionSubmit: bt,
     // Notice
     notice: kn,
     // Thinking message
-    thinkingMessage: _e,
+    thinkingMessage: Se,
     // Internal state for components
-    focusOnMount: ke.current,
+    focusOnMount: X.current,
     fromCompact: In,
-    showExpandButton: !B.value.trim(),
+    showExpandButton: !F.value.trim(),
     // Input validation
-    isInputOverLimit: Ce,
+    isInputOverLimit: Te,
     // Focus handlers for typing status
-    onInputFocus: xe,
-    onInputBlur: Ve
+    onInputFocus: fe,
+    onInputBlur: We
   };
   return c === "embedded" ? /* @__PURE__ */ a(Vt, { value: jt, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: pe(
-        H,
+      className: de(
+        j,
         be.container,
         be.embedded
       ),
       children: t
     }
-  ) }) : /* @__PURE__ */ w(Vt, { value: jt, children: [
+  ) }) : /* @__PURE__ */ C(Vt, { value: jt, children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: Me,
+        ref: oe,
         style: {
           position: "fixed",
-          top: y.VIEWPORT_OFFSET,
-          left: y.VIEWPORT_OFFSET,
-          right: y.VIEWPORT_OFFSET,
-          bottom: y.VIEWPORT_OFFSET,
+          top: b.VIEWPORT_OFFSET,
+          left: b.VIEWPORT_OFFSET,
+          right: b.VIEWPORT_OFFSET,
+          bottom: b.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
     ),
-    f && /* @__PURE__ */ a(br, {}),
+    p && /* @__PURE__ */ a(Cr, {}),
     /* @__PURE__ */ a(
       se.div,
       {
-        ref: Se,
+        ref: ve,
         "data-slot": "chat-floating",
-        className: pe(H, be.container, be.floating, {
-          [be.expanded]: v.state === "expanded",
-          animating: He
+        className: de(j, be.container, be.floating, {
+          [be.expanded]: y.state === "expanded",
+          animating: Ee
         }),
-        onMouseLeave: v.state === "compact" ? Dt : void 0,
-        drag: S.includes(v.state),
-        dragControls: yt,
+        onMouseLeave: y.state === "compact" ? Dt : void 0,
+        drag: I.includes(y.state),
+        dragControls: qe,
         dragListener: !1,
-        dragConstraints: f ? Me : !1,
+        dragConstraints: p ? oe : !1,
         dragMomentum: !1,
-        dragElastic: T ? 0 : 0.1,
+        dragElastic: v ? 0 : 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
         onDragStart: _n,
         onDragEnd: Tn,
         onPointerDown: Cn,
         initial: !1,
         animate: {
-          bottom: v.state === "minimized" ? 0 : y.VIEWPORT_OFFSET
+          bottom: y.state === "minimized" ? 0 : b.VIEWPORT_OFFSET
         },
-        transition: Be,
+        transition: He,
         style: {
-          x: he,
-          y: ue,
-          left: y.VIEWPORT_OFFSET,
-          cursor: S.includes(v.state) ? "grab" : "default"
+          x: ce,
+          y: le,
+          left: b.VIEWPORT_OFFSET,
+          cursor: I.includes(y.state) ? "grab" : "default"
         },
         children: /* @__PURE__ */ a(
           se.div,
@@ -3061,64 +3091,64 @@ function on({
             className: be.content,
             initial: !1,
             animate: {
-              width: v.state === "collapsed" ? y.COLLAPSED_SIZE : y.COMPACT_WIDTH,
-              height: Ct(v.state),
-              x: v.state === "collapsed" && $ === "right" ? y.COMPACT_WIDTH - y.COLLAPSED_SIZE : 0,
-              borderBottomLeftRadius: v.state === "minimized" ? 0 : y.BORDER_RADIUS,
-              borderBottomRightRadius: v.state === "minimized" ? 0 : y.BORDER_RADIUS,
-              transition: B.value.trim() ? { duration: 0 } : Be
+              width: y.state === "collapsed" ? b.COLLAPSED_SIZE : b.COMPACT_WIDTH,
+              height: Ct(y.state),
+              x: y.state === "collapsed" && S === "right" ? b.COMPACT_WIDTH - b.COLLAPSED_SIZE : 0,
+              borderBottomLeftRadius: y.state === "minimized" ? 0 : b.BORDER_RADIUS,
+              borderBottomRightRadius: y.state === "minimized" ? 0 : b.BORDER_RADIUS,
+              transition: F.value.trim() ? { duration: 0 } : He
             },
-            onAnimationStart: () => Ie(!0),
-            onAnimationComplete: () => Ie(!1),
+            onAnimationStart: () => Re(!0),
+            onAnimationComplete: () => Re(!1),
             style: {
-              borderTopLeftRadius: y.BORDER_RADIUS,
-              borderTopRightRadius: y.BORDER_RADIUS
+              borderTopLeftRadius: b.BORDER_RADIUS,
+              borderTopRightRadius: b.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ w(ot, { mode: "wait", children: [
-              v.state === "collapsed" && /* @__PURE__ */ a(
+            children: /* @__PURE__ */ C(ct, { mode: "wait", children: [
+              y.state === "collapsed" && /* @__PURE__ */ a(
                 en,
                 {
                   icon: r,
                   onClick: wt,
                   onHover: bn,
-                  focusOnMount: X.current
+                  focusOnMount: te.current
                 },
                 "collapsed"
               ),
-              v.state === "minimized" && /* @__PURE__ */ a(
+              y.state === "minimized" && /* @__PURE__ */ a(
                 rn,
                 {
                   icon: r,
                   title: s,
                   onClick: wt,
-                  focusOnMount: X.current
+                  focusOnMount: te.current
                 },
                 "minimized"
               ),
-              v.state === "compact" && /* @__PURE__ */ a("div", { ref: de, children: /* @__PURE__ */ a(
+              y.state === "compact" && /* @__PURE__ */ a("div", { ref: Z, children: /* @__PURE__ */ a(
                 nn,
                 {
-                  value: B.value,
-                  onChange: B.setValue,
+                  value: F.value,
+                  onChange: F.setValue,
                   onSubmit: Et,
-                  onKeyDown: B.handleKeyDown,
-                  textareaRef: B.textareaRef,
+                  onKeyDown: F.handleKeyDown,
+                  textareaRef: F.textareaRef,
                   placeholder: l,
                   isProcessing: i,
                   onBlur: Dt,
-                  onFocus: xe,
+                  onFocus: fe,
                   onExpand: Rt,
-                  showExpandButton: !B.value.trim(),
-                  focusOnMount: ce.current,
-                  onStop: M,
-                  suggestions: j,
-                  clearSuggestions: p,
+                  showExpandButton: !F.value.trim(),
+                  focusOnMount: De.current,
+                  onStop: A,
+                  suggestions: $,
+                  clearSuggestions: f,
                   handleSuggestionSubmit: bt,
-                  expandOnClick: ne
+                  expandOnClick: ie
                 },
                 "compact"
               ) }),
-              v.state === "expanded" && t
+              y.state === "expanded" && t
             ] })
           }
         )
@@ -3146,8 +3176,8 @@ function cn({ className: t, size: e = 24 }) {
     }
   );
 }
-const wr = "ChatHeader-module_container", Cr = {
-  container: wr
+const _r = "ChatHeader-module_container", Tr = {
+  container: _r
 };
 function sn({ onClose: t, className: e }) {
   return /* @__PURE__ */ a(
@@ -3155,10 +3185,10 @@ function sn({ onClose: t, className: e }) {
     {
       "data-slot": "chat-header",
       "data-draggable": "true",
-      className: Cr.container,
+      className: Tr.container,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      transition: { ...Ue, delay: 0.1 },
+      transition: { ...Be, delay: 0.1 },
       children: t && /* @__PURE__ */ a(
         we,
         {
@@ -3172,17 +3202,17 @@ function sn({ onClose: t, className: e }) {
   );
 }
 function St({ className: t } = {}) {
-  const { onClose: e } = Oe();
+  const { onClose: e } = Ne();
   return /* @__PURE__ */ a(sn, { onClose: e, className: t });
 }
-const _r = 0.12, Tr = 1;
-function Ir({
+const Ir = 0.12, Sr = 1;
+function kr({
   scrollAreaRef: t,
   visibleMessages: e
 }) {
-  const i = A(0), n = A(!0), o = A(!0), c = A(0), r = A(null), s = b(() => {
+  const i = O(0), n = O(!0), o = O(!0), c = O(0), r = O(null), s = w(() => {
     cancelAnimationFrame(c.current), c.current = 0, r.current = null;
-  }, []), l = b(() => {
+  }, []), l = w(() => {
     s();
     const g = () => {
       const d = t.current;
@@ -3194,21 +3224,21 @@ function Ir({
         o.current = !1, s();
         return;
       }
-      const u = Sr(d);
+      const u = Mr(d);
       if (u === null || d.scrollTop >= u) {
         s();
         return;
       }
       const h = u - d.scrollTop;
-      if (h <= Tr) {
+      if (h <= Sr) {
         d.scrollTop = u, s();
         return;
       }
-      d.scrollTop += Math.ceil(h * _r), r.current = d.scrollTop, c.current = requestAnimationFrame(g);
+      d.scrollTop += Math.ceil(h * Ir), r.current = d.scrollTop, c.current = requestAnimationFrame(g);
     };
     c.current = requestAnimationFrame(g);
   }, [t, s]);
-  O(() => {
+  L(() => {
     const g = t.current;
     if (!g)
       return;
@@ -3222,7 +3252,7 @@ function Ir({
     }), () => {
       g.removeEventListener("wheel", d), g.removeEventListener("touchmove", d);
     };
-  }, [t, s]), O(() => s, [s]), O(() => {
+  }, [t, s]), L(() => s, [s]), L(() => {
     const g = t.current;
     if (!g || e.length === 0) {
       i.current = e.length;
@@ -3248,12 +3278,12 @@ function Ir({
     s
   ]);
 }
-function Sr(t) {
+function Mr(t) {
   const e = t.querySelectorAll('[data-role="user"]'), i = e[e.length - 1];
   return (i == null ? void 0 : i.offsetTop) ?? null;
 }
-function kr({ className: t, size: e = 28 }) {
-  return /* @__PURE__ */ w(
+function Ar({ className: t, size: e = 28 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       className: t,
@@ -3288,8 +3318,8 @@ function kr({ className: t, size: e = 28 }) {
     }
   );
 }
-const Mr = "MessageActions-module_container", Wt = {
-  container: Mr
+const Or = "MessageActions-module_container", Wt = {
+  container: Or
 };
 function zt({
   message: t,
@@ -3338,15 +3368,15 @@ function zt({
     }
   );
 }
-const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-module_bubble", Nr = "Message-module_error", xr = "Message-module_icon", Dr = "Message-module_content", Er = "Message-module_disabled", Ge = {
-  message: Ar,
-  user: Or,
-  bubble: Lr,
-  error: Nr,
-  icon: xr,
-  content: Dr,
-  disabled: Er
-}, Rr = ae.forwardRef(
+const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-module_bubble", Dr = "Message-module_error", Er = "Message-module_icon", Rr = "Message-module_content", Pr = "Message-module_disabled", Ge = {
+  message: Lr,
+  user: Nr,
+  bubble: xr,
+  error: Dr,
+  icon: Er,
+  content: Rr,
+  disabled: Pr
+}, $r = ne.forwardRef(
   function({
     message: e,
     messageRenderer: i = At,
@@ -3369,7 +3399,7 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
       }
       return null;
     }) });
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ C(
       se.div,
       {
         ref: o,
@@ -3378,14 +3408,14 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
         animate: "visible",
         "data-slot": "message",
         "data-role": e.role,
-        className: pe(
+        className: de(
           Ge.message,
           Ge[e.role],
           e.disabled ? Ge.disabled : void 0
         ),
         children: [
-          r && /* @__PURE__ */ a("div", { className: Ge.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(kr, { size: 28 }) }),
-          /* @__PURE__ */ w(
+          r && /* @__PURE__ */ a("div", { className: Ge.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(Ar, { size: 28 }) }),
+          /* @__PURE__ */ C(
             "div",
             {
               className: Ge.content,
@@ -3404,20 +3434,20 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
       }
     );
   }
-), Pr = "Messages-module_container", $r = "Messages-module_bottomMessages", dt = {
-  container: Pr,
-  bottomMessages: $r
-}, Fr = "Thinking-module_container", jr = "Thinking-module_icon", Ur = "Thinking-module_content", Tt = {
+), Fr = "Messages-module_container", jr = "Messages-module_bottomMessages", at = {
   container: Fr,
-  icon: jr,
-  content: Ur
-}, Br = Kt(
-  ae.forwardRef(
+  bottomMessages: jr
+}, Ur = "Thinking-module_container", Br = "Thinking-module_icon", Hr = "Thinking-module_content", Tt = {
+  container: Ur,
+  icon: Br,
+  content: Hr
+}, Vr = Kt(
+  ne.forwardRef(
     function({
       content: e = E("Thinking…", "a8c-agenttic")
     }, i) {
-      const n = rt(() => /* @__PURE__ */ a(Lt, {}), []);
-      return /* @__PURE__ */ w(
+      const n = ot(() => /* @__PURE__ */ a(Lt, {}), []);
+      return /* @__PURE__ */ C(
         "div",
         {
           ref: i,
@@ -3431,7 +3461,7 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
       );
     }
   )
-), Hr = (t) => t.map((e) => ({
+), Wr = (t) => t.map((e) => ({
   ...e,
   content: e.content.filter(
     (i) => i.type !== "context" && i.type !== "data"
@@ -3447,23 +3477,27 @@ function ln({
   messagesPosition: r = "top",
   showAgentIcon: s
 }) {
-  const l = A(null), g = Hr(t);
-  Ir({ scrollAreaRef: l, visibleMessages: g });
-  const d = rt(() => {
-    const M = g.filter(
+  const l = O(null), g = Wr(t);
+  kr({ scrollAreaRef: l, visibleMessages: g });
+  const d = ot(() => {
+    const A = g.filter(
       (N) => N.role === "agent"
     );
-    return M.length ? M[M.length - 1].content.filter((N) => N.type === "text").map((N) => N.text).join(" ") : "";
+    return A.length ? A[A.length - 1].content.filter((N) => N.type === "text").map((N) => N.text).join(" ") : "";
   }, [g]), [u] = Rn(d, 1e3), h = d !== u;
   return g.length === 0 && !e ? n ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "messages",
-      className: `${dt.container} ${dt.emptyState}`,
+      className: de(
+        at.container,
+        at.emptyState,
+        r === "bottom" ? at.bottomMessages : ""
+      ),
       ref: l,
       children: n
     }
-  ) : null : /* @__PURE__ */ w(Ke, { children: [
+  ) : null : /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -3483,22 +3517,22 @@ function ln({
       "div",
       {
         "data-slot": "messages",
-        className: pe(
-          dt.container,
-          r === "bottom" ? dt.bottomMessages : ""
+        className: de(
+          at.container,
+          r === "bottom" ? at.bottomMessages : ""
         ),
         ref: l,
-        children: /* @__PURE__ */ w(ot, { mode: "popLayout", children: [
-          g.map((M) => /* @__PURE__ */ a(
-            Rr,
+        children: /* @__PURE__ */ C(ct, { mode: "popLayout", children: [
+          g.map((A) => /* @__PURE__ */ a(
+            $r,
             {
-              message: M,
+              message: A,
               messageRenderer: o,
               showAgentIcon: s
             },
-            M.reactKey || M.id
+            A.reactKey || A.id
           )),
-          e && !h && /* @__PURE__ */ a(Br, { content: c }),
+          e && !h && /* @__PURE__ */ a(Vr, { content: c }),
           i && /* @__PURE__ */ a(
             "div",
             {
@@ -3526,7 +3560,7 @@ function dn({ className: t } = {}) {
     messagesPosition: r,
     showAgentIcon: s,
     thinkingMessage: l
-  } = Oe();
+  } = Ne();
   return /* @__PURE__ */ a(
     ln,
     {
@@ -3542,7 +3576,7 @@ function dn({ className: t } = {}) {
     }
   );
 }
-function Vr({ className: t, size: e = 24 }) {
+function zr({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -3578,22 +3612,22 @@ function un({
     handleKeyDown: d,
     textareaRef: u,
     placeholder: h,
-    isProcessing: M,
+    isProcessing: A,
     onStop: x,
     fromCompact: N,
-    onExpand: j,
-    showExpandButton: p,
-    focusOnMount: _,
-    onInputFocus: k,
+    onExpand: $,
+    showExpandButton: f,
+    focusOnMount: T,
+    onInputFocus: M,
     onInputBlur: D
-  } = Oe(), C = (z) => {
-    o == null || o(z), !z.defaultPrevented && d(z);
-  }, H = rt(() => r ? [{
+  } = Ne(), _ = (H) => {
+    o == null || o(H), !H.defaultPrevented && d(H);
+  }, j = ot(() => r ? [{
     id: "image-upload",
-    icon: /* @__PURE__ */ a(Vr, {}),
+    icon: /* @__PURE__ */ a(zr, {}),
     onClick: () => {
-      var S;
-      return (S = r.current) == null ? void 0 : S.openFileDialog();
+      var I;
+      return (I = r.current) == null ? void 0 : I.openFileDialog();
     },
     variant: "ghost",
     "aria-label": E("Upload image", "a8c-agenttic")
@@ -3604,19 +3638,19 @@ function un({
       value: s,
       onChange: l,
       onSubmit: g,
-      onKeyDown: C,
-      onFocus: k,
+      onKeyDown: _,
+      onFocus: M,
       onBlur: D,
       textareaRef: u,
       placeholder: h,
-      isProcessing: M,
+      isProcessing: A,
       onStop: x,
       fromCompact: N,
-      onExpand: j,
-      showExpandButton: p,
-      focusOnMount: _,
+      onExpand: $,
+      showExpandButton: f,
+      focusOnMount: T,
       disabled: e,
-      customActions: H,
+      customActions: j,
       actionOrder: n,
       className: t,
       layout: c ?? (r ? "stacked" : "inline")
@@ -3635,7 +3669,7 @@ function gn({
     messages: r,
     variant: s,
     emptyView: l
-  } = Oe(), g = b(
+  } = Ne(), g = w(
     (d, u) => {
       try {
         const h = d.prompt ?? d.label;
@@ -3656,8 +3690,8 @@ function gn({
     }
   );
 }
-function Wr({ className: t, size: e = 18 }) {
-  return /* @__PURE__ */ w(
+function Gr({ className: t, size: e = 18 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -3690,8 +3724,8 @@ function Wr({ className: t, size: e = 18 }) {
     }
   );
 }
-function zr({ className: t, size: e = 18 }) {
-  return /* @__PURE__ */ w(
+function Zr({ className: t, size: e = 18 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -3730,16 +3764,16 @@ function zr({ className: t, size: e = 18 }) {
     }
   );
 }
-const Gr = "Notice-module_container", Zr = "Notice-module_isSuccess", Yr = "Notice-module_icon", Kr = "Notice-module_isWarning", Jr = "Notice-module_isError", qr = "Notice-module_content", Xr = "Notice-module_actions", Qr = "Notice-module_action", eo = "Notice-module_dismissible", Ae = {
-  container: Gr,
-  isSuccess: Zr,
-  icon: Yr,
-  isWarning: Kr,
-  isError: Jr,
-  content: qr,
-  actions: Xr,
-  action: Qr,
-  dismissible: eo
+const Yr = "Notice-module_container", Kr = "Notice-module_isSuccess", Jr = "Notice-module_icon", qr = "Notice-module_isWarning", Xr = "Notice-module_isError", Qr = "Notice-module_content", eo = "Notice-module_actions", to = "Notice-module_action", ao = "Notice-module_dismissible", Oe = {
+  container: Yr,
+  isSuccess: Kr,
+  icon: Jr,
+  isWarning: qr,
+  isError: Xr,
+  content: Qr,
+  actions: eo,
+  action: to,
+  dismissible: ao
 };
 function mn({
   icon: t,
@@ -3750,36 +3784,36 @@ function mn({
   className: c,
   status: r
 }) {
-  const l = b(() => {
-    if (ae.isValidElement(t))
+  const l = w(() => {
+    if (ne.isValidElement(t))
       return t;
     if (t === !1 || t === null)
       return null;
     switch (r) {
       case "warning":
-        return /* @__PURE__ */ a(Wr, {});
+        return /* @__PURE__ */ a(Gr, {});
       case "error":
-        return /* @__PURE__ */ a(zr, {});
+        return /* @__PURE__ */ a(Zr, {});
       default:
         return null;
     }
   }, [t, r])();
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "div",
     {
       "data-slot": "notice",
-      className: pe(
-        Ae.container,
+      className: de(
+        Oe.container,
         {
-          [Ae.isSuccess]: r === "success",
-          [Ae.isWarning]: r === "warning",
-          [Ae.isError]: r === "error"
+          [Oe.isSuccess]: r === "success",
+          [Oe.isWarning]: r === "warning",
+          [Oe.isError]: r === "error"
         },
         c
       ),
       children: [
-        /* @__PURE__ */ w("div", { className: Ae.content, children: [
-          l && /* @__PURE__ */ a("div", { className: Ae.icon, children: l }),
+        /* @__PURE__ */ C("div", { className: Oe.content, children: [
+          l && /* @__PURE__ */ a("div", { className: Oe.icon, children: l }),
           /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
             At,
             {
@@ -3800,11 +3834,11 @@ function mn({
             }
           ) })
         ] }),
-        /* @__PURE__ */ w("div", { className: Ae.actions, children: [
+        /* @__PURE__ */ C("div", { className: Oe.actions, children: [
           i && /* @__PURE__ */ a(
             we,
             {
-              className: Ae.action,
+              className: Oe.action,
               onClick: i.onClick,
               variant: "link",
               children: i.label
@@ -3813,7 +3847,7 @@ function mn({
           n && o && /* @__PURE__ */ a(
             we,
             {
-              className: Ae.dismissible,
+              className: Oe.dismissible,
               onClick: o,
               variant: "ghost",
               size: "sm",
@@ -3826,7 +3860,7 @@ function mn({
   );
 }
 function pn({ className: t } = {}) {
-  const { notice: e } = Oe();
+  const { notice: e } = Ne();
   return e ? /* @__PURE__ */ a(
     mn,
     {
@@ -3840,8 +3874,8 @@ function pn({ className: t } = {}) {
     }
   ) : null;
 }
-const to = "ChatFooter-module_container", kt = {
-  container: to
+const no = "ChatFooter-module_container", kt = {
+  container: no
 };
 function hn({
   children: t,
@@ -3851,20 +3885,20 @@ function hn({
     se.div,
     {
       "data-slot": "chat-footer",
-      className: pe(kt.container, e),
+      className: de(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: t
     }
-  ) : /* @__PURE__ */ w(
+  ) : /* @__PURE__ */ C(
     se.div,
     {
       "data-slot": "chat-footer",
-      className: pe(kt.container, e),
+      className: de(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: [
         /* @__PURE__ */ a(gn, {}),
         /* @__PURE__ */ a(pn, {}),
@@ -3873,23 +3907,23 @@ function hn({
     }
   );
 }
-const ao = "ConversationView-module_container", no = "ConversationView-module_withHeader", Ye = {
-  container: ao,
-  withHeader: no
+const io = "ConversationView-module_container", ro = "ConversationView-module_withHeader", Ye = {
+  container: io,
+  withHeader: ro
 }, xt = Jt(function({
   showHeader: e = !0,
   children: i,
   className: n
 } = {}, o) {
-  const { onClose: c } = Oe();
-  if (O(() => {
+  const { onClose: c } = Ne();
+  if (L(() => {
     const r = (s) => {
       s.key === "Escape" && c && c();
     };
     return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, [c]), i) {
-    const r = ae.Children.toArray(i).some(
-      (s) => ae.isValidElement(s) && (s.type === St || typeof s.type == "function" && s.type.name === "AgentUIHeader")
+    const r = ne.Children.toArray(i).some(
+      (s) => ne.isValidElement(s) && (s.type === St || typeof s.type == "function" && s.type.name === "AgentUIHeader")
     );
     return /* @__PURE__ */ a(
       "div",
@@ -3901,7 +3935,7 @@ const ao = "ConversationView-module_container", no = "ConversationView-module_wi
       }
     );
   }
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "div",
     {
       ref: o,
@@ -3916,27 +3950,27 @@ const ao = "ConversationView-module_container", no = "ConversationView-module_wi
   );
 });
 xt.displayName = "AgentUIConversationView";
-const io = "AgentUIInputToolbar-module_container", ro = "AgentUIInputToolbar-module_button", oo = "AgentUIInputToolbar-module_icon", co = "AgentUIInputToolbar-module_iconOpen", so = "AgentUIInputToolbar-module_dropdown", tt = {
-  container: io,
-  button: ro,
-  icon: oo,
-  iconOpen: co,
-  dropdown: so
+const oo = "AgentUIInputToolbar-module_container", co = "AgentUIInputToolbar-module_button", so = "AgentUIInputToolbar-module_icon", lo = "AgentUIInputToolbar-module_iconOpen", uo = "AgentUIInputToolbar-module_dropdown", nt = {
+  container: oo,
+  button: co,
+  icon: so,
+  iconOpen: lo,
+  dropdown: uo
 };
-function lo({
+function go({
   children: t,
   className: e,
   icon: i,
   label: n,
   disabled: o
 } = {}) {
-  const [c, r] = ae.useState(!1), s = n ?? "Input Toolbar";
-  return /* @__PURE__ */ a("div", { className: e, children: /* @__PURE__ */ a("div", { className: tt.container, children: /* @__PURE__ */ w(je.Root, { open: c, onOpenChange: r, children: [
-    /* @__PURE__ */ a(je.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+  const [c, r] = ne.useState(!1), s = n ?? "Input Toolbar";
+  return /* @__PURE__ */ a("div", { className: e, children: /* @__PURE__ */ a("div", { className: nt.container, children: /* @__PURE__ */ C(Ue.Root, { open: c, onOpenChange: r, children: [
+    /* @__PURE__ */ a(Ue.Trigger, { asChild: !0, children: /* @__PURE__ */ C(
       "button",
       {
         type: "button",
-        className: tt.button,
+        className: nt.button,
         "aria-label": s,
         disabled: o,
         children: [
@@ -3950,7 +3984,7 @@ function lo({
               viewBox: "0 0 24 24",
               fill: "none",
               "aria-hidden": "true",
-              className: `${tt.icon} ${c ? tt.iconOpen : ""}`,
+              className: `${nt.icon} ${c ? nt.iconOpen : ""}`,
               children: /* @__PURE__ */ a(
                 "path",
                 {
@@ -3966,9 +4000,9 @@ function lo({
       }
     ) }),
     /* @__PURE__ */ a(
-      je.Content,
+      Ue.Content,
       {
-        className: tt.dropdown,
+        className: nt.dropdown,
         side: "bottom",
         align: "start",
         sideOffset: 8,
@@ -3979,7 +4013,7 @@ function lo({
     )
   ] }) }) });
 }
-const uo = {
+const mo = {
   // Core container with state management
   Container: on,
   // Individual composable components
@@ -3988,16 +4022,16 @@ const uo = {
   Input: un,
   Suggestions: gn,
   Notice: pn,
-  InputToolbar: lo,
+  InputToolbar: go,
   // Convenience wrappers
   Footer: hn,
   ConversationView: xt
-}, fc = Object.assign(
+}, yc = Object.assign(
   (t) => /* @__PURE__ */ a(
     on,
     {
       ...t,
-      className: pe("agenttic", t.className),
+      className: de("agenttic", t.className),
       children: /* @__PURE__ */ a(
         xt,
         {
@@ -4006,9 +4040,9 @@ const uo = {
       )
     }
   ),
-  uo
+  mo
 );
-function go({
+function po({
   inputValue: t,
   onInputChange: e,
   onSubmit: i,
@@ -4022,32 +4056,32 @@ function go({
   disabled: d,
   notice: u,
   suggestions: h,
-  clearSuggestions: M,
+  clearSuggestions: A,
   focusOnMount: x,
   customActions: N,
-  actionOrder: j
+  actionOrder: $
 }) {
-  const p = b(
-    (_, k) => {
-      const D = _.prompt ?? _.label;
-      e(D), M == null || M();
+  const f = w(
+    (T, M) => {
+      const D = T.prompt ?? T.label;
+      e(D), A == null || A();
     },
-    [e, M]
+    [e, A]
   );
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     se.div,
     {
       "data-slot": "chat-footer",
       className: kt.container,
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: [
         !t && /* @__PURE__ */ a(
           vt,
           {
             suggestions: h,
-            onSubmit: p
+            onSubmit: f
           }
         ),
         u && /* @__PURE__ */ a(
@@ -4077,7 +4111,7 @@ function go({
             showExpandButton: !1,
             focusOnMount: x,
             customActions: N,
-            actionOrder: j,
+            actionOrder: $,
             disabled: d
           }
         )
@@ -4099,21 +4133,21 @@ function Gt({
   fromCompact: d = !1,
   showHeader: u = !1,
   onClose: h,
-  onExpand: M,
+  onExpand: A,
   notice: x,
   emptyView: N,
-  suggestions: j,
-  clearSuggestions: p,
-  messageRenderer: _,
-  showAgentIcon: k,
+  suggestions: $,
+  clearSuggestions: f,
+  messageRenderer: T,
+  showAgentIcon: M,
   focusOnMount: D = !1
 }) {
-  return O(() => {
-    const C = (H) => {
-      H.key === "Escape" && h && h();
+  return L(() => {
+    const _ = (j) => {
+      j.key === "Escape" && h && h();
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [h]), /* @__PURE__ */ w(
+    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+  }, [h]), /* @__PURE__ */ C(
     "div",
     {
       "data-slot": "conversation-view",
@@ -4127,12 +4161,12 @@ function Gt({
             isProcessing: l,
             error: e,
             emptyView: N,
-            messageRenderer: _,
-            showAgentIcon: k
+            messageRenderer: T,
+            showAgentIcon: M
           }
         ),
         /* @__PURE__ */ a(
-          go,
+          po,
           {
             inputValue: i,
             onInputChange: n,
@@ -4143,10 +4177,10 @@ function Gt({
             isProcessing: l,
             onStop: g,
             fromCompact: d,
-            onExpand: M,
+            onExpand: A,
             notice: x,
-            suggestions: j,
-            clearSuggestions: p,
+            suggestions: $,
+            clearSuggestions: f,
             focusOnMount: D
           }
         )
@@ -4154,7 +4188,7 @@ function Gt({
     }
   );
 }
-function vc({
+function bc({
   messages: t,
   isProcessing: e,
   error: i,
@@ -4168,207 +4202,207 @@ function vc({
   onExpand: d,
   onClose: u,
   onStop: h,
-  emptyView: M,
+  emptyView: A,
   floatingChatState: x,
   suggestions: N,
-  clearSuggestions: j,
-  messageRenderer: p,
-  showAgentIcon: _,
-  className: k,
+  clearSuggestions: $,
+  messageRenderer: f,
+  showAgentIcon: T,
+  className: M,
   expandOnHover: D = !0,
-  freeDrag: C = !1,
-  initialFreeDragPosition: H,
-  onFreeDragEnd: Y
+  freeDrag: _ = !1,
+  initialFreeDragPosition: j,
+  onFreeDragEnd: K,
+  onChatPositionChange: H
 }) {
-  const [z, S] = Z(""), m = Za(x), V = A(!1), G = A(!1), ne = A(!1), [q, _e] = Z(!1);
-  O(() => {
-    V.current = !1, G.current = !1, ne.current = !1;
+  const [I, V] = Y(""), m = Za(x), z = O(!1), ie = O(!1), W = O(!1), [Se, ge] = Y(!1);
+  L(() => {
+    z.current = !1, ie.current = !1, W.current = !1;
   }, [m.state]);
-  const ie = A(/* @__PURE__ */ new Set()), oe = b(() => {
-    ie.current.forEach((L) => {
-      clearTimeout(L);
-    }), ie.current.clear();
-  }, []), P = Ya({
-    value: z,
-    setValue: S,
-    onSubmit: async (L) => {
-      m.state !== "expanded" && (d == null || d()), m.setState("expanded"), await n(L);
+  const J = O(/* @__PURE__ */ new Set()), Ce = w(() => {
+    J.current.forEach((S) => {
+      clearTimeout(S);
+    }), J.current.clear();
+  }, []), v = Ya({
+    value: I,
+    setValue: V,
+    onSubmit: async (S) => {
+      m.state !== "expanded" && (d == null || d()), m.setState("expanded"), await n(S);
     },
     isProcessing: e,
     floatingChatState: m.state
-  }), [T, Te] = Z(56), [ge, Le] = Z(
+  }), [_e, ke] = Y(56), [me, Ve] = Y(
     Ja
-  ), De = A(null), Ne = A(null), le = A(null), { x: Ee, y: v } = qa({
-    freeDrag: C,
-    initialFreeDragPosition: H,
-    side: ge
-  }), ce = pt(Ee), X = pt(v), ke = qt(), He = b(() => {
-    V.current = !0, m.open(), g == null || g(), d == null || d();
-  }, [m, g, d]), Ie = b(() => {
-    var $, J, de;
-    const L = (J = ($ = le.current) == null ? void 0 : $.ownerDocument) == null ? void 0 : J.activeElement;
-    return !(L && ((de = le.current) != null && de.contains(L)) || z.trim());
-  }, [z, le]), f = (L) => L === "collapsed" || L === "minimized" ? y.COLLAPSED_SIZE : L === "compact" ? T : y.EXPANDED_HEIGHT, R = b(() => {
+  ), xe = O(null), pe = O(null), he = O(null), { x: y, y: De } = qa({
+    freeDrag: _,
+    initialFreeDragPosition: j,
+    side: me
+  }), te = pt(y), X = pt(De), Ee = qt(), Re = w(() => {
+    z.current = !0, m.open(), g == null || g(), d == null || d();
+  }, [m, g, d]), p = w(() => {
+    var G, Z, oe;
+    const S = (Z = (G = he.current) == null ? void 0 : G.ownerDocument) == null ? void 0 : Z.activeElement;
+    return !(S && ((oe = he.current) != null && oe.contains(S)) || I.trim());
+  }, [I, he]), R = (S) => S === "collapsed" || S === "minimized" ? b.COLLAPSED_SIZE : S === "compact" ? _e : b.EXPANDED_HEIGHT, q = w(() => {
     if (D && m.state === "collapsed" && (m.setState("compact"), m.initialState === "collapsed")) {
-      const L = setTimeout(() => {
-        m.state === "compact" && Ie() && m.setState("collapsed"), ie.current.delete(L);
-      }, y.AUTO_COLLAPSE_DELAY);
-      ie.current.add(L);
+      const S = setTimeout(() => {
+        m.state === "compact" && p() && m.setState("collapsed"), J.current.delete(S);
+      }, b.AUTO_COLLAPSE_DELAY);
+      J.current.add(S);
     }
-  }, [m, Ie, D]), K = b(() => {
-    if (m.initialState === "collapsed" && m.state === "compact" && Ie()) {
-      const L = setTimeout(() => {
-        m.state === "compact" && Ie() && m.setState("collapsed"), ie.current.delete(L);
-      }, y.AUTO_COLLAPSE_DELAY);
-      ie.current.add(L);
+  }, [m, p, D]), U = w(() => {
+    if (m.initialState === "collapsed" && m.state === "compact" && p()) {
+      const S = setTimeout(() => {
+        m.state === "compact" && p() && m.setState("collapsed"), J.current.delete(S);
+      }, b.AUTO_COLLAPSE_DELAY);
+      J.current.add(S);
     }
-  }, [m, Ie]), U = b(async () => {
-    if (P.value.trim()) {
-      const L = P.value.trim();
-      P.clear(), m.state !== "expanded" && (d == null || d()), m.setState("expanded"), await n(L);
+  }, [m, p]), ae = w(async () => {
+    if (v.value.trim()) {
+      const S = v.value.trim();
+      v.clear(), m.state !== "expanded" && (d == null || d()), m.setState("expanded"), await n(S);
     }
-  }, [P, n, m, d]), te = b(() => {
-    ne.current = !0, d == null || d(), m.setState("expanded");
-  }, [d, m]), fe = b(() => {
-    G.current = !0, P.clear(), m.close(), u && u();
-  }, [P, m, u]), me = b(
-    (L) => {
-      if (!le.current || !Ne.current)
+  }, [v, n, m, d]), ue = w(() => {
+    W.current = !0, d == null || d(), m.setState("expanded");
+  }, [d, m]), Me = w(() => {
+    ie.current = !0, v.clear(), m.close(), u && u();
+  }, [v, m, u]), fe = w(
+    (S) => {
+      if (!he.current || !pe.current)
         return null;
-      const $ = le.current.getBoundingClientRect(), J = Ne.current.getBoundingClientRect(), de = window.getComputedStyle(le.current), Me = new DOMMatrixReadOnly(de.transform), Se = $.x - Me.e, Re = $.y - Me.f, he = (L ?? ge) === "left" ? J.left : J.right - y.COMPACT_WIDTH, ue = m.state === "minimized" ? window.innerHeight - y.COLLAPSED_SIZE : J.bottom - y.EXPANDED_HEIGHT;
+      const G = he.current.getBoundingClientRect(), Z = pe.current.getBoundingClientRect(), oe = window.getComputedStyle(he.current), ve = new DOMMatrixReadOnly(oe.transform), st = G.x - ve.e, Ae = G.y - ve.f, le = (S ?? me) === "left" ? Z.left : Z.right - b.COMPACT_WIDTH, qe = m.state === "minimized" ? window.innerHeight - b.COLLAPSED_SIZE : Z.bottom - b.EXPANDED_HEIGHT;
       return {
-        x: he - Se,
-        y: ue - Re
+        x: le - st,
+        y: qe - Ae
       };
     },
-    [ge, m.state]
-  ), xe = b(
-    (L) => {
-      L.target.closest(
+    [me, m.state]
+  ), We = w(
+    (S) => {
+      S.target.closest(
         re.NON_DRAGGABLE_SELECTORS
-      ) || ke.start(L.nativeEvent);
+      ) || Ee.start(S.nativeEvent);
     },
-    [ke]
-  ), Ve = b(
-    (L, $) => {
-      if (C) {
-        Y == null || Y({ x: ce.get(), y: X.get() });
+    [Ee]
+  ), Te = w(
+    (S, G) => {
+      const Z = te.get(), oe = b.COMPACT_WIDTH, ve = (window.innerWidth - oe) / 2, Ae = Z < ve ? "left" : "right";
+      if (me === Ae && (Ve(Ae), ht(Ae), H == null || H(Ae)), _) {
+        K == null || K({ x: te.get(), y: X.get() });
         return;
       }
-      const J = $.point.x, de = y.COMPACT_WIDTH, Me = (window.innerWidth - de) / 2, Re = J < Me ? "left" : "right";
-      Le(Re), ht(Re);
-      const We = me(Re);
-      We && (ye(ce, We.x, {
+      const ce = fe(Ae);
+      ce && (ye(te, ce.x, {
         ...re.SPRING_CONFIG,
-        velocity: $.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(X, We.y, {
+        velocity: G.velocity.x * re.VELOCITY_MULTIPLIER
+      }), ye(X, ce.y, {
         ...re.SPRING_CONFIG,
-        velocity: $.velocity.y * re.VELOCITY_MULTIPLIER
+        velocity: G.velocity.y * re.VELOCITY_MULTIPLIER
       }));
     },
-    [ce, X, me, C, Y]
-  ), Ce = A(C);
-  O(() => {
-    const L = Ce.current;
-    if (Ce.current = C, C || !L)
+    [te, X, fe, _, K]
+  ), Ie = O(_);
+  L(() => {
+    const S = Ie.current;
+    if (Ie.current = _, _ || !S)
       return;
-    const J = y.VIEWPORT_OFFSET + ce.get() + y.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
-    ge !== J && (Le(J), ht(J));
-    const de = me(J);
-    de && (ye(ce, de.x, re.SPRING_CONFIG), ye(X, de.y, re.SPRING_CONFIG));
-  }, [C, ce, X, me, ge]);
-  const ve = A(null), Je = A(m.state === "minimized");
-  O(() => {
-    const L = Je.current, $ = m.state === "minimized";
-    if (Je.current = $, !C || $ === L)
+    const Z = b.VIEWPORT_OFFSET + te.get() + b.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
+    me !== Z && (Ve(Z), ht(Z));
+    const oe = fe(Z);
+    oe && (ye(te, oe.x, re.SPRING_CONFIG), ye(X, oe.y, re.SPRING_CONFIG));
+  }, [_, te, X, fe, me]);
+  const Pe = O(null), F = O(m.state === "minimized");
+  L(() => {
+    const S = F.current, G = m.state === "minimized";
+    if (F.current = G, !_ || G === S)
       return;
-    if ($) {
-      ve.current = X.get();
-      const de = ye(X, 0, re.SPRING_CONFIG);
-      return () => de.stop();
+    if (G) {
+      Pe.current = X.get();
+      const oe = ye(X, 0, re.SPRING_CONFIG);
+      return () => oe.stop();
     }
-    if (ve.current === null)
+    if (Pe.current === null)
       return;
-    const J = ye(
+    const Z = ye(
       X,
-      ve.current,
+      Pe.current,
       re.SPRING_CONFIG
     );
-    return ve.current = null, () => J.stop();
-  }, [m.state, C, X]);
-  const B = A(m.state), ct = B.current === "compact" && m.state === "expanded";
-  return O(() => {
-    oe(), B.current = m.state;
-  }, [m.state, oe]), O(() => {
+    return Pe.current = null, () => Z.stop();
+  }, [m.state, _, X]);
+  const Je = O(m.state), yt = Je.current === "compact" && m.state === "expanded";
+  return L(() => {
+    Ce(), Je.current = m.state;
+  }, [m.state, Ce]), L(() => {
     if (m.state !== "expanded")
       return;
-    const L = () => {
-      if (C) {
-        const J = Ot(
-          { x: ce.get(), y: X.get() },
-          y.COMPACT_WIDTH,
-          y.EXPANDED_HEIGHT
+    const S = () => {
+      if (_) {
+        const Z = Ot(
+          { x: te.get(), y: X.get() },
+          b.COMPACT_WIDTH,
+          b.EXPANDED_HEIGHT
         );
-        ce.set(J.x), X.set(J.y);
+        te.set(Z.x), X.set(Z.y);
         return;
       }
-      const $ = me();
-      $ && (ce.set($.x), X.set($.y));
+      const G = fe();
+      G && (te.set(G.x), X.set(G.y));
     };
-    return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
-  }, [m.state, ce, X, me, C]), O(() => {
-    const L = ie.current;
+    return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
+  }, [m.state, te, X, fe, _]), L(() => {
+    const S = J.current;
     return () => {
-      L.forEach(($) => {
-        clearTimeout($);
-      }), L.clear();
+      S.forEach((G) => {
+        clearTimeout(G);
+      }), S.clear();
     };
-  }, []), O(() => {
-    if (m.state === "compact" && De.current) {
-      const L = De.current.scrollHeight + y.PADDING;
-      Te(L);
+  }, []), L(() => {
+    if (m.state === "compact" && xe.current) {
+      const S = xe.current.scrollHeight + b.PADDING;
+      ke(S);
     }
-  }, [m.state, P.value]), o === "embedded" ? /* @__PURE__ */ a(
+  }, [m.state, v.value]), o === "embedded" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: pe(k, be.container, be.embedded),
+      className: de(M, be.container, be.embedded),
       children: /* @__PURE__ */ a(
         Gt,
         {
           messages: t,
-          inputValue: P.value,
-          onInputChange: P.setValue,
-          onSubmit: U,
-          onKeyDown: P.handleKeyDown,
-          textareaRef: P.textareaRef,
+          inputValue: v.value,
+          onInputChange: v.setValue,
+          onSubmit: ae,
+          onKeyDown: v.handleKeyDown,
+          textareaRef: v.textareaRef,
           placeholder: s,
           isProcessing: e,
           onStop: h,
           showHeader: !1,
           notice: l,
           suggestions: N,
-          clearSuggestions: j,
+          clearSuggestions: $,
           error: i,
-          emptyView: M,
-          messageRenderer: p,
-          showAgentIcon: _,
-          onExpand: te,
-          focusOnMount: ne.current
+          emptyView: A,
+          messageRenderer: f,
+          showAgentIcon: T,
+          onExpand: ue,
+          focusOnMount: W.current
         }
       )
     }
-  ) : /* @__PURE__ */ w(Ke, { children: [
+  ) : /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: Ne,
+        ref: pe,
         style: {
           position: "fixed",
-          top: y.VIEWPORT_OFFSET,
-          left: y.VIEWPORT_OFFSET,
-          right: y.VIEWPORT_OFFSET,
-          bottom: y.VIEWPORT_OFFSET,
+          top: b.VIEWPORT_OFFSET,
+          left: b.VIEWPORT_OFFSET,
+          right: b.VIEWPORT_OFFSET,
+          bottom: b.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
@@ -4376,31 +4410,31 @@ function vc({
     /* @__PURE__ */ a(
       se.div,
       {
-        ref: le,
+        ref: he,
         "data-slot": "chat-floating",
-        className: pe(k, be.container, be.floating, {
+        className: de(M, be.container, be.floating, {
           [be.expanded]: m.state === "expanded",
-          animating: q
+          animating: Se
         }),
-        onMouseLeave: m.state === "compact" ? K : void 0,
+        onMouseLeave: m.state === "compact" ? U : void 0,
         drag: m.state === "expanded",
-        dragControls: ke,
+        dragControls: Ee,
         dragListener: !1,
-        dragConstraints: Ne,
+        dragConstraints: pe,
         dragMomentum: !1,
-        dragElastic: C ? 0 : 0.1,
+        dragElastic: _ ? 0 : 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: Ve,
-        onPointerDown: xe,
+        onDragEnd: Te,
+        onPointerDown: We,
         initial: !1,
         animate: {
-          bottom: m.state === "minimized" ? 0 : y.VIEWPORT_OFFSET
+          bottom: m.state === "minimized" ? 0 : b.VIEWPORT_OFFSET
         },
-        transition: Be,
+        transition: He,
         style: {
-          x: ce,
+          x: te,
           y: X,
-          left: y.VIEWPORT_OFFSET
+          left: b.VIEWPORT_OFFSET
         },
         children: /* @__PURE__ */ a(
           se.div,
@@ -4409,27 +4443,27 @@ function vc({
             className: be.content,
             initial: !1,
             animate: {
-              width: m.state === "collapsed" ? y.COLLAPSED_SIZE : y.COMPACT_WIDTH,
-              height: f(m.state),
-              x: m.state === "collapsed" && ge === "right" ? y.COMPACT_WIDTH - y.COLLAPSED_SIZE : 0,
-              borderBottomLeftRadius: m.state === "minimized" ? 0 : y.BORDER_RADIUS,
-              borderBottomRightRadius: m.state === "minimized" ? 0 : y.BORDER_RADIUS,
-              transition: P.value.trim() ? { duration: 0 } : Be
+              width: m.state === "collapsed" ? b.COLLAPSED_SIZE : b.COMPACT_WIDTH,
+              height: R(m.state),
+              x: m.state === "collapsed" && me === "right" ? b.COMPACT_WIDTH - b.COLLAPSED_SIZE : 0,
+              borderBottomLeftRadius: m.state === "minimized" ? 0 : b.BORDER_RADIUS,
+              borderBottomRightRadius: m.state === "minimized" ? 0 : b.BORDER_RADIUS,
+              transition: v.value.trim() ? { duration: 0 } : He
             },
-            onAnimationStart: () => _e(!0),
-            onAnimationComplete: () => _e(!1),
+            onAnimationStart: () => ge(!0),
+            onAnimationComplete: () => ge(!1),
             style: {
-              borderTopLeftRadius: y.BORDER_RADIUS,
-              borderTopRightRadius: y.BORDER_RADIUS
+              borderTopLeftRadius: b.BORDER_RADIUS,
+              borderTopRightRadius: b.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ w(ot, { mode: "wait", children: [
+            children: /* @__PURE__ */ C(ct, { mode: "wait", children: [
               m.state === "collapsed" && /* @__PURE__ */ a(
                 en,
                 {
                   icon: c,
-                  onClick: He,
-                  onHover: R,
-                  focusOnMount: G.current
+                  onClick: Re,
+                  onHover: q,
+                  focusOnMount: ie.current
                 },
                 "collapsed"
               ),
@@ -4438,28 +4472,28 @@ function vc({
                 {
                   icon: c,
                   title: r,
-                  onClick: He,
-                  focusOnMount: G.current
+                  onClick: Re,
+                  focusOnMount: ie.current
                 },
                 "minimized"
               ),
-              m.state === "compact" && /* @__PURE__ */ a("div", { ref: De, children: /* @__PURE__ */ a(
+              m.state === "compact" && /* @__PURE__ */ a("div", { ref: xe, children: /* @__PURE__ */ a(
                 nn,
                 {
-                  value: P.value,
-                  onChange: P.setValue,
-                  onSubmit: U,
-                  onKeyDown: P.handleKeyDown,
-                  textareaRef: P.textareaRef,
+                  value: v.value,
+                  onChange: v.setValue,
+                  onSubmit: ae,
+                  onKeyDown: v.handleKeyDown,
+                  textareaRef: v.textareaRef,
                   placeholder: s,
                   isProcessing: e,
-                  onBlur: K,
-                  onExpand: te,
-                  showExpandButton: !P.value.trim(),
-                  focusOnMount: V.current,
+                  onBlur: U,
+                  onExpand: ue,
+                  showExpandButton: !v.value.trim(),
+                  focusOnMount: z.current,
                   onStop: h,
                   suggestions: N,
-                  clearSuggestions: j
+                  clearSuggestions: $
                 },
                 "compact"
               ) }),
@@ -4467,26 +4501,26 @@ function vc({
                 Gt,
                 {
                   messages: t,
-                  inputValue: P.value,
-                  onInputChange: P.setValue,
-                  onSubmit: U,
-                  onKeyDown: P.handleKeyDown,
-                  textareaRef: P.textareaRef,
+                  inputValue: v.value,
+                  onInputChange: v.setValue,
+                  onSubmit: ae,
+                  onKeyDown: v.handleKeyDown,
+                  textareaRef: v.textareaRef,
                   placeholder: s,
                   isProcessing: e,
                   onStop: h,
                   showHeader: !0,
-                  onClose: fe,
-                  fromCompact: ct,
+                  onClose: Me,
+                  fromCompact: yt,
                   notice: l,
                   suggestions: N,
-                  clearSuggestions: j,
+                  clearSuggestions: $,
                   error: i,
-                  emptyView: M,
-                  messageRenderer: p,
-                  showAgentIcon: _,
-                  onExpand: te,
-                  focusOnMount: ne.current
+                  emptyView: A,
+                  messageRenderer: f,
+                  showAgentIcon: T,
+                  onExpand: ue,
+                  focusOnMount: W.current
                 },
                 "expanded"
               )
@@ -4497,27 +4531,27 @@ function vc({
     )
   ] });
 }
-const mo = "ImageUploader-module_container", po = "ImageUploader-module_active", ho = "ImageUploader-module_uploader", fo = "ImageUploader-module_uploading", vo = "ImageUploader-module_content", yo = "ImageUploader-module_hiddenInput", bo = "ImageUploader-module_clickArea", wo = "ImageUploader-module_draggingMessage", Co = "ImageUploader-module_draggingOver", _o = "ImageUploader-module_preview", To = "ImageUploader-module_previewItem", Io = "ImageUploader-module_removeButton", So = "ImageUploader-module_previewImage", ko = "ImageUploader-module_previewMeta", Mo = "ImageUploader-module_previewFilename", Ao = "ImageUploader-module_previewType", Oo = "ImageUploader-module_uploadingIndicator", Lo = "ImageUploader-module_spinner", No = "ImageUploader-module_invalidMessage", ee = {
-  container: mo,
-  active: po,
-  uploader: ho,
-  uploading: fo,
-  content: vo,
-  hiddenInput: yo,
-  clickArea: bo,
-  draggingMessage: wo,
-  draggingOver: Co,
-  preview: _o,
-  previewItem: To,
-  removeButton: Io,
-  previewImage: So,
-  previewMeta: ko,
-  previewFilename: Mo,
-  previewType: Ao,
-  uploadingIndicator: Oo,
-  spinner: Lo,
-  invalidMessage: No
-}, xo = Kt(
+const ho = "ImageUploader-module_container", fo = "ImageUploader-module_active", vo = "ImageUploader-module_uploader", yo = "ImageUploader-module_uploading", bo = "ImageUploader-module_content", wo = "ImageUploader-module_hiddenInput", Co = "ImageUploader-module_clickArea", _o = "ImageUploader-module_draggingMessage", To = "ImageUploader-module_draggingOver", Io = "ImageUploader-module_preview", So = "ImageUploader-module_previewItem", ko = "ImageUploader-module_removeButton", Mo = "ImageUploader-module_previewImage", Ao = "ImageUploader-module_previewMeta", Oo = "ImageUploader-module_previewFilename", Lo = "ImageUploader-module_previewType", No = "ImageUploader-module_uploadingIndicator", xo = "ImageUploader-module_spinner", Do = "ImageUploader-module_invalidMessage", ee = {
+  container: ho,
+  active: fo,
+  uploader: vo,
+  uploading: yo,
+  content: bo,
+  hiddenInput: wo,
+  clickArea: Co,
+  draggingMessage: _o,
+  draggingOver: To,
+  preview: Io,
+  previewItem: So,
+  removeButton: ko,
+  previewImage: Mo,
+  previewMeta: Ao,
+  previewFilename: Oo,
+  previewType: Lo,
+  uploadingIndicator: No,
+  spinner: xo,
+  invalidMessage: Do
+}, Eo = Kt(
   ({
     image: t,
     allowDragToInsert: e,
@@ -4527,7 +4561,7 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
     onRemove: c
   }) => {
     const r = t.mime_type ? t.mime_type.split("/")[1].toUpperCase() : "", s = t.title || t.name || t.url.split("/").pop() || "image";
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ C(
       "div",
       {
         className: ee.previewItem,
@@ -4572,7 +4606,7 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
               loading: "lazy"
             }
           ),
-          i && /* @__PURE__ */ w("div", { className: ee.previewMeta, children: [
+          i && /* @__PURE__ */ C("div", { className: ee.previewMeta, children: [
             /* @__PURE__ */ a(
               "span",
               {
@@ -4588,7 +4622,7 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
       t.id
     );
   }
-), yc = Jt(function({
+), wc = Jt(function({
   images: e = [],
   uploadingImages: i = [],
   onFilesSelected: n,
@@ -4601,65 +4635,65 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
   acceptedFileTypes: d = ["image/jpeg", "image/png"],
   maxFileSize: u,
   maxFiles: h,
-  uploadingIndicator: M,
+  uploadingIndicator: A,
   className: x = "",
   showFileMetadata: N = !0,
-  allowDragToInsert: j = !0,
-  onError: p,
-  visible: _ = !0,
-  dropZoneRef: k
+  allowDragToInsert: $ = !0,
+  onError: f,
+  visible: T = !0,
+  dropZoneRef: M
 }, D) {
-  const { textareaRef: C } = Oe(), [H, Y] = Z(!1), [z, S] = Z(!1), [m, V] = Z(!1), G = A(null), ne = A(null), q = A(0);
+  const { textareaRef: _ } = Ne(), [j, K] = Y(!1), [H, I] = Y(!1), [V, m] = Y(!1), z = O(null), ie = O(null), W = O(0);
   xn(D, () => ({
     openFileDialog: () => {
-      var f;
-      (f = G.current) == null || f.click();
+      var p;
+      (p = z.current) == null || p.click();
     }
-  })), O(() => {
-    const f = k ? k.current : window;
-    if (!f)
+  })), L(() => {
+    const p = M ? M.current : window;
+    if (!p)
       return;
-    const R = (te) => {
-      var fe, me;
-      (me = (fe = te.dataTransfer) == null ? void 0 : fe.types) != null && me.includes("Files") && (q.current += 1, S(!0));
-    }, K = (te) => {
-      q.current -= 1, (q.current === 0 || te.relatedTarget === null) && (q.current = 0, S(!1));
+    const R = (ae) => {
+      var ue, Me;
+      (Me = (ue = ae.dataTransfer) == null ? void 0 : ue.types) != null && Me.includes("Files") && (W.current += 1, I(!0));
+    }, q = (ae) => {
+      W.current -= 1, (W.current === 0 || ae.relatedTarget === null) && (W.current = 0, I(!1));
     }, U = () => {
-      q.current = 0, S(!1);
+      W.current = 0, I(!1);
     };
-    return f.addEventListener(
+    return p.addEventListener(
       "dragenter",
       R
-    ), f.addEventListener(
+    ), p.addEventListener(
       "dragleave",
-      K
-    ), f.addEventListener("drop", U), () => {
-      f.removeEventListener(
+      q
+    ), p.addEventListener("drop", U), () => {
+      p.removeEventListener(
         "dragenter",
         R
-      ), f.removeEventListener(
+      ), p.removeEventListener(
         "dragleave",
-        K
-      ), f.removeEventListener("drop", U);
+        q
+      ), p.removeEventListener("drop", U);
     };
-  }, [k]), O(() => () => {
-    ne.current && clearTimeout(ne.current);
+  }, [M]), L(() => () => {
+    ie.current && clearTimeout(ie.current);
   }, []);
-  const _e = b((f) => {
-    const R = Math.min(f, 10485760), K = Math.floor(R / (1024 * 1024));
-    return K >= 1 ? `${K} MB` : `${Math.floor(R / 1024)} KB`;
-  }, []), ie = b(
-    (f) => {
-      if (!f || f.length === 0)
+  const Se = w((p) => {
+    const R = Math.min(p, 10485760), q = Math.floor(R / (1024 * 1024));
+    return q >= 1 ? `${q} MB` : `${Math.floor(R / 1024)} KB`;
+  }, []), ge = w(
+    (p) => {
+      if (!p || p.length === 0)
         return;
-      const R = Array.from(f), K = R.filter(
+      const R = Array.from(p), q = R.filter(
         (U) => d.includes(U.type)
       );
-      if (K.length < R.length) {
-        V(!0);
-        const U = d.map((te) => te.split("/")[1].toUpperCase()).join(" or ");
-        p == null || p(
-          Fe(
+      if (q.length < R.length) {
+        m(!0);
+        const U = d.map((ae) => ae.split("/")[1].toUpperCase()).join(" or ");
+        f == null || f(
+          je(
             /* translators: %s: allowed file types (e.g., "JPEG or PNG") */
             E(
               "Only %s image files are allowed.",
@@ -4667,178 +4701,178 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
             ),
             U
           )
-        ), ne.current && clearTimeout(ne.current), ne.current = setTimeout(() => {
-          V(!1);
+        ), ie.current && clearTimeout(ie.current), ie.current = setTimeout(() => {
+          m(!1);
         }, 3e3);
       }
-      if (h && K.length > h) {
-        p == null || p(
-          Fe(
+      if (h && q.length > h) {
+        f == null || f(
+          je(
             /* translators: %d: maximum number of files allowed */
             E("Maximum %d files allowed.", "a8c-agenttic"),
             h
           )
         );
-        const U = K.slice(0, h);
+        const U = q.slice(0, h);
         U.length > 0 && n(U);
         return;
       }
-      K.length > 0 && n(K);
+      q.length > 0 && n(q);
     },
-    [n, d, h, p]
-  ), oe = A(ie);
-  O(() => {
-    oe.current = ie;
-  }, [ie]), O(() => {
-    const f = k == null ? void 0 : k.current;
-    if (!f)
+    [n, d, h, f]
+  ), J = O(ge);
+  L(() => {
+    J.current = ge;
+  }, [ge]), L(() => {
+    const p = M == null ? void 0 : M.current;
+    if (!p)
       return;
     const R = (U) => {
       U.preventDefault();
-    }, K = (U) => {
-      var te;
-      U.preventDefault(), q.current = 0, S(!1), Y(!1), (te = U.dataTransfer) != null && te.files && (oe.current(U.dataTransfer.files), c == null || c(Array.from(U.dataTransfer.files)));
+    }, q = (U) => {
+      var ae;
+      U.preventDefault(), W.current = 0, I(!1), K(!1), (ae = U.dataTransfer) != null && ae.files && (J.current(U.dataTransfer.files), c == null || c(Array.from(U.dataTransfer.files)));
     };
-    return f.addEventListener("dragover", R), f.addEventListener("drop", K), () => {
-      f.removeEventListener(
+    return p.addEventListener("dragover", R), p.addEventListener("drop", q), () => {
+      p.removeEventListener(
         "dragover",
         R
-      ), f.removeEventListener("drop", K);
+      ), p.removeEventListener("drop", q);
     };
-  }, [k, c]), O(() => {
-    const f = (R) => {
-      var me;
-      const K = C.current && document.activeElement === C.current, U = C.current && R.target && (R.target === C.current || C.current.contains(R.target));
-      if (!K && !U)
+  }, [M, c]), L(() => {
+    const p = (R) => {
+      var Me;
+      const q = _.current && document.activeElement === _.current, U = _.current && R.target && (R.target === _.current || _.current.contains(R.target));
+      if (!q && !U)
         return;
-      const te = (me = R.clipboardData) == null ? void 0 : me.items;
-      if (!te)
+      const ae = (Me = R.clipboardData) == null ? void 0 : Me.items;
+      if (!ae)
         return;
-      const fe = [];
-      for (let xe = 0; xe < te.length; xe++) {
-        const Ve = te[xe];
-        if (Ve.type.startsWith("image/")) {
-          const Ce = Ve.getAsFile();
-          Ce && fe.push(Ce);
+      const ue = [];
+      for (let fe = 0; fe < ae.length; fe++) {
+        const We = ae[fe];
+        if (We.type.startsWith("image/")) {
+          const Te = We.getAsFile();
+          Te && ue.push(Te);
         }
       }
-      fe.length > 0 && (R.preventDefault(), oe.current(fe), r == null || r(fe));
+      ue.length > 0 && (R.preventDefault(), J.current(ue), r == null || r(ue));
     };
-    return window.addEventListener("paste", f), () => {
-      window.removeEventListener("paste", f);
+    return window.addEventListener("paste", p), () => {
+      window.removeEventListener("paste", p);
     };
   }, [r]);
-  const P = (f) => {
-    f.preventDefault(), f.stopPropagation(), Y(!0);
-  }, T = (f) => {
-    f.preventDefault(), f.stopPropagation(), Y(!1);
-  }, Te = (f) => {
-    if (f.preventDefault(), f.stopPropagation(), Y(!1), q.current = 0, S(!1), f.dataTransfer.files) {
-      const R = Array.from(f.dataTransfer.files);
-      ie(f.dataTransfer.files), c == null || c(R);
+  const Ce = (p) => {
+    p.preventDefault(), p.stopPropagation(), K(!0);
+  }, v = (p) => {
+    p.preventDefault(), p.stopPropagation(), K(!1);
+  }, _e = (p) => {
+    if (p.preventDefault(), p.stopPropagation(), K(!1), W.current = 0, I(!1), p.dataTransfer.files) {
+      const R = Array.from(p.dataTransfer.files);
+      ge(p.dataTransfer.files), c == null || c(R);
     }
-  }, ge = (f) => {
-    if (f.target.files) {
-      const R = Array.from(f.target.files);
-      ie(f.target.files), o == null || o(R);
+  }, ke = (p) => {
+    if (p.target.files) {
+      const R = Array.from(p.target.files);
+      ge(p.target.files), o == null || o(R);
     }
-    f.target.value = "";
-  }, Le = () => {
-    var f;
-    (f = G.current) == null || f.click();
-  }, De = b(
-    (f, R) => {
-      l == null || l(f, R);
+    p.target.value = "";
+  }, me = () => {
+    var p;
+    (p = z.current) == null || p.click();
+  }, Ve = w(
+    (p, R) => {
+      l == null || l(p, R);
     },
     [l]
-  ), Ne = b(
-    (f, R) => {
-      g == null || g(f, R);
+  ), xe = w(
+    (p, R) => {
+      g == null || g(p, R);
     },
     [g]
-  ), le = b(
-    (f, R) => {
-      f.stopPropagation(), s(R);
+  ), pe = w(
+    (p, R) => {
+      p.stopPropagation(), s(R);
     },
     [s]
   );
-  if (!_)
+  if (!T)
     return null;
-  const Ee = e.length > 0, v = i.length > 0, ce = z, X = !z && (Ee || v), ke = Ee || v || z || m, He = u ? Fe(
+  const he = e.length > 0, y = i.length > 0, De = H, te = !H && (he || y), X = he || y || H || V, Ee = u ? je(
     /* translators: %s: maximum file size (e.g., "5 MB") */
     E("Upload image files up to %s each.", "a8c-agenttic"),
-    _e(u)
-  ) : "", Ie = Fe(
+    Se(u)
+  ) : "", Re = je(
     /* translators: %s: allowed file types (e.g., "JPEG or PNG") */
     E("Only %s image files are allowed.", "a8c-agenttic"),
-    d.map((f) => f.split("/")[1].toUpperCase()).join(" or ")
+    d.map((p) => p.split("/")[1].toUpperCase()).join(" or ")
   );
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `${ee.container} ${ke ? ee.active : ""} ${x}`,
+      className: `${ee.container} ${X ? ee.active : ""} ${x}`,
       "data-slot": "image-uploader",
       children: /* @__PURE__ */ a(
         "div",
         {
-          className: `${ee.uploader} ${v ? ee.uploading : ""} ${H ? ee.draggingOver : ""}`,
-          children: /* @__PURE__ */ w("div", { className: ee.content, children: [
-            !m && /* @__PURE__ */ w(Ke, { children: [
+          className: `${ee.uploader} ${y ? ee.uploading : ""} ${j ? ee.draggingOver : ""}`,
+          children: /* @__PURE__ */ C("div", { className: ee.content, children: [
+            !V && /* @__PURE__ */ C(Ke, { children: [
               /* @__PURE__ */ a(
                 "input",
                 {
-                  ref: G,
+                  ref: z,
                   type: "file",
                   accept: d.join(","),
                   multiple: !h || h > 1,
-                  onChange: ge,
+                  onChange: ke,
                   className: ee.hiddenInput
                 }
               ),
-              /* @__PURE__ */ w(
+              /* @__PURE__ */ C(
                 "div",
                 {
                   className: ee.clickArea,
-                  onClick: Le,
-                  onDragOver: P,
-                  onDragLeave: T,
-                  onDrop: Te,
+                  onClick: me,
+                  onDragOver: Ce,
+                  onDragLeave: v,
+                  onDrop: _e,
                   role: "button",
                   tabIndex: 0,
-                  onKeyDown: (f) => {
-                    (f.key === "Enter" || f.key === " ") && Le();
+                  onKeyDown: (p) => {
+                    (p.key === "Enter" || p.key === " ") && me();
                   },
                   "aria-label": E(
                     "Click to upload images or drag and drop",
                     "a8c-agenttic"
                   ),
                   children: [
-                    ce && /* @__PURE__ */ a("div", { className: ee.draggingMessage, children: /* @__PURE__ */ w("p", { children: [
+                    De && /* @__PURE__ */ a("div", { className: ee.draggingMessage, children: /* @__PURE__ */ C("p", { children: [
                       /* @__PURE__ */ a("strong", { children: E(
                         "Drop files here to use",
                         "a8c-agenttic"
                       ) }),
                       /* @__PURE__ */ a("br", {}),
-                      u && He
+                      u && Ee
                     ] }) }),
-                    X && /* @__PURE__ */ w("div", { className: ee.preview, children: [
-                      Ee && e.map((f) => /* @__PURE__ */ a(
-                        xo,
+                    te && /* @__PURE__ */ C("div", { className: ee.preview, children: [
+                      he && e.map((p) => /* @__PURE__ */ a(
+                        Eo,
                         {
-                          image: f,
-                          allowDragToInsert: j,
+                          image: p,
+                          allowDragToInsert: $,
                           showFileMetadata: N,
-                          onDragStart: De,
-                          onDragEnd: Ne,
-                          onRemove: le
+                          onDragStart: Ve,
+                          onDragEnd: xe,
+                          onRemove: pe
                         },
-                        f.id
+                        p.id
                       )),
-                      v && i.map(({ id: f }) => /* @__PURE__ */ a(
+                      y && i.map(({ id: p }) => /* @__PURE__ */ a(
                         "div",
                         {
                           className: ee.previewItem,
-                          children: M || /* @__PURE__ */ a(
+                          children: A || /* @__PURE__ */ a(
                             "div",
                             {
                               className: ee.uploadingIndicator,
@@ -4851,40 +4885,40 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
                             }
                           )
                         },
-                        f
+                        p
                       ))
                     ] })
                   ]
                 }
               )
             ] }),
-            m && /* @__PURE__ */ a("div", { className: ee.invalidMessage, children: /* @__PURE__ */ a("p", { children: Ie }) })
+            V && /* @__PURE__ */ a("div", { className: ee.invalidMessage, children: /* @__PURE__ */ a("p", { children: Re }) })
           ] })
         }
       )
     }
   );
-}), Do = "MessageDivider-module_container", Eo = "MessageDivider-module_line", Ro = "MessageDivider-module_message", ut = {
-  container: Do,
-  line: Eo,
-  message: Ro
+}), Ro = "MessageDivider-module_container", Po = "MessageDivider-module_line", $o = "MessageDivider-module_message", ut = {
+  container: Ro,
+  line: Po,
+  message: $o
 };
-function bc({ message: t = "" }) {
-  return /* @__PURE__ */ w("div", { className: ut.container, children: [
+function Cc({ message: t = "" }) {
+  return /* @__PURE__ */ C("div", { className: ut.container, children: [
     /* @__PURE__ */ a("div", { className: ut.line }),
-    t && /* @__PURE__ */ w(Ke, { children: [
+    t && /* @__PURE__ */ C(Ke, { children: [
       /* @__PURE__ */ a("span", { className: ut.message, children: t }),
       /* @__PURE__ */ a("div", { className: ut.line })
     ] })
   ] });
 }
-const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "EmptyView-module_heading", jo = "EmptyView-module_help", Uo = "EmptyView-module_suggestionsWrapper", at = {
-  container: Po,
-  icon: $o,
-  heading: Fo,
-  help: jo,
-  suggestionsWrapper: Uo
-}, wc = ({
+const Fo = "EmptyView-module_container", jo = "EmptyView-module_icon", Uo = "EmptyView-module_heading", Bo = "EmptyView-module_help", Ho = "EmptyView-module_suggestionsWrapper", it = {
+  container: Fo,
+  icon: jo,
+  heading: Uo,
+  help: Bo,
+  suggestionsWrapper: Ho
+}, _c = ({
   suggestions: t,
   onSuggestionClick: e,
   icon: i = "✨",
@@ -4893,10 +4927,10 @@ const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "Emp
     "a8c-agenttic"
   ),
   help: o
-}) => /* @__PURE__ */ w("div", { className: at.container, children: [
-  /* @__PURE__ */ a("div", { className: at.icon, children: i }),
-  /* @__PURE__ */ a("h2", { className: at.heading, children: n }),
-  t && t.length > 0 && /* @__PURE__ */ a("div", { className: at.suggestionsWrapper, children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ C("div", { className: it.container, children: [
+  /* @__PURE__ */ a("div", { className: it.icon, children: i }),
+  /* @__PURE__ */ a("h2", { className: it.heading, children: n }),
+  t && t.length > 0 && /* @__PURE__ */ a("div", { className: it.suggestionsWrapper, children: /* @__PURE__ */ a(
     vt,
     {
       suggestions: t,
@@ -4905,16 +4939,16 @@ const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "Emp
       layout: "vertical"
     }
   ) }),
-  o && /* @__PURE__ */ a("p", { className: at.help, children: o })
-] }), Bo = "ImageRenderer-module_container", Ho = "ImageRenderer-module_imageButton", Vo = "ImageRenderer-module_selected", Wo = "ImageRenderer-module_disabled", zo = "ImageRenderer-module_image", Go = "ImageRenderer-module_header", Ze = {
-  container: Bo,
-  imageButton: Ho,
-  selected: Vo,
-  disabled: Wo,
-  image: zo,
-  header: Go
+  o && /* @__PURE__ */ a("p", { className: it.help, children: o })
+] }), Vo = "ImageRenderer-module_container", Wo = "ImageRenderer-module_imageButton", zo = "ImageRenderer-module_selected", Go = "ImageRenderer-module_disabled", Zo = "ImageRenderer-module_image", Yo = "ImageRenderer-module_header", Ze = {
+  container: Vo,
+  imageButton: Wo,
+  selected: zo,
+  disabled: Go,
+  image: Zo,
+  header: Yo
 };
-function Zo({ className: t, size: e = 24 }) {
+function Ko({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -4935,31 +4969,31 @@ function Zo({ className: t, size: e = 24 }) {
     }
   );
 }
-const Cc = ({
+const Tc = ({
   images: t,
   onSelect: e,
   header: i,
   disabled: n = !1
 }) => {
-  const [o, c] = Z(null), r = A(null), s = (l) => {
+  const [o, c] = Y(null), r = O(null), s = (l) => {
     c(l.url), e(l);
   };
-  return O(() => {
+  return L(() => {
     if (n || !o)
       return;
     const l = (g) => {
       r.current && !r.current.contains(g.target) && (c(null), e(null));
     };
     return window.addEventListener("click", l, !0), () => window.removeEventListener("click", l, !0);
-  }, [e, n, o]), /* @__PURE__ */ w(se.div, { children: [
-    i || /* @__PURE__ */ w("div", { className: Ze.header, children: [
-      /* @__PURE__ */ a(Zo, {}),
+  }, [e, n, o]), /* @__PURE__ */ C(se.div, { children: [
+    i || /* @__PURE__ */ C("div", { className: Ze.header, children: [
+      /* @__PURE__ */ a(Ko, {}),
       " Done"
     ] }),
     /* @__PURE__ */ a("div", { className: Ze.container, ref: r, children: t.map((l) => /* @__PURE__ */ a(
       "button",
       {
-        className: pe(
+        className: de(
           Ze.imageButton,
           !n && o === l.url ? Ze.selected : "",
           n ? Ze.disabled : ""
@@ -4980,7 +5014,7 @@ const Cc = ({
     )) })
   ] });
 };
-function _c({ className: t, size: e = 24 }) {
+function Ic({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5000,7 +5034,7 @@ function _c({ className: t, size: e = 24 }) {
     }
   );
 }
-function Tc({ className: t, size: e = 24 }) {
+function Sc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5021,7 +5055,7 @@ function Tc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Ic({ className: t, size: e = 24 }) {
+function kc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5042,7 +5076,7 @@ function Ic({ className: t, size: e = 24 }) {
     }
   );
 }
-function Sc({ className: t, size: e = 24 }) {
+function Mc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5065,7 +5099,7 @@ function Sc({ className: t, size: e = 24 }) {
     }
   );
 }
-function kc({ className: t, size: e = 24 }) {
+function Ac({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5087,8 +5121,8 @@ function kc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Mc({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+function Oc({ className: t, size: e = 24 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5118,8 +5152,8 @@ function Mc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Ac({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+function Lc({ className: t, size: e = 24 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5148,7 +5182,7 @@ function Ac({ className: t, size: e = 24 }) {
     }
   );
 }
-function Oc({ className: t, size: e = 24 }) {
+function Nc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5169,8 +5203,8 @@ function Oc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Lc({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+function xc({ className: t, size: e = 24 }) {
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5201,7 +5235,7 @@ function Lc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Nc({ className: t, size: e = 24 }) {
+function Dc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5222,17 +5256,17 @@ function Nc({ className: t, size: e = 24 }) {
     }
   );
 }
-const Yo = (t, e = "") => {
+const Jo = (t, e = "") => {
   try {
     return getComputedStyle(document.documentElement).getPropertyValue(t).trim() || e;
   } catch (i) {
     return console.warn(`Failed to get CSS variable ${t}:`, i), e;
   }
-}, it = ({ message: t, details: e }) => /* @__PURE__ */ w("div", { className: "chart-error", children: [
+}, rt = ({ message: t, details: e }) => /* @__PURE__ */ C("div", { className: "chart-error", children: [
   /* @__PURE__ */ a("strong", { children: "Chart Error:" }),
   " ",
   t,
-  e && /* @__PURE__ */ w("details", { children: [
+  e && /* @__PURE__ */ C("details", { children: [
     /* @__PURE__ */ a("summary", { children: "Show Details" }),
     /* @__PURE__ */ a("pre", { children: e })
   ] })
@@ -5240,8 +5274,8 @@ const Yo = (t, e = "") => {
   children: t,
   error: e
 }) => {
-  const i = rt(() => {
-    const o = [Yo("--color-primary", "#4F46E5"), "#f0b849", "#00a32a", "#8c5e94"];
+  const i = ot(() => {
+    const o = [Jo("--color-primary", "#4F46E5"), "#f0b849", "#00a32a", "#8c5e94"];
     return {
       ...$n,
       colors: o,
@@ -5259,7 +5293,7 @@ const Yo = (t, e = "") => {
       legendGlyphSize: 12
     };
   }, []);
-  return e ? /* @__PURE__ */ a(it, { message: e.message, details: e.details }) : /* @__PURE__ */ a("div", { className: "chart-block", children: /* @__PURE__ */ a("div", { className: "chart-container", children: /* @__PURE__ */ a(Fn, { theme: i, children: t }) }) });
+  return e ? /* @__PURE__ */ a(rt, { message: e.message, details: e.details }) : /* @__PURE__ */ a("div", { className: "chart-block", children: /* @__PURE__ */ a("div", { className: "chart-container", children: /* @__PURE__ */ a(Fn, { theme: i, children: t }) }) });
 }, Mt = (t = 80, e = 6, i = 25, n) => Math.max(t, (n ?? 5) * e + i), Zt = (t) => {
   if (t instanceof Date)
     return t;
@@ -5316,7 +5350,7 @@ const Yo = (t, e = "") => {
   },
   ...t,
   bottom: Mt(120)
-}), Ko = (t) => {
+}), qo = (t) => {
   const {
     data: e,
     currency: i,
@@ -5329,21 +5363,21 @@ const Yo = (t, e = "") => {
     maxLabelLength: g = 15,
     error: d,
     ...u
-  } = t, h = (_, k) => !l || _.length <= k ? _ : _.substring(0, k - 3) + "...", M = () => {
+  } = t, h = (T, M) => !l || T.length <= M ? T : T.substring(0, M - 3) + "...", A = () => {
     if (s === "item-comparison" && e && e.length > 0) {
-      let _ = "";
-      return e.forEach((k) => {
-        k != null && k.data && k.data.forEach((D) => {
-          const C = D.label || "", H = h(C, g);
-          H.length > _.length && (_ = H);
+      let T = "";
+      return e.forEach((M) => {
+        M != null && M.data && M.data.forEach((D) => {
+          const _ = D.label || "", j = h(_, g);
+          j.length > T.length && (T = j);
         });
-      }), Mt(80, 6, 25, _.length);
+      }), Mt(80, 6, 25, T.length);
     }
     return Mt();
   }, x = {
     ...yn(r),
-    bottom: M()
-  }, j = s === "item-comparison" ? {
+    bottom: A()
+  }, $ = s === "item-comparison" ? {
     xScale: {
       type: "band",
       padding: 0.2
@@ -5351,7 +5385,7 @@ const Yo = (t, e = "") => {
     axis: {
       x: {
         orientation: "bottom",
-        tickFormat: (_) => h(_, g),
+        tickFormat: (T) => h(T, g),
         tickLabelProps: {
           fontSize: 11,
           textAnchor: "end",
@@ -5369,7 +5403,7 @@ const Yo = (t, e = "") => {
         dy: -15
       }
     }
-  }, p = {
+  }, f = {
     data: e,
     withTooltips: o,
     renderTooltip: c,
@@ -5381,13 +5415,13 @@ const Yo = (t, e = "") => {
     // TODO: Fix this inconsistency that seems to be in @automattic/charts
     // Item-comparison mode requires axis config wrapped in 'options' prop
     // Time-comparison mode requires axis config spread directly
-    ...s === "item-comparison" ? { options: j } : j,
+    ...s === "item-comparison" ? { options: $ } : $,
     ...i && { currency: i },
     ...u
   };
-  return /* @__PURE__ */ a(fn, { error: d, children: /* @__PURE__ */ a(jn, { ...p }) });
+  return /* @__PURE__ */ a(fn, { error: d, children: /* @__PURE__ */ a(jn, { ...f }) });
 };
-class Jo extends Dn {
+class Xo extends Dn {
   constructor(e) {
     super(e), this.state = {
       hasError: !1,
@@ -5424,7 +5458,7 @@ class Jo extends Dn {
     if (this.state.hasError) {
       const i = ((e = this.state.error) == null ? void 0 : e.message) || "An error occurred while rendering the chart";
       return /* @__PURE__ */ a(
-        it,
+        rt,
         {
           message: i,
           details: [
@@ -5438,7 +5472,7 @@ class Jo extends Dn {
     return this.props.children;
   }
 }
-const qo = (t) => {
+const Qo = (t) => {
   const {
     data: e,
     currency: i,
@@ -5477,52 +5511,52 @@ const qo = (t) => {
     ...g
   };
   return /* @__PURE__ */ a(fn, { error: l, children: /* @__PURE__ */ a(Un, { ...u }) });
-}, Xo = ({
+}, ec = ({
   data: t,
   className: e = "",
   config: i
 }) => {
-  const [n, o] = Z(null), [c, r] = Z(
+  const [n, o] = Y(null), [c, r] = Y(
     null
-  ), [s, l] = Z(300), g = A(null), d = b(
-    (p) => {
-      var z;
-      const { tooltipData: _ } = p, k = (z = _ == null ? void 0 : _.nearestDatum) == null ? void 0 : z.datum;
-      if (!k)
+  ), [s, l] = Y(300), g = O(null), d = w(
+    (f) => {
+      var H;
+      const { tooltipData: T } = f, M = (H = T == null ? void 0 : T.nearestDatum) == null ? void 0 : H.datum;
+      if (!M)
         return null;
-      const D = (S) => {
+      const D = (I) => {
         if (c != null && c.currency) {
-          const { symbol: m, symbolPosition: V } = c.currency;
-          let G;
-          return S >= 1e6 ? G = `${(S / 1e6).toFixed(
+          const { symbol: V, symbolPosition: m } = c.currency;
+          let z;
+          return I >= 1e6 ? z = `${(I / 1e6).toFixed(
             1
-          )}M` : S >= 1e3 ? G = `${(S / 1e3).toFixed(1)}K` : G = S.toLocaleString(), V === "right" ? `${G}${m}` : `${m}${G}`;
+          )}M` : I >= 1e3 ? z = `${(I / 1e3).toFixed(1)}K` : z = I.toLocaleString(), m === "right" ? `${z}${V}` : `${V}${z}`;
         }
-        return S >= 1e6 ? `${(S / 1e6).toFixed(1)}M` : S >= 1e3 ? `${(S / 1e3).toFixed(1)}K` : S.toLocaleString();
-      }, C = (S) => {
-        const V = Math.floor(
-          ((/* @__PURE__ */ new Date()).getTime() - S.getTime()) / (1e3 * 60 * 60 * 24)
+        return I >= 1e6 ? `${(I / 1e6).toFixed(1)}M` : I >= 1e3 ? `${(I / 1e3).toFixed(1)}K` : I.toLocaleString();
+      }, _ = (I) => {
+        const m = Math.floor(
+          ((/* @__PURE__ */ new Date()).getTime() - I.getTime()) / (1e3 * 60 * 60 * 24)
         );
-        return V === 0 ? E("Today", "a8c-agenttic") : V === 1 ? E("Yesterday", "a8c-agenttic") : V < 7 ? Fe(
+        return m === 0 ? E("Today", "a8c-agenttic") : m === 1 ? E("Yesterday", "a8c-agenttic") : m < 7 ? je(
           /* translators: %d: number of days */
           E("%d days ago", "a8c-agenttic"),
-          V
-        ) : S.toLocaleDateString("en-US", {
+          m
+        ) : I.toLocaleDateString("en-US", {
           year: "numeric",
           month: "short",
           day: "numeric"
         });
-      }, H = k.label, Y = Object.entries(
-        (_ == null ? void 0 : _.datumByKey) || {}
-      ).map(([S, m]) => {
-        const V = m.datum;
+      }, j = M.label, K = Object.entries(
+        (T == null ? void 0 : T.datumByKey) || {}
+      ).map(([I, V]) => {
+        const m = V.datum;
         return {
-          key: S,
-          value: V.value
+          key: I,
+          value: m.value
         };
-      }).sort((S, m) => m.value - S.value);
-      return /* @__PURE__ */ w("div", { children: [
-        H && /* @__PURE__ */ a(
+      }).sort((I, V) => V.value - I.value);
+      return /* @__PURE__ */ C("div", { children: [
+        j && /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -5533,10 +5567,10 @@ const qo = (t) => {
               borderBottom: "1px solid #eee",
               paddingBottom: "2px"
             },
-            children: H
+            children: j
           }
         ),
-        k.date && /* @__PURE__ */ a(
+        M.date && /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -5544,29 +5578,29 @@ const qo = (t) => {
               opacity: 0.8,
               marginBottom: "4px"
             },
-            children: C(k.date)
+            children: _(M.date)
           }
         ),
-        Y.map((S) => /* @__PURE__ */ w(
+        K.map((I) => /* @__PURE__ */ C(
           "div",
           {
             style: { marginBottom: "2px" },
             children: [
-              /* @__PURE__ */ w("strong", { children: [
-                S.key,
+              /* @__PURE__ */ C("strong", { children: [
+                I.key,
                 ":"
               ] }),
               " ",
-              D(S.value)
+              D(I.value)
             ]
           },
-          S.key
+          I.key
         ))
       ] });
     },
     [c == null ? void 0 : c.currency]
   );
-  O(() => {
+  L(() => {
     if (o(null), r(null), !t || typeof t != "string") {
       o({
         message: E("Invalid chart data provided", "a8c-agenttic"),
@@ -5575,8 +5609,8 @@ const qo = (t) => {
       return;
     }
     try {
-      const p = JSON.parse(t.trim());
-      if (!p.chartType) {
+      const f = JSON.parse(t.trim());
+      if (!f.chartType) {
         o({
           message: E(
             "Chart data must include chartType",
@@ -5586,7 +5620,7 @@ const qo = (t) => {
         });
         return;
       }
-      if (!p.data || !Array.isArray(p.data)) {
+      if (!f.data || !Array.isArray(f.data)) {
         o({
           message: E(
             "Chart data must include a data array",
@@ -5596,7 +5630,7 @@ const qo = (t) => {
         });
         return;
       }
-      if (p.data.length === 0) {
+      if (f.data.length === 0) {
         o({
           message: E(
             "No data points found for chart",
@@ -5606,37 +5640,37 @@ const qo = (t) => {
         });
         return;
       }
-      const _ = p.data.map((D) => ({
+      const T = f.data.map((D) => ({
         ...D,
-        data: D.data.map((C) => {
-          if (C.date) {
-            const H = new Date(C.date);
-            return isNaN(H.getTime()) ? (console.warn(
-              `Invalid date string: "${C.date}" in series "${D.label}"`
+        data: D.data.map((_) => {
+          if (_.date) {
+            const j = new Date(_.date);
+            return isNaN(j.getTime()) ? (console.warn(
+              `Invalid date string: "${_.date}" in series "${D.label}"`
             ), {
-              label: C.label,
-              value: C.value,
+              label: _.label,
+              value: _.value,
               date: void 0
             }) : {
-              label: C.label,
-              value: C.value,
-              date: H
+              label: _.label,
+              value: _.value,
+              date: j
             };
           }
           return {
-            label: C.label,
-            value: C.value,
+            label: _.label,
+            value: _.value,
             date: void 0
           };
         })
-      })), k = {
-        chartType: p.chartType,
-        title: p.title,
-        data: _,
-        currency: p.currency,
-        mode: p.mode || "time-comparison"
+      })), M = {
+        chartType: f.chartType,
+        title: f.title,
+        data: T,
+        currency: f.currency,
+        mode: f.mode || "time-comparison"
       };
-      r(k);
+      r(M);
     } catch {
       o({
         message: E(
@@ -5647,48 +5681,48 @@ const qo = (t) => {
       });
     }
   }, [t]);
-  const u = b((p) => {
-    if (g.current && g.current.disconnect(), p) {
-      const { width: _ } = p.getBoundingClientRect(), k = Math.max(280, _ - 4);
-      l(k), g.current = new ResizeObserver((D) => {
-        for (const C of D) {
-          const H = C.contentRect.width, Y = Math.max(
+  const u = w((f) => {
+    if (g.current && g.current.disconnect(), f) {
+      const { width: T } = f.getBoundingClientRect(), M = Math.max(280, T - 4);
+      l(M), g.current = new ResizeObserver((D) => {
+        for (const _ of D) {
+          const j = _.contentRect.width, K = Math.max(
             280,
-            H - 4
+            j - 4
           );
-          l(Y);
+          l(K);
         }
-      }), g.current.observe(p);
+      }), g.current.observe(f);
     }
   }, []);
-  if (O(() => () => {
+  if (L(() => () => {
     g.current && (g.current.disconnect(), g.current = null);
   }, []), n)
-    return /* @__PURE__ */ a(it, { message: n.message, details: n.details });
+    return /* @__PURE__ */ a(rt, { message: n.message, details: n.details });
   if (!c)
     return /* @__PURE__ */ a(
-      it,
+      rt,
       {
         message: E("No chart data available", "a8c-agenttic")
       }
     );
-  const M = c.data.length > 1, x = s, N = {
+  const A = c.data.length > 1, x = s, N = {
     data: c.data,
     currency: c.currency,
-    showLegend: M,
+    showLegend: A,
     withTooltips: !0,
     renderTooltip: d,
     error: null,
     maxWidth: x,
     aspectRatio: 1.2,
     resizeDebounceTime: 300
-  }, j = () => {
+  }, $ = () => {
     switch (c.chartType) {
       case "line":
-        return /* @__PURE__ */ a(qo, { ...N });
+        return /* @__PURE__ */ a(Qo, { ...N });
       case "bar":
         return /* @__PURE__ */ a(
-          Ko,
+          qo,
           {
             ...N,
             mode: c.mode
@@ -5696,9 +5730,9 @@ const qo = (t) => {
         );
       default:
         return /* @__PURE__ */ a(
-          it,
+          rt,
           {
-            message: Fe(
+            message: je(
               /* translators: %s: chart type name */
               E("Unsupported chart type: %s", "a8c-agenttic"),
               c.chartType
@@ -5707,48 +5741,48 @@ const qo = (t) => {
         );
     }
   };
-  return /* @__PURE__ */ a(Jo, { chartData: t, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ a(Xo, { chartData: t, children: /* @__PURE__ */ C(
     "div",
     {
       ref: u,
       className: `chart-block ${e}`,
       children: [
         c.title && /* @__PURE__ */ a("h3", { className: "chart-block-title", children: c.title }),
-        /* @__PURE__ */ a("div", { className: "chart-container", children: j() })
+        /* @__PURE__ */ a("div", { className: "chart-container", children: $() })
       ]
     }
   ) });
 };
-function Qo(t) {
+function tc(t) {
   return function(i) {
     const { children: n, className: o, ...c } = i;
     if (!(o == null ? void 0 : o.includes("language-chart")))
-      return ae.createElement(
+      return ne.createElement(
         "code",
         { className: o, ...c },
         n
       );
     const s = typeof n == "string" ? n : "";
-    return ae.createElement(Xo, {
+    return ne.createElement(ec, {
       data: s,
       className: "markdown-chart",
       config: t
     });
   };
 }
-function ec(t) {
+function ac(t) {
   var n, o;
   const e = {}, i = [];
-  return (n = t == null ? void 0 : t.charts) != null && n.enabled && (e.code = Qo(t.charts.config)), (o = t == null ? void 0 : t.gfm) != null && o.enabled && i.push(Pn), { components: e, remarkPlugins: i };
+  return (n = t == null ? void 0 : t.charts) != null && n.enabled && (e.code = tc(t.charts.config)), (o = t == null ? void 0 : t.gfm) != null && o.enabled && i.push(Pn), { components: e, remarkPlugins: i };
 }
-function tc(t, e = {}) {
+function nc(t, e = {}) {
   return {
     ...t,
     ...e
   };
 }
 let gt = null, mt = null;
-async function ac() {
+async function ic() {
   return gt || mt || (mt = Promise.all([
     import("./parseIncompleteMarkdown-Di9Hun9H.js"),
     import("./parseBlocks-CiOUXvxi.js")
@@ -5757,20 +5791,20 @@ async function ac() {
     parseMarkdownIntoBlocks: e.parseMarkdownIntoBlocks
   }, gt)), mt);
 }
-function xc(t = {}) {
+function Ec(t = {}) {
   const {
     components: e = {},
     extensions: i = {},
     remarkPlugins: n = [],
     enableStreaming: o = !1
-  } = t, c = ec(i), r = tc(
+  } = t, c = ac(i), r = nc(
     c.components,
     e
   ), s = [...c.remarkPlugins, ...n];
   return function({ children: g }) {
-    const [d, u] = ae.useState(g);
-    return ae.useEffect(() => {
-      o ? ac().then(async (h) => {
+    const [d, u] = ne.useState(g);
+    return ne.useEffect(() => {
+      o ? ic().then(async (h) => {
         const x = (await h.parseMarkdownIntoBlocks(g)).map((N) => h.parseIncompleteMarkdown(
           N.trim()
         )).join(`
@@ -5790,7 +5824,7 @@ function xc(t = {}) {
     );
   };
 }
-const Dc = (t) => {
+const Rc = (t) => {
   const e = t.condition || (() => !0), i = {}, n = [], o = () => {
     n.forEach((r) => r());
   }, c = async (r, s) => {
@@ -5843,64 +5877,64 @@ const Dc = (t) => {
   };
 };
 export {
-  fc as AgentUI,
+  yc as AgentUI,
   on as AgentUIContainer,
   xt as AgentUIConversationView,
   hn as AgentUIFooter,
   St as AgentUIHeader,
   un as AgentUIInput,
-  lo as AgentUIInputToolbar,
+  go as AgentUIInputToolbar,
   dn as AgentUIMessages,
   pn as AgentUINotice,
   Vt as AgentUIProvider,
   gn as AgentUISuggestions,
-  Lc as AltIcon,
+  xc as AltIcon,
   Ji as AnimatedPlaceholder,
   Bi as ArrowUpIcon,
-  kr as AssistantAvatarIcon,
-  Ko as BarChart,
+  Ar as AssistantAvatarIcon,
+  qo as BarChart,
   Lt as BigSkyIcon,
-  Nc as BlurIcon,
-  Xo as ChartBlock,
-  vc as Chat,
-  go as ChatFooter,
+  Dc as BlurIcon,
+  ec as ChartBlock,
+  bc as Chat,
+  po as ChatFooter,
   sn as ChatHeader,
   Nt as ChatInput,
   an as ChevronUpIcon,
   en as CollapsedView,
   nn as CompactView,
   Gt as ConversationView,
-  Ic as CopyIcon,
-  wc as EmptyView,
-  Cc as ImageRenderer,
-  yc as ImageUploader,
-  qo as LineChart,
-  Rr as Message,
+  kc as CopyIcon,
+  _c as EmptyView,
+  Tc as ImageRenderer,
+  wc as ImageUploader,
+  Qo as LineChart,
+  $r as Message,
   zt as MessageActions,
-  bc as MessageDivider,
+  Cc as MessageDivider,
   ln as Messages,
   rn as MinimizedView,
   mn as Notice,
-  Vr as PlusIcon,
-  Pc as QuestionCard,
-  Oc as RegenerateAltIcon,
-  Ac as RegenerateIcon,
+  zr as PlusIcon,
+  Fc as QuestionCard,
+  Nc as RegenerateAltIcon,
+  Lc as RegenerateIcon,
   Hi as StopIcon,
-  Sc as StylesIcon,
+  Mc as StylesIcon,
   vt as Suggestions,
-  Br as ThinkingMessage,
-  Tc as ThumbsDownIcon,
-  _c as ThumbsUpIcon,
+  Vr as ThinkingMessage,
+  Sc as ThumbsDownIcon,
+  Ic as ThumbsUpIcon,
   cn as XIcon,
-  kc as ZoomIcon,
-  Mc as ZoomIconFilled,
-  hc as animations,
-  pe as cn,
-  Dc as createFeedbackActions,
-  xc as createMessageRenderer,
-  fc as default,
+  Ac as ZoomIcon,
+  Oc as ZoomIconFilled,
+  vc as animations,
+  de as cn,
+  Rc as createFeedbackActions,
+  Ec as createMessageRenderer,
+  yc as default,
   _i as loadAgentticTranslations,
-  Oe as useAgentUIContext,
+  Ne as useAgentUIContext,
   Za as useChat,
   Ya as useInput
 };