@automattic/agenttic-ui 0.1.71 → 0.1.72

package/dist/index.js

@@ -1,8 +1,8 @@
 import './global.css';import './index.css';/* empty css           */
-import { jsx as a, jsxs as w, Fragment as Je } 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 ot, memo as Kt, forwardRef as Jt, useImperativeHandle as xn, Component as Dn } from "react";
-import { c as ge } from "./QuestionCard-KolZKB58.js";
+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";
@@ -12,7 +12,7 @@ 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,
@@ -1670,14 +1670,14 @@ function Ci(t, e) {
     if (c) {
       const r = "", s = Object.fromEntries(
         Object.entries(c).map(([l, g]) => {
-          var p;
+          var h;
           if (l === "")
             return [
               "",
               {
                 ...c[""],
                 domain: i,
-                lang: ((p = c[""]) == null ? void 0 : p.lang) || t
+                lang: ((h = c[""]) == null ? void 0 : h.lang) || t
               }
             ];
           const d = l.indexOf(r);
@@ -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 p = u.scrollHeight, M = 40, x = 200;
+    const h = u.scrollHeight, A = 40, x = 200;
     u.style.height = `${Math.min(
-      Math.max(p, 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) {
@@ -1878,7 +1878,7 @@ const It = {
   springConfig: It,
   thinkingGradientKeyframes: Si
 }, Symbol.toStringTag, { value: "Module" })), Qa = On(null);
-function Le() {
+function Ne() {
   const t = Ln(Qa);
   if (!t)
     throw new Error(
@@ -1912,16 +1912,16 @@ const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-mo
     pressed: s,
     ...l
   }, g) {
-    const d = r ? En : "button", u = !!o, p = n || (u && !c ? "icon" : void 0);
-    return /* @__PURE__ */ w(
+    const d = r ? En : "button", u = !!o, h = n || (u && !c ? "icon" : void 0);
+    return /* @__PURE__ */ C(
       d,
       {
         ref: g,
         "data-slot": "button",
-        className: ge(
+        className: de(
           et.button,
           et[i],
-          p && et[p],
+          h && et[h],
           u && c ? et.withTextAndIcon : void 0,
           s ? et.pressed : void 0,
           e
@@ -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,
@@ -2104,8 +2104,8 @@ 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
@@ -2116,7 +2116,7 @@ function Ji({
     se.span,
     {
       "data-slot": "animated-placeholder",
-      className: ge(Ki.container, i),
+      className: de(Ki.container, i),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -2143,53 +2143,53 @@ function Nt({
   onClick: g,
   fromCompact: d = !1,
   onExpand: u,
-  showExpandButton: p = !0,
-  focusOnMount: M = !1,
+  showExpandButton: h = !0,
+  focusOnMount: A = !1,
   customActions: x = [],
   actionOrder: N = "before-submit",
-  onStop: j,
-  disabled: h,
-  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 } = Le(), 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.
-    h !== void 0 ? !h : (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 || Fe.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 : p && u ? /* @__PURE__ */ a(
+    v.id
+  )), J = () => K === "embedded" || H === "expanded" || D ? null : h && u ? /* @__PURE__ */ a(
     we,
     {
       className: Fe.button,
@@ -2198,33 +2198,33 @@ function Nt({
       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: Fe.button,
-        onClick: T,
-        disabled: !m,
+        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: `${Fe.container}${C === "stacked" ? ` ${Fe.containerStacked}` : ""}`,
-      onMouseEnter: _,
-      onMouseLeave: k,
+      className: `${Fe.container}${_ === "stacked" ? ` ${Fe.containerStacked}` : ""}`,
+      onMouseEnter: T,
+      onMouseLeave: M,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ C(
           se.div,
           {
             className: Fe.textareaContainer,
@@ -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,7 +2262,7 @@ function Nt({
             ]
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ C(
           se.div,
           {
             className: Fe.actions,
@@ -2276,10 +2276,10 @@ function Nt({
               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()
             ]
           }
         )
@@ -2315,7 +2315,7 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   chevronOpen: er,
   dropdown: tr,
   option: ar
-}, nr = "Suggestions-module_container", ir = "Suggestions-module_vertical", rr = "Suggestions-module_button", or = "Suggestions-module_label", cr = "Suggestions-module_description", sr = "Suggestions-module_floating", Oe = {
+}, 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,
@@ -2329,48 +2329,48 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   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, p] = ae.useState(void 0), M = ae.useCallback(
-    (h) => {
-      if (r.current = h, !h) {
+  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(
-        h.closest(".agenttic") ?? h
+        f.closest(".agenttic") ?? f
       ), d(
-        h.closest(
+        f.closest(
           '[data-slot="conversation-view"]'
         ) ?? null
       );
     },
     []
-  ), x = ae.useCallback((h) => {
-    var _;
-    if (h) {
-      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 && p(k.clientWidth * 0.9);
+      M && h(M.clientWidth * 0.9);
     }
-    c(h), n == null || n(h);
-  }, [n]), N = (h) => {
-    const { options: _, ...k } = t, D = {
-      ...k,
+    c(f), n == null || n(f);
+  }, [n]), N = (f) => {
+    const { options: T, ...M } = t, D = {
+      ...M,
       prompt: lr(
         t.prompt ?? t.label,
-        h.value
+        f.value
       ),
-      label: `${t.label} ${h.label}`
+      label: `${t.label} ${f.label}`
     };
     e == null || e(D, i), x(!1);
   };
-  return /* @__PURE__ */ a("div", { ref: M, className: tt.container, children: /* @__PURE__ */ w(Ue.Root, { open: o, onOpenChange: x, children: [
-    /* @__PURE__ */ a(Ue.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: Oe.button,
+        className: Le.button,
         children: [
           t.label,
           /* @__PURE__ */ a(
@@ -2393,16 +2393,16 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
         collisionBoundary: g,
         "aria-label": t.label,
         style: u ? { width: u } : void 0,
-        children: (j = t.options) == null ? void 0 : j.map((h) => /* @__PURE__ */ a(
+        children: ($ = t.options) == null ? void 0 : $.map((f) => /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             "data-slot": "suggestion-option",
             className: tt.option,
-            onClick: () => N(h),
-            children: h.label
+            onClick: () => N(f),
+            children: f.label
           },
-          h.id
+          f.id
         ))
       }
     ) })
@@ -2418,20 +2418,20 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   onDropdownOpenChange: s,
   translateY: l = "-100%"
 }) => {
-  const { variant: g } = Le(), d = ot(
+  const { variant: g } = Ne(), d = ot(
     () => g === "floating" ? e == null ? void 0 : e.slice(0, 3) : e,
     [e, g]
-  ), u = async (p, M) => {
+  ), u = async (h, A) => {
     let x = !0;
-    p.action && (x = await p.action()), x && i && p.prompt && i(p, M);
+    h.action && (x = await h.action()), x && i && h.prompt && i(h, A);
   };
   return !d || d.length === 0 ? null : /* @__PURE__ */ a(ct, { children: o && /* @__PURE__ */ a(
     se.div,
     {
       "data-slot": "suggestions",
-      className: ge(
-        Oe.container,
-        n === "vertical" ? Oe.vertical : n === "floating" ? Oe.floating : "",
+      className: de(
+        Le.container,
+        n === "vertical" ? Le.vertical : n === "floating" ? Le.floating : "",
         t
       ),
       initial: { opacity: 0, y: "-80%" },
@@ -2441,8 +2441,8 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
       onMouseEnter: c,
       onMouseLeave: r,
       children: d.map(
-        (p, M) => {
-          const x = !!p.description && n !== "horizontal";
+        (h, A) => {
+          const x = !!h.description && n !== "horizontal";
           return /* @__PURE__ */ a(
             se.div,
             {
@@ -2451,12 +2451,12 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
               exit: { opacity: 0, y: 10 },
               transition: {
                 ...ft,
-                delay: M * 0.05
+                delay: A * 0.05
               },
-              children: p.options && p.options.length > 0 ? /* @__PURE__ */ a(
+              children: h.options && h.options.length > 0 ? /* @__PURE__ */ a(
                 dr,
                 {
-                  suggestion: p,
+                  suggestion: h,
                   onSelect: u,
                   availableSuggestions: d,
                   onOpenChange: s
@@ -2466,32 +2466,32 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
                 {
                   onClick: (N) => {
                     N.stopPropagation(), u(
-                      p,
+                      h,
                       d
                     );
                   },
                   variant: "outline",
-                  className: Oe.button,
-                  children: /* @__PURE__ */ w(
+                  className: Le.button,
+                  children: /* @__PURE__ */ C(
                     "div",
                     {
-                      className: ge(
-                        Oe["suggestion-content"],
-                        x ? Oe["suggestion-content--with-description"] : ""
+                      className: de(
+                        Le["suggestion-content"],
+                        x ? Le["suggestion-content--with-description"] : ""
                       ),
                       children: [
                         /* @__PURE__ */ a(
                           "span",
                           {
-                            className: Oe.label,
-                            children: p.label
+                            className: Le.label,
+                            children: h.label
                           }
                         ),
                         x && /* @__PURE__ */ a(
                           "span",
                           {
-                            className: Oe.description,
-                            children: p.description
+                            className: Le.description,
+                            children: h.description
                           }
                         )
                       ]
@@ -2500,7 +2500,7 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
                 }
               )
             },
-            p.id
+            h.id
           );
         }
       )
@@ -2508,22 +2508,22 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   ) });
 };
 function ur() {
-  const t = A(/* @__PURE__ */ new Map()), e = b((c) => {
+  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,
@@ -2544,36 +2544,36 @@ function nn({
   onExpand: g,
   showExpandButton: d = !0,
   focusOnMount: u = !1,
-  customActions: p,
-  actionOrder: M,
+  customActions: h,
+  actionOrder: A,
   onStop: x,
   suggestions: N,
-  clearSuggestions: j,
-  handleSuggestionSubmit: h,
-  expandOnClick: _ = !1
+  clearSuggestions: $,
+  handleSuggestionSubmit: f,
+  expandOnClick: T = !1
 }) {
-  const [k, D] = Z(!1), [C, H] = Z(!1), { setNamedTimeout: Y, clearAllTimeouts: z } = ur(), S = b(() => {
-    Y(
+  const [M, D] = Y(!1), [_, j] = Y(!1), { setNamedTimeout: K, clearAllTimeouts: H } = ur(), I = w(() => {
+    K(
       "hide-suggestions",
       () => {
         D(!1);
       },
       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;
     }
@@ -2581,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(Je, { children: [
+    _,
+    H,
+    I
+  ]), /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       Nt,
       {
@@ -2605,28 +2605,28 @@ function nn({
         isProcessing: r,
         onBlur: s,
         onFocus: l,
-        onClick: ne,
+        onClick: ie,
         onExpand: g,
         showExpandButton: d,
         focusOnMount: u,
-        customActions: p,
-        actionOrder: M,
+        customActions: h,
+        actionOrder: A,
         onStop: x,
-        expandOnClick: _,
-        onMouseEnter: V,
-        onMouseLeave: () => m()
+        expandOnClick: T,
+        onMouseEnter: m,
+        onMouseLeave: () => V()
       }
     ),
     !t && /* @__PURE__ */ a(
       vt,
       {
         suggestions: N,
-        onSubmit: h,
+        onSubmit: f,
         layout: "floating",
-        visible: k,
-        onMouseEnter: V,
-        onMouseLeave: () => m(),
-        onDropdownOpenChange: G
+        visible: M,
+        onMouseEnter: m,
+        onMouseLeave: () => V(),
+        onDropdownOpenChange: z
       }
     )
   ] });
@@ -2642,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,
@@ -2670,7 +2670,7 @@ function rn({
           duration: 0.15
         }
       },
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ C(
         we,
         {
           ref: o,
@@ -2729,254 +2729,254 @@ function on({
   notice: g,
   onOpen: d,
   onExpand: u,
-  onClose: p,
-  onStop: M,
+  onClose: h,
+  onStop: A,
   emptyView: x,
   floatingChatState: N,
-  suggestions: j,
-  clearSuggestions: h,
-  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: me
+  onInputLimitExceeded: z,
+  expandOnClick: ie,
+  expandOnHover: W = !0,
+  thinkingMessage: Se,
+  initialChatPosition: ge,
+  onChatPositionChange: J,
+  onTypingStatusChange: Ce,
+  freeDrag: v = !1,
+  initialFreeDragPosition: _e,
+  onFreeDragEnd: ke
 }) {
-  const Ne = Y !== void 0, [Ee, xe] = Z(""), le = Ne ? Y : Ee, Re = Ne ? z : xe, v = Za(N), ce = A(!1), X = A(!1), ke = A(!1), [Ve, Ie] = Z(!1), [f, R] = Z(!1), [K, U] = Z(!1), te = Ti(), [fe, pe] = 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 && (pe(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 De = b(() => {
+  const fe = w(() => {
     U(!0);
-  }, []), We = 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()), qe = b(() => {
-    ve.current.forEach((I) => {
-      clearTimeout(I);
-    }), ve.current.clear();
-  }, []), B = Ya({
-    value: le,
-    setValue: Re,
-    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
-  }), [st, L] = Z(56), [$, J] = Z(
-    Ja(ie)
-  ), de = A(null), Me = A(null), Se = A(null), { x: Pe, y: ze } = qa({
-    freeDrag: T,
-    initialFreeDragPosition: Te,
-    side: $
-  }), he = pt(Pe), ue = pt(ze), yt = qt(), bt = b(
-    async (I, F) => {
-      const W = I.prompt ?? I.label;
-      if (I.autoSubmit) {
-        h == null || h();
-        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), h == null || h(), 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);
     },
-    [h, o, _, B]
-  ), wt = b(() => {
-    ce.current = !0, v.open(), d == null || d(), u == null || u();
-  }, [v, d, u]), Xe = 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" ? st : y.EXPANDED_HEIGHT,
-    [st]
-  ), bn = b(() => {
-    if (q && v.state === "collapsed" && (v.setState("compact"), v.initialState === "collapsed")) {
-      const I = setTimeout(() => {
-        v.state === "compact" && Xe() && 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, Xe, q]), Dt = b(() => {
-    if (v.initialState === "collapsed" && v.state === "compact" && Xe()) {
-      const I = setTimeout(() => {
-        v.state === "compact" && Xe() && 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, Xe]), 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(), p && p();
-  }, [B, v, p]), Ge = 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), dt = new DOMMatrixReadOnly(Q.transform), Ut = F.x - dt.e, $e = F.y - dt.f, Qe = I ?? $, Bt = Ct(v.state), Mn = Qe === "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 - $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) {
-        me == null || me({ 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, dt = (window.innerWidth - Q) / 2, $e = W < dt ? "left" : "right";
-      $ !== $e && (J($e), ht($e), oe == null || oe($e));
-      const Qe = Ge($e);
-      Qe && (ye(he, Qe.x, {
+      const Qe = ze($e);
+      Qe && (ye(ce, Qe.x, {
         ...re.SPRING_CONFIG,
-        velocity: F.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(ue, Qe.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,
-      Ge,
-      oe,
-      $,
-      T,
-      me
+      ce,
+      le,
+      ze,
+      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 = Ge(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,
-    Ge,
-    oe,
-    $
+    v,
+    ce,
+    le,
+    ze,
+    J,
+    S
   ]);
-  const lt = 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) {
-      lt.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 (lt.current === null)
       return;
-    const W = ye(
-      ue,
+    const B = ye(
+      le,
       lt.current,
       re.SPRING_CONFIG
     );
-    return lt.current = null, () => W.stop();
-  }, [v.state, T, ue]);
-  const Ft = A(v.state), In = Ft.current === "compact" && v.state === "expanded";
-  O(() => {
-    qe(), Ft.current = v.state;
-  }, [v.state, qe]), 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 = Ge();
-      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, Ge, 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 ? {
+  }) : 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"
@@ -2986,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: h,
+    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: De,
+    onInputFocus: fe,
     onInputBlur: We
   };
   return c === "embedded" ? /* @__PURE__ */ a(Vt, { value: jt, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: ge(
-        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(Cr, {}),
+    p && /* @__PURE__ */ a(Cr, {}),
     /* @__PURE__ */ a(
       se.div,
       {
-        ref: Se,
+        ref: ve,
         "data-slot": "chat-floating",
-        className: ge(H, be.container, be.floating, {
-          [be.expanded]: v.state === "expanded",
-          animating: Ve
+        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: 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,
@@ -3091,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 } : He
+              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(ct, { 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: De,
+                  onFocus: fe,
                   onExpand: Rt,
-                  showExpandButton: !B.value.trim(),
-                  focusOnMount: ce.current,
-                  onStop: M,
-                  suggestions: j,
-                  clearSuggestions: h,
+                  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
             ] })
           }
         )
@@ -3202,7 +3202,7 @@ function sn({ onClose: t, className: e }) {
   );
 }
 function St({ className: t } = {}) {
-  const { onClose: e } = Le();
+  const { onClose: e } = Ne();
   return /* @__PURE__ */ a(sn, { onClose: e, className: t });
 }
 const Ir = 0.12, Sr = 1;
@@ -3210,9 +3210,9 @@ 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;
@@ -3229,16 +3229,16 @@ function kr({
         s();
         return;
       }
-      const p = u - d.scrollTop;
-      if (p <= Sr) {
+      const h = u - d.scrollTop;
+      if (h <= Sr) {
         d.scrollTop = u, s();
         return;
       }
-      d.scrollTop += Math.ceil(p * Ir), 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;
@@ -3252,7 +3252,7 @@ function kr({
     }), () => {
       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;
@@ -3283,7 +3283,7 @@ function Mr(t) {
   return (i == null ? void 0 : i.offsetTop) ?? null;
 }
 function Ar({ className: t, size: e = 28 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       className: t,
@@ -3368,7 +3368,7 @@ function zt({
     }
   );
 }
-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", Ze = {
+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,
@@ -3376,7 +3376,7 @@ const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-m
   icon: Er,
   content: Rr,
   disabled: Pr
-}, $r = ae.forwardRef(
+}, $r = ne.forwardRef(
   function({
     message: e,
     messageRenderer: i = At,
@@ -3384,7 +3384,7 @@ const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-m
   }, o) {
     const c = Array.isArray(e.content) ? e.content : [], r = n && e.role !== "user" && e.showIcon && c.some(
       (l) => l.type === "text" && !!l.text
-    ), s = () => /* @__PURE__ */ a(Je, { children: c.map((l, g) => {
+    ), s = () => /* @__PURE__ */ a(Ke, { children: c.map((l, g) => {
       if (l.type === "text" && l.text)
         return /* @__PURE__ */ a(i, { children: l.text }, g);
       if (l.type === "component" && l.component) {
@@ -3399,7 +3399,7 @@ const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-m
       }
       return null;
     }) });
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ C(
       se.div,
       {
         ref: o,
@@ -3408,23 +3408,23 @@ const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-m
         animate: "visible",
         "data-slot": "message",
         "data-role": e.role,
-        className: ge(
-          Ze.message,
-          Ze[e.role],
-          e.disabled ? Ze.disabled : void 0
+        className: de(
+          Ge.message,
+          Ge[e.role],
+          e.disabled ? Ge.disabled : void 0
         ),
         children: [
-          r && /* @__PURE__ */ a("div", { className: Ze.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(Ar, { size: 28 }) }),
-          /* @__PURE__ */ w(
+          r && /* @__PURE__ */ a("div", { className: Ge.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(Ar, { size: 28 }) }),
+          /* @__PURE__ */ C(
             "div",
             {
-              className: Ze.content,
+              className: Ge.content,
               title: e.disabled ? E(
                 "This action is no longer available or cannot be performed",
                 "a8c-agenttic"
               ) : void 0,
               children: [
-                /* @__PURE__ */ a("div", { className: Ze.bubble, children: s() }),
+                /* @__PURE__ */ a("div", { className: Ge.bubble, children: s() }),
                 e.role !== "user" && /* @__PURE__ */ a(zt, { message: e })
               ]
             }
@@ -3442,12 +3442,12 @@ const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-m
   icon: Br,
   content: Hr
 }, Vr = Kt(
-  ae.forwardRef(
+  ne.forwardRef(
     function({
       content: e = E("Thinking…", "a8c-agenttic")
     }, i) {
       const n = ot(() => /* @__PURE__ */ a(Lt, {}), []);
-      return /* @__PURE__ */ w(
+      return /* @__PURE__ */ C(
         "div",
         {
           ref: i,
@@ -3477,19 +3477,19 @@ function ln({
   messagesPosition: r = "top",
   showAgentIcon: s
 }) {
-  const l = A(null), g = Wr(t);
+  const l = O(null), g = Wr(t);
   kr({ scrollAreaRef: l, visibleMessages: g });
   const d = ot(() => {
-    const M = g.filter(
+    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(" ") : "";
-  }, [g]), [u] = Rn(d, 1e3), p = d !== u;
+    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: ge(
+      className: de(
         at.container,
         at.emptyState,
         r === "bottom" ? at.bottomMessages : ""
@@ -3497,7 +3497,7 @@ function ln({
       ref: l,
       children: n
     }
-  ) : null : /* @__PURE__ */ w(Je, { children: [
+  ) : null : /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -3517,22 +3517,22 @@ function ln({
       "div",
       {
         "data-slot": "messages",
-        className: ge(
+        className: de(
           at.container,
           r === "bottom" ? at.bottomMessages : ""
         ),
         ref: l,
-        children: /* @__PURE__ */ w(ct, { mode: "popLayout", children: [
-          g.map((M) => /* @__PURE__ */ a(
+        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 && !p && /* @__PURE__ */ a(Vr, { content: c }),
+          e && !h && /* @__PURE__ */ a(Vr, { content: c }),
           i && /* @__PURE__ */ a(
             "div",
             {
@@ -3560,7 +3560,7 @@ function dn({ className: t } = {}) {
     messagesPosition: r,
     showAgentIcon: s,
     thinkingMessage: l
-  } = Le();
+  } = Ne();
   return /* @__PURE__ */ a(
     ln,
     {
@@ -3611,23 +3611,23 @@ function un({
     handleSubmit: g,
     handleKeyDown: d,
     textareaRef: u,
-    placeholder: p,
-    isProcessing: M,
+    placeholder: h,
+    isProcessing: A,
     onStop: x,
     fromCompact: N,
-    onExpand: j,
-    showExpandButton: h,
-    focusOnMount: _,
-    onInputFocus: k,
+    onExpand: $,
+    showExpandButton: f,
+    focusOnMount: T,
+    onInputFocus: M,
     onInputBlur: D
-  } = Le(), C = (z) => {
-    o == null || o(z), !z.defaultPrevented && d(z);
-  }, H = ot(() => r ? [{
+  } = Ne(), _ = (H) => {
+    o == null || o(H), !H.defaultPrevented && d(H);
+  }, j = ot(() => r ? [{
     id: "image-upload",
     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")
@@ -3638,19 +3638,19 @@ function un({
       value: s,
       onChange: l,
       onSubmit: g,
-      onKeyDown: C,
-      onFocus: k,
+      onKeyDown: _,
+      onFocus: M,
       onBlur: D,
       textareaRef: u,
-      placeholder: p,
-      isProcessing: M,
+      placeholder: h,
+      isProcessing: A,
       onStop: x,
       fromCompact: N,
-      onExpand: j,
-      showExpandButton: h,
-      focusOnMount: _,
+      onExpand: $,
+      showExpandButton: f,
+      focusOnMount: T,
       disabled: e,
-      customActions: H,
+      customActions: j,
       actionOrder: n,
       className: t,
       layout: c ?? (r ? "stacked" : "inline")
@@ -3669,13 +3669,13 @@ function gn({
     messages: r,
     variant: s,
     emptyView: l
-  } = Le(), g = b(
+  } = Ne(), g = w(
     (d, u) => {
       try {
-        const p = d.prompt ?? d.label;
-        i == null || i(p);
-      } catch (p) {
-        console.warn("Suggestions onSelect callback failed:", p);
+        const h = d.prompt ?? d.label;
+        i == null || i(h);
+      } catch (h) {
+        console.warn("Suggestions onSelect callback failed:", h);
       }
       o(d, u);
     },
@@ -3691,7 +3691,7 @@ function gn({
   );
 }
 function Gr({ className: t, size: e = 18 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -3725,7 +3725,7 @@ function Gr({ className: t, size: e = 18 }) {
   );
 }
 function Zr({ className: t, size: e = 18 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -3764,7 +3764,7 @@ function Zr({ className: t, size: e = 18 }) {
     }
   );
 }
-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", Ae = {
+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,
@@ -3784,8 +3784,8 @@ 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;
@@ -3798,22 +3798,22 @@ function mn({
         return null;
     }
   }, [t, r])();
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "div",
     {
       "data-slot": "notice",
-      className: ge(
-        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,
             {
@@ -3834,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
@@ -3847,7 +3847,7 @@ function mn({
           n && o && /* @__PURE__ */ a(
             we,
             {
-              className: Ae.dismissible,
+              className: Oe.dismissible,
               onClick: o,
               variant: "ghost",
               size: "sm",
@@ -3860,7 +3860,7 @@ function mn({
   );
 }
 function pn({ className: t } = {}) {
-  const { notice: e } = Le();
+  const { notice: e } = Ne();
   return e ? /* @__PURE__ */ a(
     mn,
     {
@@ -3885,17 +3885,17 @@ function hn({
     se.div,
     {
       "data-slot": "chat-footer",
-      className: ge(kt.container, e),
+      className: de(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
       transition: { ...Be },
       children: t
     }
-  ) : /* @__PURE__ */ w(
+  ) : /* @__PURE__ */ C(
     se.div,
     {
       "data-slot": "chat-footer",
-      className: ge(kt.container, e),
+      className: de(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
       transition: { ...Be },
@@ -3907,7 +3907,7 @@ function hn({
     }
   );
 }
-const io = "ConversationView-module_container", ro = "ConversationView-module_withHeader", Ke = {
+const io = "ConversationView-module_container", ro = "ConversationView-module_withHeader", Ye = {
   container: io,
   withHeader: ro
 }, xt = Jt(function({
@@ -3915,32 +3915,32 @@ const io = "ConversationView-module_container", ro = "ConversationView-module_wi
   children: i,
   className: n
 } = {}, o) {
-  const { onClose: c } = Le();
-  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",
       {
         ref: o,
         "data-slot": "conversation-view",
-        className: `${Ke.container}${r ? ` ${Ke.withHeader}` : ""}${n ? ` ${n}` : ""}`,
+        className: `${Ye.container}${r ? ` ${Ye.withHeader}` : ""}${n ? ` ${n}` : ""}`,
         children: i
       }
     );
   }
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "div",
     {
       ref: o,
       "data-slot": "conversation-view",
-      className: `${Ke.container}${e ? ` ${Ke.withHeader}` : ""}${n ? ` ${n}` : ""}`,
+      className: `${Ye.container}${e ? ` ${Ye.withHeader}` : ""}${n ? ` ${n}` : ""}`,
       children: [
         e && /* @__PURE__ */ a(St, {}),
         /* @__PURE__ */ a(dn, {}),
@@ -3964,9 +3964,9 @@ function go({
   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: nt.container, children: /* @__PURE__ */ w(Ue.Root, { open: c, onOpenChange: r, children: [
-    /* @__PURE__ */ a(Ue.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",
@@ -4031,7 +4031,7 @@ const mo = {
     on,
     {
       ...t,
-      className: ge("agenttic", t.className),
+      className: de("agenttic", t.className),
       children: /* @__PURE__ */ a(
         xt,
         {
@@ -4055,20 +4055,20 @@ function po({
   onExpand: g,
   disabled: d,
   notice: u,
-  suggestions: p,
-  clearSuggestions: M,
+  suggestions: h,
+  clearSuggestions: A,
   focusOnMount: x,
   customActions: N,
-  actionOrder: j
+  actionOrder: $
 }) {
-  const h = 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",
@@ -4080,8 +4080,8 @@ function po({
         !t && /* @__PURE__ */ a(
           vt,
           {
-            suggestions: p,
-            onSubmit: h
+            suggestions: h,
+            onSubmit: f
           }
         ),
         u && /* @__PURE__ */ a(
@@ -4111,7 +4111,7 @@ function po({
             showExpandButton: !1,
             focusOnMount: x,
             customActions: N,
-            actionOrder: j,
+            actionOrder: $,
             disabled: d
           }
         )
@@ -4132,28 +4132,28 @@ function Gt({
   onStop: g,
   fromCompact: d = !1,
   showHeader: u = !1,
-  onClose: p,
-  onExpand: M,
+  onClose: h,
+  onExpand: A,
   notice: x,
   emptyView: N,
-  suggestions: j,
-  clearSuggestions: h,
-  messageRenderer: _,
-  showAgentIcon: k,
+  suggestions: $,
+  clearSuggestions: f,
+  messageRenderer: T,
+  showAgentIcon: M,
   focusOnMount: D = !1
 }) {
-  return O(() => {
-    const C = (H) => {
-      H.key === "Escape" && p && p();
+  return L(() => {
+    const _ = (j) => {
+      j.key === "Escape" && h && h();
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [p]), /* @__PURE__ */ w(
+    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+  }, [h]), /* @__PURE__ */ C(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Ke.container}${u ? ` ${Ke.withHeader}` : ""}`,
+      className: `${Ye.container}${u ? ` ${Ye.withHeader}` : ""}`,
       children: [
-        u && /* @__PURE__ */ a(sn, { onClose: p }),
+        u && /* @__PURE__ */ a(sn, { onClose: h }),
         /* @__PURE__ */ a(
           ln,
           {
@@ -4161,8 +4161,8 @@ function Gt({
             isProcessing: l,
             error: e,
             emptyView: N,
-            messageRenderer: _,
-            showAgentIcon: k
+            messageRenderer: T,
+            showAgentIcon: M
           }
         ),
         /* @__PURE__ */ a(
@@ -4177,10 +4177,10 @@ function Gt({
             isProcessing: l,
             onStop: g,
             fromCompact: d,
-            onExpand: M,
+            onExpand: A,
             notice: x,
-            suggestions: j,
-            clearSuggestions: h,
+            suggestions: $,
+            clearSuggestions: f,
             focusOnMount: D
           }
         )
@@ -4201,208 +4201,208 @@ function bc({
   onOpen: g,
   onExpand: d,
   onClose: u,
-  onStop: p,
-  emptyView: M,
+  onStop: h,
+  emptyView: A,
   floatingChatState: x,
   suggestions: N,
-  clearSuggestions: j,
-  messageRenderer: h,
-  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), [me, Ne] = Z(
+  }), [_e, ke] = Y(56), [me, Ve] = Y(
     Ja
-  ), Ee = A(null), xe = A(null), le = A(null), { x: Re, y: v } = qa({
-    freeDrag: C,
-    initialFreeDragPosition: H,
+  ), xe = O(null), pe = O(null), he = O(null), { x: y, y: De } = qa({
+    freeDrag: _,
+    initialFreeDragPosition: j,
     side: me
-  }), ce = pt(Re), X = pt(v), ke = qt(), Ve = 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(() => {
+  }), 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]), pe = b(
-    (L) => {
-      if (!le.current || !xe.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 = xe.current.getBoundingClientRect(), de = window.getComputedStyle(le.current), Me = new DOMMatrixReadOnly(de.transform), Se = $.x - Me.e, Pe = $.y - Me.f, he = (L ?? me) === "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 - Pe
+        x: le - st,
+        y: qe - Ae
       };
     },
     [me, m.state]
-  ), De = b(
-    (L) => {
-      L.target.closest(
+  ), We = w(
+    (S) => {
+      S.target.closest(
         re.NON_DRAGGABLE_SELECTORS
-      ) || ke.start(L.nativeEvent);
+      ) || Ee.start(S.nativeEvent);
     },
-    [ke]
-  ), We = 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, Pe = J < Me ? "left" : "right";
-      Ne(Pe), ht(Pe);
-      const ze = pe(Pe);
-      ze && (ye(ce, ze.x, {
+      const ce = fe(Ae);
+      ce && (ye(te, ce.x, {
         ...re.SPRING_CONFIG,
-        velocity: $.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(X, ze.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, pe, 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";
-    me !== J && (Ne(J), ht(J));
-    const de = pe(J);
-    de && (ye(ce, de.x, re.SPRING_CONFIG), ye(X, de.y, re.SPRING_CONFIG));
-  }, [C, ce, X, pe, me]);
-  const ve = A(null), qe = A(m.state === "minimized");
-  O(() => {
-    const L = qe.current, $ = m.state === "minimized";
-    if (qe.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), st = 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 $ = pe();
-      $ && (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, pe, 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" && Ee.current) {
-      const L = Ee.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: ge(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: p,
+          onStop: h,
           showHeader: !1,
           notice: l,
           suggestions: N,
-          clearSuggestions: j,
+          clearSuggestions: $,
           error: i,
-          emptyView: M,
-          messageRenderer: h,
-          showAgentIcon: _,
-          onExpand: te,
-          focusOnMount: ne.current
+          emptyView: A,
+          messageRenderer: f,
+          showAgentIcon: T,
+          onExpand: ue,
+          focusOnMount: W.current
         }
       )
     }
-  ) : /* @__PURE__ */ w(Je, { children: [
+  ) : /* @__PURE__ */ C(Ke, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: xe,
+        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"
         }
       }
@@ -4410,31 +4410,31 @@ function bc({
     /* @__PURE__ */ a(
       se.div,
       {
-        ref: le,
+        ref: he,
         "data-slot": "chat-floating",
-        className: ge(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: xe,
+        dragConstraints: pe,
         dragMomentum: !1,
-        dragElastic: C ? 0 : 0.1,
+        dragElastic: _ ? 0 : 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: We,
-        onPointerDown: De,
+        onDragEnd: Te,
+        onPointerDown: We,
         initial: !1,
         animate: {
-          bottom: m.state === "minimized" ? 0 : y.VIEWPORT_OFFSET
+          bottom: m.state === "minimized" ? 0 : b.VIEWPORT_OFFSET
         },
         transition: He,
         style: {
-          x: ce,
+          x: te,
           y: X,
-          left: y.VIEWPORT_OFFSET
+          left: b.VIEWPORT_OFFSET
         },
         children: /* @__PURE__ */ a(
           se.div,
@@ -4443,27 +4443,27 @@ function bc({
             className: be.content,
             initial: !1,
             animate: {
-              width: m.state === "collapsed" ? y.COLLAPSED_SIZE : y.COMPACT_WIDTH,
-              height: f(m.state),
-              x: m.state === "collapsed" && me === "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 } : He
+              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(ct, { mode: "wait", children: [
+            children: /* @__PURE__ */ C(ct, { mode: "wait", children: [
               m.state === "collapsed" && /* @__PURE__ */ a(
                 en,
                 {
                   icon: c,
-                  onClick: Ve,
-                  onHover: R,
-                  focusOnMount: G.current
+                  onClick: Re,
+                  onHover: q,
+                  focusOnMount: ie.current
                 },
                 "collapsed"
               ),
@@ -4472,28 +4472,28 @@ function bc({
                 {
                   icon: c,
                   title: r,
-                  onClick: Ve,
-                  focusOnMount: G.current
+                  onClick: Re,
+                  focusOnMount: ie.current
                 },
                 "minimized"
               ),
-              m.state === "compact" && /* @__PURE__ */ a("div", { ref: Ee, 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,
-                  onStop: p,
+                  onBlur: U,
+                  onExpand: ue,
+                  showExpandButton: !v.value.trim(),
+                  focusOnMount: z.current,
+                  onStop: h,
                   suggestions: N,
-                  clearSuggestions: j
+                  clearSuggestions: $
                 },
                 "compact"
               ) }),
@@ -4501,26 +4501,26 @@ function bc({
                 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: p,
+                  onStop: h,
                   showHeader: !0,
-                  onClose: fe,
-                  fromCompact: st,
+                  onClose: Me,
+                  fromCompact: yt,
                   notice: l,
                   suggestions: N,
-                  clearSuggestions: j,
+                  clearSuggestions: $,
                   error: i,
-                  emptyView: M,
-                  messageRenderer: h,
-                  showAgentIcon: _,
-                  onExpand: te,
-                  focusOnMount: ne.current
+                  emptyView: A,
+                  messageRenderer: f,
+                  showAgentIcon: T,
+                  onExpand: ue,
+                  focusOnMount: W.current
                 },
                 "expanded"
               )
@@ -4561,7 +4561,7 @@ const ho = "ImageUploader-module_container", fo = "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,
@@ -4606,7 +4606,7 @@ const ho = "ImageUploader-module_container", fo = "ImageUploader-module_active",
               loading: "lazy"
             }
           ),
-          i && /* @__PURE__ */ w("div", { className: ee.previewMeta, children: [
+          i && /* @__PURE__ */ C("div", { className: ee.previewMeta, children: [
             /* @__PURE__ */ a(
               "span",
               {
@@ -4634,65 +4634,65 @@ const ho = "ImageUploader-module_container", fo = "ImageUploader-module_active",
   onImageDragEnd: g,
   acceptedFileTypes: d = ["image/jpeg", "image/png"],
   maxFileSize: u,
-  maxFiles: p,
-  uploadingIndicator: M,
+  maxFiles: h,
+  uploadingIndicator: A,
   className: x = "",
   showFileMetadata: N = !0,
-  allowDragToInsert: j = !0,
-  onError: h,
-  visible: _ = !0,
-  dropZoneRef: k
+  allowDragToInsert: $ = !0,
+  onError: f,
+  visible: T = !0,
+  dropZoneRef: M
 }, D) {
-  const { textareaRef: C } = Le(), [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, pe;
-      (pe = (fe = te.dataTransfer) == null ? void 0 : fe.types) != null && pe.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 ");
-        h == null || h(
+      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(
@@ -4701,178 +4701,178 @@ const ho = "ImageUploader-module_container", fo = "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 (p && K.length > p) {
-        h == null || h(
+      if (h && q.length > h) {
+        f == null || f(
           je(
             /* translators: %d: maximum number of files allowed */
             E("Maximum %d files allowed.", "a8c-agenttic"),
-            p
+            h
           )
         );
-        const U = K.slice(0, p);
+        const U = q.slice(0, h);
         U.length > 0 && n(U);
         return;
       }
-      K.length > 0 && n(K);
+      q.length > 0 && n(q);
     },
-    [n, d, p, h]
-  ), 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 pe;
-      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 = (pe = R.clipboardData) == null ? void 0 : pe.items;
-      if (!te)
+      const ae = (Me = R.clipboardData) == null ? void 0 : Me.items;
+      if (!ae)
         return;
-      const fe = [];
-      for (let De = 0; De < te.length; De++) {
-        const We = te[De];
+      const ue = [];
+      for (let fe = 0; fe < ae.length; fe++) {
+        const We = ae[fe];
         if (We.type.startsWith("image/")) {
-          const Ce = We.getAsFile();
-          Ce && fe.push(Ce);
+          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);
     }
-  }, me = (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 = "";
-  }, Ne = () => {
-    var f;
-    (f = G.current) == null || f.click();
-  }, Ee = 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]
-  ), xe = 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 Re = e.length > 0, v = i.length > 0, ce = z, X = !z && (Re || v), ke = Re || v || z || m, Ve = u ? je(
+  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 = je(
+    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(Je, { 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: !p || p > 1,
-                  onChange: me,
+                  multiple: !h || h > 1,
+                  onChange: ke,
                   className: ee.hiddenInput
                 }
               ),
-              /* @__PURE__ */ w(
+              /* @__PURE__ */ C(
                 "div",
                 {
                   className: ee.clickArea,
-                  onClick: Ne,
-                  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 === " ") && Ne();
+                  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 && Ve
+                      u && Ee
                     ] }) }),
-                    X && /* @__PURE__ */ w("div", { className: ee.preview, children: [
-                      Re && e.map((f) => /* @__PURE__ */ a(
+                    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: Ee,
+                          onDragStart: Ve,
                           onDragEnd: xe,
-                          onRemove: le
+                          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,
@@ -4885,14 +4885,14 @@ const ho = "ImageUploader-module_container", fo = "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 }) })
           ] })
         }
       )
@@ -4904,9 +4904,9 @@ const ho = "ImageUploader-module_container", fo = "ImageUploader-module_active",
   message: $o
 };
 function Cc({ message: t = "" }) {
-  return /* @__PURE__ */ w("div", { className: ut.container, children: [
+  return /* @__PURE__ */ C("div", { className: ut.container, children: [
     /* @__PURE__ */ a("div", { className: ut.line }),
-    t && /* @__PURE__ */ w(Je, { children: [
+    t && /* @__PURE__ */ C(Ke, { children: [
       /* @__PURE__ */ a("span", { className: ut.message, children: t }),
       /* @__PURE__ */ a("div", { className: ut.line })
     ] })
@@ -4927,7 +4927,7 @@ const Fo = "EmptyView-module_container", jo = "EmptyView-module_icon", Uo = "Emp
     "a8c-agenttic"
   ),
   help: o
-}) => /* @__PURE__ */ w("div", { className: it.container, children: [
+}) => /* @__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(
@@ -4940,7 +4940,7 @@ const Fo = "EmptyView-module_container", jo = "EmptyView-module_icon", Uo = "Emp
     }
   ) }),
   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", Ye = {
+] }), 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,
@@ -4975,28 +4975,28 @@ const Tc = ({
   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: Ye.header, children: [
+  }, [e, n, o]), /* @__PURE__ */ C(se.div, { children: [
+    i || /* @__PURE__ */ C("div", { className: Ze.header, children: [
       /* @__PURE__ */ a(Ko, {}),
       " Done"
     ] }),
-    /* @__PURE__ */ a("div", { className: Ye.container, ref: r, children: t.map((l) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: Ze.container, ref: r, children: t.map((l) => /* @__PURE__ */ a(
       "button",
       {
-        className: ge(
-          Ye.imageButton,
-          !n && o === l.url ? Ye.selected : "",
-          n ? Ye.disabled : ""
+        className: de(
+          Ze.imageButton,
+          !n && o === l.url ? Ze.selected : "",
+          n ? Ze.disabled : ""
         ),
         onClick: () => s(l),
         disabled: n,
@@ -5006,7 +5006,7 @@ const Tc = ({
           {
             src: l.url,
             alt: l.alt,
-            className: Ye.image
+            className: Ze.image
           }
         )
       },
@@ -5122,7 +5122,7 @@ function Ac({ className: t, size: e = 24 }) {
   );
 }
 function Oc({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5153,7 +5153,7 @@ function Oc({ className: t, size: e = 24 }) {
   );
 }
 function Lc({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5204,7 +5204,7 @@ function Nc({ className: t, size: e = 24 }) {
   );
 }
 function xc({ className: t, size: e = 24 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ C(
     "svg",
     {
       width: e,
@@ -5262,11 +5262,11 @@ const Jo = (t, e = "") => {
   } catch (i) {
     return console.warn(`Failed to get CSS variable ${t}:`, i), e;
   }
-}, rt = ({ 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 })
   ] })
@@ -5363,21 +5363,21 @@ const Jo = (t, e = "") => {
     maxLabelLength: g = 15,
     error: d,
     ...u
-  } = t, p = (_, 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 = p(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
@@ -5385,7 +5385,7 @@ const Jo = (t, e = "") => {
     axis: {
       x: {
         orientation: "bottom",
-        tickFormat: (_) => p(_, g),
+        tickFormat: (T) => h(T, g),
         tickLabelProps: {
           fontSize: 11,
           textAnchor: "end",
@@ -5403,7 +5403,7 @@ const Jo = (t, e = "") => {
         dy: -15
       }
     }
-  }, h = {
+  }, f = {
     data: e,
     withTooltips: o,
     renderTooltip: c,
@@ -5415,11 +5415,11 @@ const Jo = (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, { ...h }) });
+  return /* @__PURE__ */ a(fn, { error: d, children: /* @__PURE__ */ a(jn, { ...f }) });
 };
 class Xo extends Dn {
   constructor(e) {
@@ -5516,47 +5516,47 @@ const Qo = (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(
-    (h) => {
-      var z;
-      const { tooltipData: _ } = h, 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 ? je(
+        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: {
@@ -5567,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: {
@@ -5578,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"),
@@ -5609,8 +5609,8 @@ const Qo = (t) => {
       return;
     }
     try {
-      const h = JSON.parse(t.trim());
-      if (!h.chartType) {
+      const f = JSON.parse(t.trim());
+      if (!f.chartType) {
         o({
           message: E(
             "Chart data must include chartType",
@@ -5620,7 +5620,7 @@ const Qo = (t) => {
         });
         return;
       }
-      if (!h.data || !Array.isArray(h.data)) {
+      if (!f.data || !Array.isArray(f.data)) {
         o({
           message: E(
             "Chart data must include a data array",
@@ -5630,7 +5630,7 @@ const Qo = (t) => {
         });
         return;
       }
-      if (h.data.length === 0) {
+      if (f.data.length === 0) {
         o({
           message: E(
             "No data points found for chart",
@@ -5640,37 +5640,37 @@ const Qo = (t) => {
         });
         return;
       }
-      const _ = h.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: h.chartType,
-        title: h.title,
-        data: _,
-        currency: h.currency,
-        mode: h.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(
@@ -5681,21 +5681,21 @@ const Qo = (t) => {
       });
     }
   }, [t]);
-  const u = b((h) => {
-    if (g.current && g.current.disconnect(), h) {
-      const { width: _ } = h.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(h);
+      }), g.current.observe(f);
     }
   }, []);
-  if (O(() => () => {
+  if (L(() => () => {
     g.current && (g.current.disconnect(), g.current = null);
   }, []), n)
     return /* @__PURE__ */ a(rt, { message: n.message, details: n.details });
@@ -5706,17 +5706,17 @@ const Qo = (t) => {
         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 });
@@ -5741,14 +5741,14 @@ const Qo = (t) => {
         );
     }
   };
-  return /* @__PURE__ */ a(Xo, { 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: $() })
       ]
     }
   ) });
@@ -5757,13 +5757,13 @@ 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(ec, {
+    return ne.createElement(ec, {
       data: s,
       className: "markdown-chart",
       config: t
@@ -5802,10 +5802,10 @@ function Ec(t = {}) {
     e
   ), s = [...c.remarkPlugins, ...n];
   return function({ children: g }) {
-    const [d, u] = ae.useState(g);
-    return ae.useEffect(() => {
-      o ? ic().then(async (p) => {
-        const x = (await p.parseMarkdownIntoBlocks(g)).map((N) => p.parseIncompleteMarkdown(
+    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(`
 
@@ -5929,12 +5929,12 @@ export {
   Ac as ZoomIcon,
   Oc as ZoomIconFilled,
   vc as animations,
-  ge as cn,
+  de as cn,
   Rc as createFeedbackActions,
   Ec as createMessageRenderer,
   yc as default,
   _i as loadAgentticTranslations,
-  Le as useAgentUIContext,
+  Ne as useAgentUIContext,
   Za as useChat,
   Ya as useInput
 };