@automattic/agenttic-ui 0.1.70 → 0.1.71

package/dist/index.js

@@ -1,13 +1,13 @@
 import './global.css';import './index.css';/* empty css           */
-import { jsx as a, jsxs as w, Fragment as Ke } from "react/jsx-runtime";
+import { jsx as a, jsxs as w, Fragment as Je } from "react/jsx-runtime";
 import * as Yt from "react";
-import ae, { useState as Z, useEffect as O, useCallback as b, useRef as A, createContext as On, useContext as Ln, useId as Nn, useMemo as rt, memo as Kt, forwardRef as Jt, useImperativeHandle as xn, Component as Dn } from "react";
-import { c as pe } from "./QuestionCard-KolZKB58.js";
-import { Q as Pc } from "./QuestionCard-KolZKB58.js";
-import { motion as se, AnimatePresence as ot, useMotionValue as pt, useDragControls as qt, animate as ye } from "framer-motion";
-import { setLocaleData as Ht, __ as E, sprintf as Fe } from "@wordpress/i18n";
+import 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 { Q as Fc } from "./QuestionCard-KolZKB58.js";
+import { motion as se, AnimatePresence as ct, useMotionValue as pt, useDragControls as qt, animate as ye } from "framer-motion";
+import { setLocaleData as Ht, __ as E, sprintf as je } from "@wordpress/i18n";
 import { Slot as En } from "@radix-ui/react-slot";
-import * as je from "@radix-ui/react-popover";
+import * as Ue from "@radix-ui/react-popover";
 import At from "react-markdown";
 import { useDebounce as Rn } from "use-debounce";
 import Pn from "remark-gfm";
@@ -1670,14 +1670,14 @@ function Ci(t, e) {
     if (c) {
       const r = "", s = Object.fromEntries(
         Object.entries(c).map(([l, g]) => {
-          var h;
+          var p;
           if (l === "")
             return [
               "",
               {
                 ...c[""],
                 domain: i,
-                lang: ((h = c[""]) == null ? void 0 : h.lang) || t
+                lang: ((p = c[""]) == null ? void 0 : p.lang) || t
               }
             ];
           const d = l.indexOf(r);
@@ -1752,9 +1752,9 @@ function Ya({
     if (!u)
       return;
     u.style.height = "auto";
-    const h = u.scrollHeight, M = 40, x = 200;
+    const p = u.scrollHeight, M = 40, x = 200;
     u.style.height = `${Math.min(
-      Math.max(h, M),
+      Math.max(p, M),
       x
     )}px`;
   }, []), d = b(
@@ -1827,16 +1827,16 @@ const It = {
   type: "spring",
   stiffness: 300,
   damping: 30
-}, Ue = {
+}, Be = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
 }, ft = {
-  ...Ue,
+  ...Be,
   stiffness: 1e3,
   damping: 90
-}, Be = {
+}, He = {
   type: "spring",
   damping: 40,
   stiffness: 500,
@@ -1868,17 +1868,17 @@ const It = {
 }, Si = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, hc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, vc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   fadeVariants: Xa,
-  fastSpring: Ue,
+  fastSpring: Be,
   fastSpringWithDelay: ft,
   getDragConstraints: Ii,
-  morphSpring: Be,
+  morphSpring: He,
   springConfig: It,
   thinkingGradientKeyframes: Si
 }, Symbol.toStringTag, { value: "Module" })), Qa = On(null);
-function Oe() {
+function Le() {
   const t = Ln(Qa);
   if (!t)
     throw new Error(
@@ -1889,7 +1889,7 @@ function Oe() {
 function Vt({ children: t, value: e }) {
   return /* @__PURE__ */ a(Qa.Provider, { value: e, children: t });
 }
-const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-module_primary", Oi = "button-module_ghost", Li = "button-module_outline", Ni = "button-module_transparent", xi = "button-module_link", Di = "button-module_icon", Ei = "button-module_sm", Ri = "button-module_lg", Pi = "button-module_withTextAndIcon", Qe = {
+const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-module_primary", Oi = "button-module_ghost", Li = "button-module_outline", Ni = "button-module_transparent", xi = "button-module_link", Di = "button-module_icon", Ei = "button-module_sm", Ri = "button-module_lg", Pi = "button-module_withTextAndIcon", et = {
   button: ki,
   pressed: Mi,
   primary: Ai,
@@ -1912,18 +1912,18 @@ const ki = "button-module_button", Mi = "button-module_pressed", Ai = "button-mo
     pressed: s,
     ...l
   }, g) {
-    const d = r ? En : "button", u = !!o, h = n || (u && !c ? "icon" : void 0);
+    const d = r ? En : "button", u = !!o, p = n || (u && !c ? "icon" : void 0);
     return /* @__PURE__ */ w(
       d,
       {
         ref: g,
         "data-slot": "button",
-        className: pe(
-          Qe.button,
-          Qe[i],
-          h && Qe[h],
-          u && c ? Qe.withTextAndIcon : void 0,
-          s ? Qe.pressed : void 0,
+        className: ge(
+          et.button,
+          et[i],
+          p && et[p],
+          u && c ? et.withTextAndIcon : void 0,
+          s ? et.pressed : void 0,
           e
         ),
         "aria-pressed": s,
@@ -1983,7 +1983,7 @@ function en({
         opacity: 1,
         scale: 1,
         transition: {
-          ...Be,
+          ...He,
           delay: 0.2
         }
       },
@@ -2067,7 +2067,7 @@ function Hi({ className: t, size: e = 24 }) {
     }
   );
 }
-const Vi = "ChatInput-module_container", Wi = "ChatInput-module_textareaContainer", zi = "ChatInput-module_actions", Gi = "ChatInput-module_containerStacked", Zi = "ChatInput-module_button", $e = {
+const Vi = "ChatInput-module_container", Wi = "ChatInput-module_textareaContainer", zi = "ChatInput-module_actions", Gi = "ChatInput-module_containerStacked", Zi = "ChatInput-module_button", Fe = {
   container: Vi,
   textareaContainer: Wi,
   actions: zi,
@@ -2112,11 +2112,11 @@ function Ji({
       );
     }, e);
     return () => clearInterval(c);
-  }, [t.length, e]), /* @__PURE__ */ a(ot, { mode: "wait", children: /* @__PURE__ */ a(
+  }, [t.length, e]), /* @__PURE__ */ a(ct, { mode: "wait", children: /* @__PURE__ */ a(
     se.span,
     {
       "data-slot": "animated-placeholder",
-      className: pe(Ki.container, i),
+      className: ge(Ki.container, i),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -2143,20 +2143,20 @@ function Nt({
   onClick: g,
   fromCompact: d = !1,
   onExpand: u,
-  showExpandButton: h = !0,
+  showExpandButton: p = !0,
   focusOnMount: M = !1,
   customActions: x = [],
   actionOrder: N = "before-submit",
   onStop: j,
-  disabled: p,
+  disabled: h,
   onMouseEnter: _,
   onMouseLeave: k,
   expandOnClick: D = !1,
   layout: C = "inline"
 }) {
-  const H = Nn(), { variant: Y, floatingChatState: z, isInputOverLimit: S } = Oe(), m = (
+  const H = Nn(), { variant: Y, floatingChatState: z, isInputOverLimit: S } = Le(), m = (
     // If the consumer actively sets `disabled` to `false` (vs undefined), that takes precedence.
-    p !== void 0 ? !p : (t.trim() || r) && !S
+    h !== void 0 ? !h : (t.trim() || r) && !S
   ), V = b(
     (T) => {
       const Te = T.key.toLowerCase();
@@ -2181,7 +2181,7 @@ function Nt({
   const ie = () => x.map((T) => /* @__PURE__ */ a(
     we,
     {
-      className: T.className || $e.button,
+      className: T.className || Fe.button,
       onClick: T.onClick,
       disabled: T.disabled,
       variant: T.variant || "ghost",
@@ -2189,10 +2189,10 @@ function Nt({
       "aria-label": T["aria-label"]
     },
     T.id
-  )), oe = () => Y === "embedded" || z === "expanded" || D ? null : h && u ? /* @__PURE__ */ a(
+  )), oe = () => Y === "embedded" || z === "expanded" || D ? null : p && u ? /* @__PURE__ */ a(
     we,
     {
-      className: $e.button,
+      className: Fe.button,
       onClick: u,
       variant: "ghost",
       icon: /* @__PURE__ */ a(an, {}),
@@ -2207,7 +2207,7 @@ function Nt({
     return /* @__PURE__ */ a(
       we,
       {
-        className: $e.button,
+        className: Fe.button,
         onClick: T,
         disabled: !m,
         variant: "primary",
@@ -2220,14 +2220,14 @@ function Nt({
     "div",
     {
       "data-slot": "chat-input",
-      className: `${$e.container}${C === "stacked" ? ` ${$e.containerStacked}` : ""}`,
+      className: `${Fe.container}${C === "stacked" ? ` ${Fe.containerStacked}` : ""}`,
       onMouseEnter: _,
       onMouseLeave: k,
       children: [
         /* @__PURE__ */ w(
           se.div,
           {
-            className: $e.textareaContainer,
+            className: Fe.textareaContainer,
             initial: {
               opacity: 0
             },
@@ -2265,7 +2265,7 @@ function Nt({
         /* @__PURE__ */ w(
           se.div,
           {
-            className: $e.actions,
+            className: Fe.actions,
             initial: {
               opacity: d ? 1 : 0,
               scale: d ? 1 : 0.5
@@ -2273,7 +2273,7 @@ function Nt({
             animate: {
               opacity: 1,
               scale: 1,
-              transition: t.trim() ? { duration: 0 } : Ue
+              transition: t.trim() ? { duration: 0 } : Be
             },
             children: [
               oe(),
@@ -2309,97 +2309,100 @@ function qi({ className: t, size: e = 24 }) {
     }
   );
 }
-const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-module_chevron", er = "SuggestionDropdown-module_chevronOpen", tr = "SuggestionDropdown-module_dropdown", ar = "SuggestionDropdown-module_option", et = {
+const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-module_chevron", er = "SuggestionDropdown-module_chevronOpen", tr = "SuggestionDropdown-module_dropdown", ar = "SuggestionDropdown-module_option", tt = {
   container: Xi,
   chevron: Qi,
   chevronOpen: er,
   dropdown: tr,
   option: ar
-}, nr = "Suggestions-module_container", ir = "Suggestions-module_vertical", rr = "Suggestions-module_button", or = "Suggestions-module_floating", nt = {
+}, nr = "Suggestions-module_container", ir = "Suggestions-module_vertical", rr = "Suggestions-module_button", or = "Suggestions-module_label", cr = "Suggestions-module_description", sr = "Suggestions-module_floating", Oe = {
   container: nr,
   vertical: ir,
   button: rr,
-  floating: or
-}, cr = (t, e) => !t || !e ? `${t}${e}` : /\s$/.test(t) || /^\s/.test(e) ? `${t}${e}` : `${t} ${e}`, sr = ({
+  "suggestion-content--with-description": "Suggestions-module_suggestion-content--with-description",
+  label: or,
+  description: cr,
+  floating: sr
+}, lr = (t, e) => !t || !e ? `${t}${e}` : /\s$/.test(t) || /^\s/.test(e) ? `${t}${e}` : `${t} ${e}`, dr = ({
   suggestion: t,
   onSelect: e,
   availableSuggestions: i,
   onOpenChange: n
 }) => {
   var j;
-  const [o, c] = ae.useState(!1), r = ae.useRef(null), [s, l] = ae.useState(null), [g, d] = ae.useState(null), [u, h] = ae.useState(void 0), M = ae.useCallback(
-    (p) => {
-      if (r.current = p, !p) {
+  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) {
         l(null), d(null);
         return;
       }
       l(
-        p.closest(".agenttic") ?? p
+        h.closest(".agenttic") ?? h
       ), d(
-        p.closest(
+        h.closest(
           '[data-slot="conversation-view"]'
         ) ?? null
       );
     },
     []
-  ), x = ae.useCallback((p) => {
+  ), x = ae.useCallback((h) => {
     var _;
-    if (p) {
+    if (h) {
       const k = (_ = r.current) == null ? void 0 : _.closest(
         '[data-slot="suggestions"]'
       );
-      k && h(k.clientWidth * 0.9);
+      k && p(k.clientWidth * 0.9);
     }
-    c(p), n == null || n(p);
-  }, [n]), N = (p) => {
+    c(h), n == null || n(h);
+  }, [n]), N = (h) => {
     const { options: _, ...k } = t, D = {
       ...k,
-      prompt: cr(
+      prompt: lr(
         t.prompt ?? t.label,
-        p.value
+        h.value
       ),
-      label: `${t.label} ${p.label}`
+      label: `${t.label} ${h.label}`
     };
     e == null || e(D, i), x(!1);
   };
-  return /* @__PURE__ */ a("div", { ref: M, className: et.container, children: /* @__PURE__ */ w(je.Root, { open: o, onOpenChange: x, children: [
-    /* @__PURE__ */ a(je.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ a("div", { ref: M, className: tt.container, children: /* @__PURE__ */ w(Ue.Root, { open: o, onOpenChange: x, children: [
+    /* @__PURE__ */ a(Ue.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
       we,
       {
         variant: "outline",
-        className: nt.button,
+        className: Oe.button,
         children: [
           t.label,
           /* @__PURE__ */ a(
             qi,
             {
               size: 14,
-              className: `${et.chevron} ${o ? et.chevronOpen : ""}`
+              className: `${tt.chevron} ${o ? tt.chevronOpen : ""}`
             }
           )
         ]
       }
     ) }),
-    s && /* @__PURE__ */ a(je.Portal, { container: s, children: /* @__PURE__ */ a(
-      je.Content,
+    s && /* @__PURE__ */ a(Ue.Portal, { container: s, children: /* @__PURE__ */ a(
+      Ue.Content,
       {
-        className: et.dropdown,
+        className: tt.dropdown,
         side: "top",
         align: "start",
         sideOffset: 4,
         collisionBoundary: g,
         "aria-label": t.label,
         style: u ? { width: u } : void 0,
-        children: (j = t.options) == null ? void 0 : j.map((p) => /* @__PURE__ */ a(
+        children: (j = t.options) == null ? void 0 : j.map((h) => /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             "data-slot": "suggestion-option",
-            className: et.option,
-            onClick: () => N(p),
-            children: p.label
+            className: tt.option,
+            onClick: () => N(h),
+            children: h.label
           },
-          p.id
+          h.id
         ))
       }
     ) })
@@ -2415,20 +2418,20 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
   onDropdownOpenChange: s,
   translateY: l = "-100%"
 }) => {
-  const { variant: g } = Oe(), d = rt(
+  const { variant: g } = Le(), d = ot(
     () => g === "floating" ? e == null ? void 0 : e.slice(0, 3) : e,
     [e, g]
-  ), u = async (h, M) => {
+  ), u = async (p, M) => {
     let x = !0;
-    h.action && (x = await h.action()), x && i && h.prompt && i(h, M);
+    p.action && (x = await p.action()), x && i && p.prompt && i(p, M);
   };
-  return !d || d.length === 0 ? null : /* @__PURE__ */ a(ot, { children: o && /* @__PURE__ */ a(
+  return !d || d.length === 0 ? null : /* @__PURE__ */ a(ct, { children: o && /* @__PURE__ */ a(
     se.div,
     {
       "data-slot": "suggestions",
-      className: pe(
-        nt.container,
-        n === "vertical" ? nt.vertical : n === "floating" ? nt.floating : "",
+      className: ge(
+        Oe.container,
+        n === "vertical" ? Oe.vertical : n === "floating" ? Oe.floating : "",
         t
       ),
       initial: { opacity: 0, y: "-80%" },
@@ -2438,46 +2441,73 @@ const Xi = "SuggestionDropdown-module_container", Qi = "SuggestionDropdown-modul
       onMouseEnter: c,
       onMouseLeave: r,
       children: d.map(
-        (h, M) => /* @__PURE__ */ a(
-          se.div,
-          {
-            initial: { opacity: 0, y: 10 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: 10 },
-            transition: {
-              ...ft,
-              delay: M * 0.05
+        (p, M) => {
+          const x = !!p.description && n !== "horizontal";
+          return /* @__PURE__ */ a(
+            se.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: 10 },
+              transition: {
+                ...ft,
+                delay: M * 0.05
+              },
+              children: p.options && p.options.length > 0 ? /* @__PURE__ */ a(
+                dr,
+                {
+                  suggestion: p,
+                  onSelect: u,
+                  availableSuggestions: d,
+                  onOpenChange: s
+                }
+              ) : /* @__PURE__ */ a(
+                we,
+                {
+                  onClick: (N) => {
+                    N.stopPropagation(), u(
+                      p,
+                      d
+                    );
+                  },
+                  variant: "outline",
+                  className: Oe.button,
+                  children: /* @__PURE__ */ w(
+                    "div",
+                    {
+                      className: ge(
+                        Oe["suggestion-content"],
+                        x ? Oe["suggestion-content--with-description"] : ""
+                      ),
+                      children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: Oe.label,
+                            children: p.label
+                          }
+                        ),
+                        x && /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: Oe.description,
+                            children: p.description
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              )
             },
-            children: h.options && h.options.length > 0 ? /* @__PURE__ */ a(
-              sr,
-              {
-                suggestion: h,
-                onSelect: u,
-                availableSuggestions: d,
-                onOpenChange: s
-              }
-            ) : /* @__PURE__ */ a(
-              we,
-              {
-                onClick: (x) => {
-                  x.stopPropagation(), u(
-                    h,
-                    d
-                  );
-                },
-                variant: "outline",
-                className: nt.button,
-                children: h.label
-              }
-            )
-          },
-          h.id
-        )
+            p.id
+          );
+        }
       )
     }
   ) });
 };
-function lr() {
+function ur() {
   const t = A(/* @__PURE__ */ new Map()), e = b((c) => {
     const r = t.current.get(c);
     r && (clearTimeout(r), t.current.delete(c));
@@ -2500,7 +2530,7 @@ function lr() {
     hasTimeout: o
   };
 }
-const dr = 4e3;
+const gr = 4e3;
 function nn({
   value: t,
   onChange: e,
@@ -2514,21 +2544,21 @@ function nn({
   onExpand: g,
   showExpandButton: d = !0,
   focusOnMount: u = !1,
-  customActions: h,
+  customActions: p,
   actionOrder: M,
   onStop: x,
   suggestions: N,
   clearSuggestions: j,
-  handleSuggestionSubmit: p,
+  handleSuggestionSubmit: h,
   expandOnClick: _ = !1
 }) {
-  const [k, D] = Z(!1), [C, H] = Z(!1), { setNamedTimeout: Y, clearAllTimeouts: z } = lr(), S = b(() => {
+  const [k, D] = Z(!1), [C, H] = Z(!1), { setNamedTimeout: Y, clearAllTimeouts: z } = ur(), S = b(() => {
     Y(
       "hide-suggestions",
       () => {
         D(!1);
       },
-      dr
+      gr
     );
   }, [Y]), m = b(() => {
     C || S();
@@ -2562,7 +2592,7 @@ function nn({
     C,
     z,
     S
-  ]), /* @__PURE__ */ w(Ke, { children: [
+  ]), /* @__PURE__ */ w(Je, { children: [
     /* @__PURE__ */ a(
       Nt,
       {
@@ -2579,7 +2609,7 @@ function nn({
         onExpand: g,
         showExpandButton: d,
         focusOnMount: u,
-        customActions: h,
+        customActions: p,
         actionOrder: M,
         onStop: x,
         expandOnClick: _,
@@ -2591,7 +2621,7 @@ function nn({
       vt,
       {
         suggestions: N,
-        onSubmit: p,
+        onSubmit: h,
         layout: "floating",
         visible: k,
         onMouseEnter: V,
@@ -2601,10 +2631,10 @@ function nn({
     )
   ] });
 }
-const ur = "MinimizedView-module_button", gr = "MinimizedView-module_chevron", mr = "MinimizedView-module_title", _t = {
-  button: ur,
-  chevron: gr,
-  title: mr
+const mr = "MinimizedView-module_button", pr = "MinimizedView-module_chevron", hr = "MinimizedView-module_title", _t = {
+  button: mr,
+  chevron: pr,
+  title: hr
 };
 function rn({
   icon: t = /* @__PURE__ */ a(Lt, { size: 26 }),
@@ -2629,7 +2659,7 @@ function rn({
         opacity: 1,
         scale: 1,
         transition: {
-          ...Be,
+          ...He,
           delay: 0.2
         }
       },
@@ -2658,14 +2688,14 @@ function rn({
     }
   );
 }
-const pr = "Chat-module_container", hr = "Chat-module_embedded", fr = "Chat-module_floating", vr = "Chat-module_content", yr = "Chat-module_expanded", be = {
-  container: pr,
-  embedded: hr,
-  floating: fr,
-  content: vr,
-  expanded: yr
+const fr = "Chat-module_container", vr = "Chat-module_embedded", yr = "Chat-module_floating", br = "Chat-module_content", wr = "Chat-module_expanded", be = {
+  container: fr,
+  embedded: vr,
+  floating: yr,
+  content: br,
+  expanded: wr
 };
-function br() {
+function Cr() {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2699,12 +2729,12 @@ function on({
   notice: g,
   onOpen: d,
   onExpand: u,
-  onClose: h,
+  onClose: p,
   onStop: M,
   emptyView: x,
   floatingChatState: N,
   suggestions: j,
-  clearSuggestions: p,
+  clearSuggestions: h,
   onSuggestionClick: _,
   messageRenderer: k,
   messagesPosition: D,
@@ -2726,9 +2756,9 @@ function on({
   onTypingStatusChange: P,
   freeDrag: T = !1,
   initialFreeDragPosition: Te,
-  onFreeDragEnd: ge
+  onFreeDragEnd: me
 }) {
-  const Le = Y !== void 0, [De, Ne] = Z(""), le = Le ? Y : De, Ee = Le ? z : Ne, v = Za(N), ce = A(!1), X = A(!1), ke = A(!1), [He, Ie] = Z(!1), [f, R] = Z(!1), [K, U] = Z(!1), te = Ti(), [fe, me] = Z(!1);
+  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, {
       domain: "a8c-agenttic"
@@ -2737,7 +2767,7 @@ function on({
     );
   }, [m]), O(() => {
     const I = le.length > 0, F = K && te && I;
-    F !== fe && (me(F), P == null || P(F));
+    F !== fe && (pe(F), P == null || P(F));
   }, [
     K,
     te,
@@ -2745,9 +2775,9 @@ function on({
     fe,
     P
   ]);
-  const xe = b(() => {
+  const De = b(() => {
     U(!0);
-  }, []), Ve = b(() => {
+  }, []), We = b(() => {
     U(!1);
   }, []), Ce = le.length > V;
   O(() => {
@@ -2755,80 +2785,80 @@ function on({
   }, [Ce, G]), O(() => {
     ce.current = !1, X.current = !1, ke.current = !1;
   }, [v.state]);
-  const ve = A(/* @__PURE__ */ new Set()), Je = b(() => {
+  const ve = A(/* @__PURE__ */ new Set()), qe = b(() => {
     ve.current.forEach((I) => {
       clearTimeout(I);
     }), ve.current.clear();
   }, []), B = Ya({
     value: le,
-    setValue: Ee,
+    setValue: Re,
     onSubmit: async (I) => {
       v.state !== "expanded" && (u == null || u()), v.setState("expanded"), await o(I);
     },
     isProcessing: i,
     isInputOverLimit: Ce,
     floatingChatState: v.state
-  }), [ct, L] = Z(56), [$, J] = Z(
+  }), [st, L] = Z(56), [$, J] = Z(
     Ja(ie)
-  ), de = A(null), Me = A(null), Se = A(null), { x: Re, y: We } = qa({
+  ), de = A(null), Me = A(null), Se = A(null), { x: Pe, y: ze } = qa({
     freeDrag: T,
     initialFreeDragPosition: Te,
     side: $
-  }), he = pt(Re), ue = pt(We), yt = qt(), bt = b(
+  }), he = pt(Pe), ue = pt(ze), yt = qt(), bt = b(
     async (I, F) => {
       const W = I.prompt ?? I.label;
       if (I.autoSubmit) {
-        p == null || p();
+        h == null || h();
         const Q = W.trim();
         Q && await o(Q);
       } else {
         const Q = W.endsWith(" ") ? W : `${W} `;
-        B.setValue(Q), p == null || p(), B.textareaRef.current && (B.textareaRef.current.focus(), B.textareaRef.current.setSelectionRange(
+        B.setValue(Q), h == null || h(), B.textareaRef.current && (B.textareaRef.current.focus(), B.textareaRef.current.setSelectionRange(
           Q.length,
           Q.length
         ));
       }
       _ == null || _(I, F);
     },
-    [p, o, _, B]
+    [h, o, _, B]
   ), wt = b(() => {
     ce.current = !0, v.open(), d == null || d(), u == null || u();
-  }, [v, d, u]), qe = b(() => {
+  }, [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" ? ct : y.EXPANDED_HEIGHT,
-    [ct]
+    (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" && qe() && v.setState("collapsed"), ve.current.delete(I);
+        v.state === "compact" && Xe() && v.setState("collapsed"), ve.current.delete(I);
       }, y.AUTO_COLLAPSE_DELAY);
       ve.current.add(I);
     }
-  }, [v, qe, q]), Dt = b(() => {
-    if (v.initialState === "collapsed" && v.state === "compact" && qe()) {
+  }, [v, Xe, q]), Dt = b(() => {
+    if (v.initialState === "collapsed" && v.state === "compact" && Xe()) {
       const I = setTimeout(() => {
-        v.state === "compact" && qe() && v.setState("collapsed"), ve.current.delete(I);
+        v.state === "compact" && Xe() && v.setState("collapsed"), ve.current.delete(I);
       }, y.AUTO_COLLAPSE_DELAY);
       ve.current.add(I);
     }
-  }, [v, qe]), Et = b(async () => {
+  }, [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(), h && h();
-  }, [B, v, h]), ze = b(
+    X.current = !0, B.clear(), v.close(), p && p();
+  }, [B, v, p]), Ge = b(
     (I) => {
       if (!Se.current || !Me.current)
         return null;
-      const F = Se.current.getBoundingClientRect(), W = Me.current.getBoundingClientRect(), Q = window.getComputedStyle(Se.current), lt = new DOMMatrixReadOnly(Q.transform), Ut = F.x - lt.e, Pe = F.y - lt.f, Xe = I ?? $, Bt = Ct(v.state), Mn = Xe === "left" ? W.left : W.right - y.COMPACT_WIDTH, An = v.state === "minimized" ? window.innerHeight - Bt : W.bottom - Bt;
+      const 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;
       return {
         x: Mn - Ut,
-        y: An - Pe
+        y: An - $e
       };
     },
     [$, v.state, Ct]
@@ -2847,16 +2877,16 @@ function on({
   }, []), Tn = b(
     (I, F) => {
       if (R(!1), T) {
-        ge == null || ge({ x: he.get(), y: ue.get() });
+        me == null || me({ x: he.get(), y: ue.get() });
         return;
       }
-      const W = F.point.x, Q = y.COMPACT_WIDTH, lt = (window.innerWidth - Q) / 2, Pe = W < lt ? "left" : "right";
-      $ !== Pe && (J(Pe), ht(Pe), oe == null || oe(Pe));
-      const Xe = ze(Pe);
-      Xe && (ye(he, Xe.x, {
+      const 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, {
         ...re.SPRING_CONFIG,
         velocity: F.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(ue, Xe.y, {
+      }), ye(ue, Qe.y, {
         ...re.SPRING_CONFIG,
         velocity: F.velocity.y * re.VELOCITY_MULTIPLIER
       }));
@@ -2864,11 +2894,11 @@ function on({
     [
       he,
       ue,
-      ze,
+      Ge,
       oe,
       $,
       T,
-      ge
+      me
     ]
   ), Pt = A(T);
   O(() => {
@@ -2877,39 +2907,39 @@ function on({
       return;
     const W = y.VIEWPORT_OFFSET + he.get() + y.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
     $ !== W && (J(W), ht(W), oe == null || oe(W));
-    const Q = ze(W);
+    const Q = Ge(W);
     Q && (ye(he, Q.x, re.SPRING_CONFIG), ye(ue, Q.y, re.SPRING_CONFIG));
   }, [
     T,
     he,
     ue,
-    ze,
+    Ge,
     oe,
     $
   ]);
-  const st = A(null), $t = A(v.state === "minimized");
+  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)
       return;
     if (F) {
-      st.current = ue.get();
+      lt.current = ue.get();
       const Q = ye(ue, 0, re.SPRING_CONFIG);
       return () => Q.stop();
     }
-    if (st.current === null)
+    if (lt.current === null)
       return;
     const W = ye(
       ue,
-      st.current,
+      lt.current,
       re.SPRING_CONFIG
     );
-    return st.current = null, () => W.stop();
+    return lt.current = null, () => W.stop();
   }, [v.state, T, ue]);
   const Ft = A(v.state), In = Ft.current === "compact" && v.state === "expanded";
   O(() => {
-    Je(), Ft.current = v.state;
-  }, [v.state, Je]), O(() => {
+    qe(), Ft.current = v.state;
+  }, [v.state, qe]), O(() => {
     const I = () => {
       if (T) {
         const W = Ot(
@@ -2920,11 +2950,11 @@ function on({
         he.set(W.x), ue.set(W.y);
         return;
       }
-      const F = ze();
+      const F = Ge();
       F && (he.set(F.x), v.state !== "minimized" && ue.set(F.y));
     };
     return window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
-  }, [v.state, he, ue, ze, T]), O(() => {
+  }, [v.state, he, ue, Ge, T]), O(() => {
     const I = ve.current;
     return () => {
       I.forEach((F) => {
@@ -2940,7 +2970,7 @@ function on({
   const Sn = x && ["floating", "embedded"].includes(c) && e.length === 0 && ae.isValidElement(x) ? ae.cloneElement(x, {
     onSuggestionClick: bt
   }) : void 0, kn = Ce ? {
-    message: Fe(
+    message: je(
       /* translators: %d: maximum number of characters allowed */
       E(
         "Message is too long. Please keep it under %d characters.",
@@ -2980,7 +3010,7 @@ function on({
     onClose: wn,
     // Suggestions
     suggestions: j,
-    clearSuggestions: p,
+    clearSuggestions: h,
     handleSuggestionSubmit: bt,
     // Notice
     notice: kn,
@@ -2993,14 +3023,14 @@ function on({
     // Input validation
     isInputOverLimit: Ce,
     // Focus handlers for typing status
-    onInputFocus: xe,
-    onInputBlur: Ve
+    onInputFocus: De,
+    onInputBlur: We
   };
   return c === "embedded" ? /* @__PURE__ */ a(Vt, { value: jt, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: pe(
+      className: ge(
         H,
         be.container,
         be.embedded
@@ -3022,15 +3052,15 @@ function on({
         }
       }
     ),
-    f && /* @__PURE__ */ a(br, {}),
+    f && /* @__PURE__ */ a(Cr, {}),
     /* @__PURE__ */ a(
       se.div,
       {
         ref: Se,
         "data-slot": "chat-floating",
-        className: pe(H, be.container, be.floating, {
+        className: ge(H, be.container, be.floating, {
           [be.expanded]: v.state === "expanded",
-          animating: He
+          animating: Ve
         }),
         onMouseLeave: v.state === "compact" ? Dt : void 0,
         drag: S.includes(v.state),
@@ -3047,7 +3077,7 @@ function on({
         animate: {
           bottom: v.state === "minimized" ? 0 : y.VIEWPORT_OFFSET
         },
-        transition: Be,
+        transition: He,
         style: {
           x: he,
           y: ue,
@@ -3066,7 +3096,7 @@ function on({
               x: v.state === "collapsed" && $ === "right" ? y.COMPACT_WIDTH - y.COLLAPSED_SIZE : 0,
               borderBottomLeftRadius: v.state === "minimized" ? 0 : y.BORDER_RADIUS,
               borderBottomRightRadius: v.state === "minimized" ? 0 : y.BORDER_RADIUS,
-              transition: B.value.trim() ? { duration: 0 } : Be
+              transition: B.value.trim() ? { duration: 0 } : He
             },
             onAnimationStart: () => Ie(!0),
             onAnimationComplete: () => Ie(!1),
@@ -3074,7 +3104,7 @@ function on({
               borderTopLeftRadius: y.BORDER_RADIUS,
               borderTopRightRadius: y.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ w(ot, { mode: "wait", children: [
+            children: /* @__PURE__ */ w(ct, { mode: "wait", children: [
               v.state === "collapsed" && /* @__PURE__ */ a(
                 en,
                 {
@@ -3106,13 +3136,13 @@ function on({
                   placeholder: l,
                   isProcessing: i,
                   onBlur: Dt,
-                  onFocus: xe,
+                  onFocus: De,
                   onExpand: Rt,
                   showExpandButton: !B.value.trim(),
                   focusOnMount: ce.current,
                   onStop: M,
                   suggestions: j,
-                  clearSuggestions: p,
+                  clearSuggestions: h,
                   handleSuggestionSubmit: bt,
                   expandOnClick: ne
                 },
@@ -3146,8 +3176,8 @@ function cn({ className: t, size: e = 24 }) {
     }
   );
 }
-const wr = "ChatHeader-module_container", Cr = {
-  container: wr
+const _r = "ChatHeader-module_container", Tr = {
+  container: _r
 };
 function sn({ onClose: t, className: e }) {
   return /* @__PURE__ */ a(
@@ -3155,10 +3185,10 @@ function sn({ onClose: t, className: e }) {
     {
       "data-slot": "chat-header",
       "data-draggable": "true",
-      className: Cr.container,
+      className: Tr.container,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      transition: { ...Ue, delay: 0.1 },
+      transition: { ...Be, delay: 0.1 },
       children: t && /* @__PURE__ */ a(
         we,
         {
@@ -3172,11 +3202,11 @@ function sn({ onClose: t, className: e }) {
   );
 }
 function St({ className: t } = {}) {
-  const { onClose: e } = Oe();
+  const { onClose: e } = Le();
   return /* @__PURE__ */ a(sn, { onClose: e, className: t });
 }
-const _r = 0.12, Tr = 1;
-function Ir({
+const Ir = 0.12, Sr = 1;
+function kr({
   scrollAreaRef: t,
   visibleMessages: e
 }) {
@@ -3194,17 +3224,17 @@ function Ir({
         o.current = !1, s();
         return;
       }
-      const u = Sr(d);
+      const u = Mr(d);
       if (u === null || d.scrollTop >= u) {
         s();
         return;
       }
-      const h = u - d.scrollTop;
-      if (h <= Tr) {
+      const p = u - d.scrollTop;
+      if (p <= Sr) {
         d.scrollTop = u, s();
         return;
       }
-      d.scrollTop += Math.ceil(h * _r), r.current = d.scrollTop, c.current = requestAnimationFrame(g);
+      d.scrollTop += Math.ceil(p * Ir), r.current = d.scrollTop, c.current = requestAnimationFrame(g);
     };
     c.current = requestAnimationFrame(g);
   }, [t, s]);
@@ -3248,11 +3278,11 @@ function Ir({
     s
   ]);
 }
-function Sr(t) {
+function Mr(t) {
   const e = t.querySelectorAll('[data-role="user"]'), i = e[e.length - 1];
   return (i == null ? void 0 : i.offsetTop) ?? null;
 }
-function kr({ className: t, size: e = 28 }) {
+function Ar({ className: t, size: e = 28 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -3288,8 +3318,8 @@ function kr({ className: t, size: e = 28 }) {
     }
   );
 }
-const Mr = "MessageActions-module_container", Wt = {
-  container: Mr
+const Or = "MessageActions-module_container", Wt = {
+  container: Or
 };
 function zt({
   message: t,
@@ -3338,15 +3368,15 @@ function zt({
     }
   );
 }
-const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-module_bubble", Nr = "Message-module_error", xr = "Message-module_icon", Dr = "Message-module_content", Er = "Message-module_disabled", Ge = {
-  message: Ar,
-  user: Or,
-  bubble: Lr,
-  error: Nr,
-  icon: xr,
-  content: Dr,
-  disabled: Er
-}, Rr = ae.forwardRef(
+const Lr = "Message-module_message", Nr = "Message-module_user", xr = "Message-module_bubble", Dr = "Message-module_error", Er = "Message-module_icon", Rr = "Message-module_content", Pr = "Message-module_disabled", Ze = {
+  message: Lr,
+  user: Nr,
+  bubble: xr,
+  error: Dr,
+  icon: Er,
+  content: Rr,
+  disabled: Pr
+}, $r = ae.forwardRef(
   function({
     message: e,
     messageRenderer: i = At,
@@ -3354,7 +3384,7 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "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(Ke, { children: c.map((l, g) => {
+    ), s = () => /* @__PURE__ */ a(Je, { 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) {
@@ -3378,23 +3408,23 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
         animate: "visible",
         "data-slot": "message",
         "data-role": e.role,
-        className: pe(
-          Ge.message,
-          Ge[e.role],
-          e.disabled ? Ge.disabled : void 0
+        className: ge(
+          Ze.message,
+          Ze[e.role],
+          e.disabled ? Ze.disabled : void 0
         ),
         children: [
-          r && /* @__PURE__ */ a("div", { className: Ge.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(kr, { size: 28 }) }),
+          r && /* @__PURE__ */ a("div", { className: Ze.icon, "aria-hidden": "true", children: /* @__PURE__ */ a(Ar, { size: 28 }) }),
           /* @__PURE__ */ w(
             "div",
             {
-              className: Ge.content,
+              className: Ze.content,
               title: e.disabled ? E(
                 "This action is no longer available or cannot be performed",
                 "a8c-agenttic"
               ) : void 0,
               children: [
-                /* @__PURE__ */ a("div", { className: Ge.bubble, children: s() }),
+                /* @__PURE__ */ a("div", { className: Ze.bubble, children: s() }),
                 e.role !== "user" && /* @__PURE__ */ a(zt, { message: e })
               ]
             }
@@ -3404,19 +3434,19 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
       }
     );
   }
-), Pr = "Messages-module_container", $r = "Messages-module_bottomMessages", dt = {
-  container: Pr,
-  bottomMessages: $r
-}, Fr = "Thinking-module_container", jr = "Thinking-module_icon", Ur = "Thinking-module_content", Tt = {
+), Fr = "Messages-module_container", jr = "Messages-module_bottomMessages", at = {
   container: Fr,
-  icon: jr,
-  content: Ur
-}, Br = Kt(
+  bottomMessages: jr
+}, Ur = "Thinking-module_container", Br = "Thinking-module_icon", Hr = "Thinking-module_content", Tt = {
+  container: Ur,
+  icon: Br,
+  content: Hr
+}, Vr = Kt(
   ae.forwardRef(
     function({
       content: e = E("Thinking…", "a8c-agenttic")
     }, i) {
-      const n = rt(() => /* @__PURE__ */ a(Lt, {}), []);
+      const n = ot(() => /* @__PURE__ */ a(Lt, {}), []);
       return /* @__PURE__ */ w(
         "div",
         {
@@ -3431,7 +3461,7 @@ const Ar = "Message-module_message", Or = "Message-module_user", Lr = "Message-m
       );
     }
   )
-), Hr = (t) => t.map((e) => ({
+), Wr = (t) => t.map((e) => ({
   ...e,
   content: e.content.filter(
     (i) => i.type !== "context" && i.type !== "data"
@@ -3447,23 +3477,27 @@ function ln({
   messagesPosition: r = "top",
   showAgentIcon: s
 }) {
-  const l = A(null), g = Hr(t);
-  Ir({ scrollAreaRef: l, visibleMessages: g });
-  const d = rt(() => {
+  const l = A(null), g = Wr(t);
+  kr({ scrollAreaRef: l, visibleMessages: g });
+  const d = ot(() => {
     const M = 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), h = d !== u;
+  }, [g]), [u] = Rn(d, 1e3), p = d !== u;
   return g.length === 0 && !e ? n ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "messages",
-      className: `${dt.container} ${dt.emptyState}`,
+      className: ge(
+        at.container,
+        at.emptyState,
+        r === "bottom" ? at.bottomMessages : ""
+      ),
       ref: l,
       children: n
     }
-  ) : null : /* @__PURE__ */ w(Ke, { children: [
+  ) : null : /* @__PURE__ */ w(Je, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -3483,14 +3517,14 @@ function ln({
       "div",
       {
         "data-slot": "messages",
-        className: pe(
-          dt.container,
-          r === "bottom" ? dt.bottomMessages : ""
+        className: ge(
+          at.container,
+          r === "bottom" ? at.bottomMessages : ""
         ),
         ref: l,
-        children: /* @__PURE__ */ w(ot, { mode: "popLayout", children: [
+        children: /* @__PURE__ */ w(ct, { mode: "popLayout", children: [
           g.map((M) => /* @__PURE__ */ a(
-            Rr,
+            $r,
             {
               message: M,
               messageRenderer: o,
@@ -3498,7 +3532,7 @@ function ln({
             },
             M.reactKey || M.id
           )),
-          e && !h && /* @__PURE__ */ a(Br, { content: c }),
+          e && !p && /* @__PURE__ */ a(Vr, { content: c }),
           i && /* @__PURE__ */ a(
             "div",
             {
@@ -3526,7 +3560,7 @@ function dn({ className: t } = {}) {
     messagesPosition: r,
     showAgentIcon: s,
     thinkingMessage: l
-  } = Oe();
+  } = Le();
   return /* @__PURE__ */ a(
     ln,
     {
@@ -3542,7 +3576,7 @@ function dn({ className: t } = {}) {
     }
   );
 }
-function Vr({ className: t, size: e = 24 }) {
+function zr({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -3577,20 +3611,20 @@ function un({
     handleSubmit: g,
     handleKeyDown: d,
     textareaRef: u,
-    placeholder: h,
+    placeholder: p,
     isProcessing: M,
     onStop: x,
     fromCompact: N,
     onExpand: j,
-    showExpandButton: p,
+    showExpandButton: h,
     focusOnMount: _,
     onInputFocus: k,
     onInputBlur: D
-  } = Oe(), C = (z) => {
+  } = Le(), C = (z) => {
     o == null || o(z), !z.defaultPrevented && d(z);
-  }, H = rt(() => r ? [{
+  }, H = ot(() => r ? [{
     id: "image-upload",
-    icon: /* @__PURE__ */ a(Vr, {}),
+    icon: /* @__PURE__ */ a(zr, {}),
     onClick: () => {
       var S;
       return (S = r.current) == null ? void 0 : S.openFileDialog();
@@ -3608,12 +3642,12 @@ function un({
       onFocus: k,
       onBlur: D,
       textareaRef: u,
-      placeholder: h,
+      placeholder: p,
       isProcessing: M,
       onStop: x,
       fromCompact: N,
       onExpand: j,
-      showExpandButton: p,
+      showExpandButton: h,
       focusOnMount: _,
       disabled: e,
       customActions: H,
@@ -3635,13 +3669,13 @@ function gn({
     messages: r,
     variant: s,
     emptyView: l
-  } = Oe(), g = b(
+  } = Le(), g = b(
     (d, u) => {
       try {
-        const h = d.prompt ?? d.label;
-        i == null || i(h);
-      } catch (h) {
-        console.warn("Suggestions onSelect callback failed:", h);
+        const p = d.prompt ?? d.label;
+        i == null || i(p);
+      } catch (p) {
+        console.warn("Suggestions onSelect callback failed:", p);
       }
       o(d, u);
     },
@@ -3656,7 +3690,7 @@ function gn({
     }
   );
 }
-function Wr({ className: t, size: e = 18 }) {
+function Gr({ className: t, size: e = 18 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -3690,7 +3724,7 @@ function Wr({ className: t, size: e = 18 }) {
     }
   );
 }
-function zr({ className: t, size: e = 18 }) {
+function Zr({ className: t, size: e = 18 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -3730,16 +3764,16 @@ function zr({ className: t, size: e = 18 }) {
     }
   );
 }
-const Gr = "Notice-module_container", Zr = "Notice-module_isSuccess", Yr = "Notice-module_icon", Kr = "Notice-module_isWarning", Jr = "Notice-module_isError", qr = "Notice-module_content", Xr = "Notice-module_actions", Qr = "Notice-module_action", eo = "Notice-module_dismissible", Ae = {
-  container: Gr,
-  isSuccess: Zr,
-  icon: Yr,
-  isWarning: Kr,
-  isError: Jr,
-  content: qr,
-  actions: Xr,
-  action: Qr,
-  dismissible: eo
+const Yr = "Notice-module_container", Kr = "Notice-module_isSuccess", Jr = "Notice-module_icon", qr = "Notice-module_isWarning", Xr = "Notice-module_isError", Qr = "Notice-module_content", eo = "Notice-module_actions", to = "Notice-module_action", ao = "Notice-module_dismissible", Ae = {
+  container: Yr,
+  isSuccess: Kr,
+  icon: Jr,
+  isWarning: qr,
+  isError: Xr,
+  content: Qr,
+  actions: eo,
+  action: to,
+  dismissible: ao
 };
 function mn({
   icon: t,
@@ -3757,9 +3791,9 @@ function mn({
       return null;
     switch (r) {
       case "warning":
-        return /* @__PURE__ */ a(Wr, {});
+        return /* @__PURE__ */ a(Gr, {});
       case "error":
-        return /* @__PURE__ */ a(zr, {});
+        return /* @__PURE__ */ a(Zr, {});
       default:
         return null;
     }
@@ -3768,7 +3802,7 @@ function mn({
     "div",
     {
       "data-slot": "notice",
-      className: pe(
+      className: ge(
         Ae.container,
         {
           [Ae.isSuccess]: r === "success",
@@ -3826,7 +3860,7 @@ function mn({
   );
 }
 function pn({ className: t } = {}) {
-  const { notice: e } = Oe();
+  const { notice: e } = Le();
   return e ? /* @__PURE__ */ a(
     mn,
     {
@@ -3840,8 +3874,8 @@ function pn({ className: t } = {}) {
     }
   ) : null;
 }
-const to = "ChatFooter-module_container", kt = {
-  container: to
+const no = "ChatFooter-module_container", kt = {
+  container: no
 };
 function hn({
   children: t,
@@ -3851,20 +3885,20 @@ function hn({
     se.div,
     {
       "data-slot": "chat-footer",
-      className: pe(kt.container, e),
+      className: ge(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: t
     }
   ) : /* @__PURE__ */ w(
     se.div,
     {
       "data-slot": "chat-footer",
-      className: pe(kt.container, e),
+      className: ge(kt.container, e),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: [
         /* @__PURE__ */ a(gn, {}),
         /* @__PURE__ */ a(pn, {}),
@@ -3873,15 +3907,15 @@ function hn({
     }
   );
 }
-const ao = "ConversationView-module_container", no = "ConversationView-module_withHeader", Ye = {
-  container: ao,
-  withHeader: no
+const io = "ConversationView-module_container", ro = "ConversationView-module_withHeader", Ke = {
+  container: io,
+  withHeader: ro
 }, xt = Jt(function({
   showHeader: e = !0,
   children: i,
   className: n
 } = {}, o) {
-  const { onClose: c } = Oe();
+  const { onClose: c } = Le();
   if (O(() => {
     const r = (s) => {
       s.key === "Escape" && c && c();
@@ -3896,7 +3930,7 @@ const ao = "ConversationView-module_container", no = "ConversationView-module_wi
       {
         ref: o,
         "data-slot": "conversation-view",
-        className: `${Ye.container}${r ? ` ${Ye.withHeader}` : ""}${n ? ` ${n}` : ""}`,
+        className: `${Ke.container}${r ? ` ${Ke.withHeader}` : ""}${n ? ` ${n}` : ""}`,
         children: i
       }
     );
@@ -3906,7 +3940,7 @@ const ao = "ConversationView-module_container", no = "ConversationView-module_wi
     {
       ref: o,
       "data-slot": "conversation-view",
-      className: `${Ye.container}${e ? ` ${Ye.withHeader}` : ""}${n ? ` ${n}` : ""}`,
+      className: `${Ke.container}${e ? ` ${Ke.withHeader}` : ""}${n ? ` ${n}` : ""}`,
       children: [
         e && /* @__PURE__ */ a(St, {}),
         /* @__PURE__ */ a(dn, {}),
@@ -3916,14 +3950,14 @@ const ao = "ConversationView-module_container", no = "ConversationView-module_wi
   );
 });
 xt.displayName = "AgentUIConversationView";
-const io = "AgentUIInputToolbar-module_container", ro = "AgentUIInputToolbar-module_button", oo = "AgentUIInputToolbar-module_icon", co = "AgentUIInputToolbar-module_iconOpen", so = "AgentUIInputToolbar-module_dropdown", tt = {
-  container: io,
-  button: ro,
-  icon: oo,
-  iconOpen: co,
-  dropdown: so
+const oo = "AgentUIInputToolbar-module_container", co = "AgentUIInputToolbar-module_button", so = "AgentUIInputToolbar-module_icon", lo = "AgentUIInputToolbar-module_iconOpen", uo = "AgentUIInputToolbar-module_dropdown", nt = {
+  container: oo,
+  button: co,
+  icon: so,
+  iconOpen: lo,
+  dropdown: uo
 };
-function lo({
+function go({
   children: t,
   className: e,
   icon: i,
@@ -3931,12 +3965,12 @@ function lo({
   disabled: o
 } = {}) {
   const [c, r] = ae.useState(!1), s = n ?? "Input Toolbar";
-  return /* @__PURE__ */ a("div", { className: e, children: /* @__PURE__ */ a("div", { className: tt.container, children: /* @__PURE__ */ w(je.Root, { open: c, onOpenChange: r, children: [
-    /* @__PURE__ */ a(je.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+  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(
       "button",
       {
         type: "button",
-        className: tt.button,
+        className: nt.button,
         "aria-label": s,
         disabled: o,
         children: [
@@ -3950,7 +3984,7 @@ function lo({
               viewBox: "0 0 24 24",
               fill: "none",
               "aria-hidden": "true",
-              className: `${tt.icon} ${c ? tt.iconOpen : ""}`,
+              className: `${nt.icon} ${c ? nt.iconOpen : ""}`,
               children: /* @__PURE__ */ a(
                 "path",
                 {
@@ -3966,9 +4000,9 @@ function lo({
       }
     ) }),
     /* @__PURE__ */ a(
-      je.Content,
+      Ue.Content,
       {
-        className: tt.dropdown,
+        className: nt.dropdown,
         side: "bottom",
         align: "start",
         sideOffset: 8,
@@ -3979,7 +4013,7 @@ function lo({
     )
   ] }) }) });
 }
-const uo = {
+const mo = {
   // Core container with state management
   Container: on,
   // Individual composable components
@@ -3988,16 +4022,16 @@ const uo = {
   Input: un,
   Suggestions: gn,
   Notice: pn,
-  InputToolbar: lo,
+  InputToolbar: go,
   // Convenience wrappers
   Footer: hn,
   ConversationView: xt
-}, fc = Object.assign(
+}, yc = Object.assign(
   (t) => /* @__PURE__ */ a(
     on,
     {
       ...t,
-      className: pe("agenttic", t.className),
+      className: ge("agenttic", t.className),
       children: /* @__PURE__ */ a(
         xt,
         {
@@ -4006,9 +4040,9 @@ const uo = {
       )
     }
   ),
-  uo
+  mo
 );
-function go({
+function po({
   inputValue: t,
   onInputChange: e,
   onSubmit: i,
@@ -4021,13 +4055,13 @@ function go({
   onExpand: g,
   disabled: d,
   notice: u,
-  suggestions: h,
+  suggestions: p,
   clearSuggestions: M,
   focusOnMount: x,
   customActions: N,
   actionOrder: j
 }) {
-  const p = b(
+  const h = b(
     (_, k) => {
       const D = _.prompt ?? _.label;
       e(D), M == null || M();
@@ -4041,13 +4075,13 @@ function go({
       className: kt.container,
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...Ue },
+      transition: { ...Be },
       children: [
         !t && /* @__PURE__ */ a(
           vt,
           {
-            suggestions: h,
-            onSubmit: p
+            suggestions: p,
+            onSubmit: h
           }
         ),
         u && /* @__PURE__ */ a(
@@ -4098,28 +4132,28 @@ function Gt({
   onStop: g,
   fromCompact: d = !1,
   showHeader: u = !1,
-  onClose: h,
+  onClose: p,
   onExpand: M,
   notice: x,
   emptyView: N,
   suggestions: j,
-  clearSuggestions: p,
+  clearSuggestions: h,
   messageRenderer: _,
   showAgentIcon: k,
   focusOnMount: D = !1
 }) {
   return O(() => {
     const C = (H) => {
-      H.key === "Escape" && h && h();
+      H.key === "Escape" && p && p();
     };
     return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [h]), /* @__PURE__ */ w(
+  }, [p]), /* @__PURE__ */ w(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Ye.container}${u ? ` ${Ye.withHeader}` : ""}`,
+      className: `${Ke.container}${u ? ` ${Ke.withHeader}` : ""}`,
       children: [
-        u && /* @__PURE__ */ a(sn, { onClose: h }),
+        u && /* @__PURE__ */ a(sn, { onClose: p }),
         /* @__PURE__ */ a(
           ln,
           {
@@ -4132,7 +4166,7 @@ function Gt({
           }
         ),
         /* @__PURE__ */ a(
-          go,
+          po,
           {
             inputValue: i,
             onInputChange: n,
@@ -4146,7 +4180,7 @@ function Gt({
             onExpand: M,
             notice: x,
             suggestions: j,
-            clearSuggestions: p,
+            clearSuggestions: h,
             focusOnMount: D
           }
         )
@@ -4154,7 +4188,7 @@ function Gt({
     }
   );
 }
-function vc({
+function bc({
   messages: t,
   isProcessing: e,
   error: i,
@@ -4167,12 +4201,12 @@ function vc({
   onOpen: g,
   onExpand: d,
   onClose: u,
-  onStop: h,
+  onStop: p,
   emptyView: M,
   floatingChatState: x,
   suggestions: N,
   clearSuggestions: j,
-  messageRenderer: p,
+  messageRenderer: h,
   showAgentIcon: _,
   className: k,
   expandOnHover: D = !0,
@@ -4196,13 +4230,13 @@ function vc({
     },
     isProcessing: e,
     floatingChatState: m.state
-  }), [T, Te] = Z(56), [ge, Le] = Z(
+  }), [T, Te] = Z(56), [me, Ne] = Z(
     Ja
-  ), De = A(null), Ne = A(null), le = A(null), { x: Ee, y: v } = qa({
+  ), Ee = A(null), xe = A(null), le = A(null), { x: Re, y: v } = qa({
     freeDrag: C,
     initialFreeDragPosition: H,
-    side: ge
-  }), ce = pt(Ee), X = pt(v), ke = qt(), He = b(() => {
+    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;
@@ -4231,56 +4265,56 @@ function vc({
     ne.current = !0, d == null || d(), m.setState("expanded");
   }, [d, m]), fe = b(() => {
     G.current = !0, P.clear(), m.close(), u && u();
-  }, [P, m, u]), me = b(
+  }, [P, m, u]), pe = b(
     (L) => {
-      if (!le.current || !Ne.current)
+      if (!le.current || !xe.current)
         return null;
-      const $ = le.current.getBoundingClientRect(), J = Ne.current.getBoundingClientRect(), de = window.getComputedStyle(le.current), Me = new DOMMatrixReadOnly(de.transform), Se = $.x - Me.e, Re = $.y - Me.f, he = (L ?? ge) === "left" ? J.left : J.right - y.COMPACT_WIDTH, ue = m.state === "minimized" ? window.innerHeight - y.COLLAPSED_SIZE : J.bottom - y.EXPANDED_HEIGHT;
+      const $ = 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;
       return {
         x: he - Se,
-        y: ue - Re
+        y: ue - Pe
       };
     },
-    [ge, m.state]
-  ), xe = b(
+    [me, m.state]
+  ), De = b(
     (L) => {
       L.target.closest(
         re.NON_DRAGGABLE_SELECTORS
       ) || ke.start(L.nativeEvent);
     },
     [ke]
-  ), Ve = b(
+  ), We = b(
     (L, $) => {
       if (C) {
         Y == null || Y({ x: ce.get(), y: X.get() });
         return;
       }
-      const J = $.point.x, de = y.COMPACT_WIDTH, Me = (window.innerWidth - de) / 2, Re = J < Me ? "left" : "right";
-      Le(Re), ht(Re);
-      const We = me(Re);
-      We && (ye(ce, We.x, {
+      const 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, {
         ...re.SPRING_CONFIG,
         velocity: $.velocity.x * re.VELOCITY_MULTIPLIER
-      }), ye(X, We.y, {
+      }), ye(X, ze.y, {
         ...re.SPRING_CONFIG,
         velocity: $.velocity.y * re.VELOCITY_MULTIPLIER
       }));
     },
-    [ce, X, me, C, Y]
+    [ce, X, pe, C, Y]
   ), Ce = A(C);
   O(() => {
     const L = Ce.current;
     if (Ce.current = C, C || !L)
       return;
     const J = y.VIEWPORT_OFFSET + ce.get() + y.COMPACT_WIDTH / 2 < window.innerWidth / 2 ? "left" : "right";
-    ge !== J && (Le(J), ht(J));
-    const de = me(J);
+    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, me, ge]);
-  const ve = A(null), Je = A(m.state === "minimized");
+  }, [C, ce, X, pe, me]);
+  const ve = A(null), qe = A(m.state === "minimized");
   O(() => {
-    const L = Je.current, $ = m.state === "minimized";
-    if (Je.current = $, !C || $ === L)
+    const L = qe.current, $ = m.state === "minimized";
+    if (qe.current = $, !C || $ === L)
       return;
     if ($) {
       ve.current = X.get();
@@ -4296,7 +4330,7 @@ function vc({
     );
     return ve.current = null, () => J.stop();
   }, [m.state, C, X]);
-  const B = A(m.state), ct = B.current === "compact" && m.state === "expanded";
+  const B = A(m.state), st = B.current === "compact" && m.state === "expanded";
   return O(() => {
     oe(), B.current = m.state;
   }, [m.state, oe]), O(() => {
@@ -4312,11 +4346,11 @@ function vc({
         ce.set(J.x), X.set(J.y);
         return;
       }
-      const $ = me();
+      const $ = pe();
       $ && (ce.set($.x), X.set($.y));
     };
     return window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
-  }, [m.state, ce, X, me, C]), O(() => {
+  }, [m.state, ce, X, pe, C]), O(() => {
     const L = ie.current;
     return () => {
       L.forEach(($) => {
@@ -4324,15 +4358,15 @@ function vc({
       }), L.clear();
     };
   }, []), O(() => {
-    if (m.state === "compact" && De.current) {
-      const L = De.current.scrollHeight + y.PADDING;
+    if (m.state === "compact" && Ee.current) {
+      const L = Ee.current.scrollHeight + y.PADDING;
       Te(L);
     }
   }, [m.state, P.value]), o === "embedded" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: pe(k, be.container, be.embedded),
+      className: ge(k, be.container, be.embedded),
       children: /* @__PURE__ */ a(
         Gt,
         {
@@ -4344,25 +4378,25 @@ function vc({
           textareaRef: P.textareaRef,
           placeholder: s,
           isProcessing: e,
-          onStop: h,
+          onStop: p,
           showHeader: !1,
           notice: l,
           suggestions: N,
           clearSuggestions: j,
           error: i,
           emptyView: M,
-          messageRenderer: p,
+          messageRenderer: h,
           showAgentIcon: _,
           onExpand: te,
           focusOnMount: ne.current
         }
       )
     }
-  ) : /* @__PURE__ */ w(Ke, { children: [
+  ) : /* @__PURE__ */ w(Je, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: Ne,
+        ref: xe,
         style: {
           position: "fixed",
           top: y.VIEWPORT_OFFSET,
@@ -4378,7 +4412,7 @@ function vc({
       {
         ref: le,
         "data-slot": "chat-floating",
-        className: pe(k, be.container, be.floating, {
+        className: ge(k, be.container, be.floating, {
           [be.expanded]: m.state === "expanded",
           animating: q
         }),
@@ -4386,17 +4420,17 @@ function vc({
         drag: m.state === "expanded",
         dragControls: ke,
         dragListener: !1,
-        dragConstraints: Ne,
+        dragConstraints: xe,
         dragMomentum: !1,
         dragElastic: C ? 0 : 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: Ve,
-        onPointerDown: xe,
+        onDragEnd: We,
+        onPointerDown: De,
         initial: !1,
         animate: {
           bottom: m.state === "minimized" ? 0 : y.VIEWPORT_OFFSET
         },
-        transition: Be,
+        transition: He,
         style: {
           x: ce,
           y: X,
@@ -4411,10 +4445,10 @@ function vc({
             animate: {
               width: m.state === "collapsed" ? y.COLLAPSED_SIZE : y.COMPACT_WIDTH,
               height: f(m.state),
-              x: m.state === "collapsed" && ge === "right" ? y.COMPACT_WIDTH - y.COLLAPSED_SIZE : 0,
+              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 } : Be
+              transition: P.value.trim() ? { duration: 0 } : He
             },
             onAnimationStart: () => _e(!0),
             onAnimationComplete: () => _e(!1),
@@ -4422,12 +4456,12 @@ function vc({
               borderTopLeftRadius: y.BORDER_RADIUS,
               borderTopRightRadius: y.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ w(ot, { mode: "wait", children: [
+            children: /* @__PURE__ */ w(ct, { mode: "wait", children: [
               m.state === "collapsed" && /* @__PURE__ */ a(
                 en,
                 {
                   icon: c,
-                  onClick: He,
+                  onClick: Ve,
                   onHover: R,
                   focusOnMount: G.current
                 },
@@ -4438,12 +4472,12 @@ function vc({
                 {
                   icon: c,
                   title: r,
-                  onClick: He,
+                  onClick: Ve,
                   focusOnMount: G.current
                 },
                 "minimized"
               ),
-              m.state === "compact" && /* @__PURE__ */ a("div", { ref: De, children: /* @__PURE__ */ a(
+              m.state === "compact" && /* @__PURE__ */ a("div", { ref: Ee, children: /* @__PURE__ */ a(
                 nn,
                 {
                   value: P.value,
@@ -4457,7 +4491,7 @@ function vc({
                   onExpand: te,
                   showExpandButton: !P.value.trim(),
                   focusOnMount: V.current,
-                  onStop: h,
+                  onStop: p,
                   suggestions: N,
                   clearSuggestions: j
                 },
@@ -4474,16 +4508,16 @@ function vc({
                   textareaRef: P.textareaRef,
                   placeholder: s,
                   isProcessing: e,
-                  onStop: h,
+                  onStop: p,
                   showHeader: !0,
                   onClose: fe,
-                  fromCompact: ct,
+                  fromCompact: st,
                   notice: l,
                   suggestions: N,
                   clearSuggestions: j,
                   error: i,
                   emptyView: M,
-                  messageRenderer: p,
+                  messageRenderer: h,
                   showAgentIcon: _,
                   onExpand: te,
                   focusOnMount: ne.current
@@ -4497,27 +4531,27 @@ function vc({
     )
   ] });
 }
-const mo = "ImageUploader-module_container", po = "ImageUploader-module_active", ho = "ImageUploader-module_uploader", fo = "ImageUploader-module_uploading", vo = "ImageUploader-module_content", yo = "ImageUploader-module_hiddenInput", bo = "ImageUploader-module_clickArea", wo = "ImageUploader-module_draggingMessage", Co = "ImageUploader-module_draggingOver", _o = "ImageUploader-module_preview", To = "ImageUploader-module_previewItem", Io = "ImageUploader-module_removeButton", So = "ImageUploader-module_previewImage", ko = "ImageUploader-module_previewMeta", Mo = "ImageUploader-module_previewFilename", Ao = "ImageUploader-module_previewType", Oo = "ImageUploader-module_uploadingIndicator", Lo = "ImageUploader-module_spinner", No = "ImageUploader-module_invalidMessage", ee = {
-  container: mo,
-  active: po,
-  uploader: ho,
-  uploading: fo,
-  content: vo,
-  hiddenInput: yo,
-  clickArea: bo,
-  draggingMessage: wo,
-  draggingOver: Co,
-  preview: _o,
-  previewItem: To,
-  removeButton: Io,
-  previewImage: So,
-  previewMeta: ko,
-  previewFilename: Mo,
-  previewType: Ao,
-  uploadingIndicator: Oo,
-  spinner: Lo,
-  invalidMessage: No
-}, xo = Kt(
+const ho = "ImageUploader-module_container", fo = "ImageUploader-module_active", vo = "ImageUploader-module_uploader", yo = "ImageUploader-module_uploading", bo = "ImageUploader-module_content", wo = "ImageUploader-module_hiddenInput", Co = "ImageUploader-module_clickArea", _o = "ImageUploader-module_draggingMessage", To = "ImageUploader-module_draggingOver", Io = "ImageUploader-module_preview", So = "ImageUploader-module_previewItem", ko = "ImageUploader-module_removeButton", Mo = "ImageUploader-module_previewImage", Ao = "ImageUploader-module_previewMeta", Oo = "ImageUploader-module_previewFilename", Lo = "ImageUploader-module_previewType", No = "ImageUploader-module_uploadingIndicator", xo = "ImageUploader-module_spinner", Do = "ImageUploader-module_invalidMessage", ee = {
+  container: ho,
+  active: fo,
+  uploader: vo,
+  uploading: yo,
+  content: bo,
+  hiddenInput: wo,
+  clickArea: Co,
+  draggingMessage: _o,
+  draggingOver: To,
+  preview: Io,
+  previewItem: So,
+  removeButton: ko,
+  previewImage: Mo,
+  previewMeta: Ao,
+  previewFilename: Oo,
+  previewType: Lo,
+  uploadingIndicator: No,
+  spinner: xo,
+  invalidMessage: Do
+}, Eo = Kt(
   ({
     image: t,
     allowDragToInsert: e,
@@ -4588,7 +4622,7 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
       t.id
     );
   }
-), yc = Jt(function({
+), wc = Jt(function({
   images: e = [],
   uploadingImages: i = [],
   onFilesSelected: n,
@@ -4600,16 +4634,16 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
   onImageDragEnd: g,
   acceptedFileTypes: d = ["image/jpeg", "image/png"],
   maxFileSize: u,
-  maxFiles: h,
+  maxFiles: p,
   uploadingIndicator: M,
   className: x = "",
   showFileMetadata: N = !0,
   allowDragToInsert: j = !0,
-  onError: p,
+  onError: h,
   visible: _ = !0,
   dropZoneRef: k
 }, D) {
-  const { textareaRef: C } = Oe(), [H, Y] = Z(!1), [z, S] = Z(!1), [m, V] = Z(!1), G = A(null), ne = A(null), q = A(0);
+  const { textareaRef: C } = Le(), [H, Y] = Z(!1), [z, S] = Z(!1), [m, V] = Z(!1), G = A(null), ne = A(null), q = A(0);
   xn(D, () => ({
     openFileDialog: () => {
       var f;
@@ -4620,8 +4654,8 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
     if (!f)
       return;
     const R = (te) => {
-      var fe, me;
-      (me = (fe = te.dataTransfer) == null ? void 0 : fe.types) != null && me.includes("Files") && (q.current += 1, S(!0));
+      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));
     }, U = () => {
@@ -4658,8 +4692,8 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
       if (K.length < R.length) {
         V(!0);
         const U = d.map((te) => te.split("/")[1].toUpperCase()).join(" or ");
-        p == null || p(
-          Fe(
+        h == null || h(
+          je(
             /* translators: %s: allowed file types (e.g., "JPEG or PNG") */
             E(
               "Only %s image files are allowed.",
@@ -4671,21 +4705,21 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
           V(!1);
         }, 3e3);
       }
-      if (h && K.length > h) {
-        p == null || p(
-          Fe(
+      if (p && K.length > p) {
+        h == null || h(
+          je(
             /* translators: %d: maximum number of files allowed */
             E("Maximum %d files allowed.", "a8c-agenttic"),
-            h
+            p
           )
         );
-        const U = K.slice(0, h);
+        const U = K.slice(0, p);
         U.length > 0 && n(U);
         return;
       }
       K.length > 0 && n(K);
     },
-    [n, d, h, p]
+    [n, d, p, h]
   ), oe = A(ie);
   O(() => {
     oe.current = ie;
@@ -4707,18 +4741,18 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
     };
   }, [k, c]), O(() => {
     const f = (R) => {
-      var me;
+      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)
         return;
-      const te = (me = R.clipboardData) == null ? void 0 : me.items;
+      const te = (pe = R.clipboardData) == null ? void 0 : pe.items;
       if (!te)
         return;
       const fe = [];
-      for (let xe = 0; xe < te.length; xe++) {
-        const Ve = te[xe];
-        if (Ve.type.startsWith("image/")) {
-          const Ce = Ve.getAsFile();
+      for (let De = 0; De < te.length; De++) {
+        const We = te[De];
+        if (We.type.startsWith("image/")) {
+          const Ce = We.getAsFile();
           Ce && fe.push(Ce);
         }
       }
@@ -4737,21 +4771,21 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
       const R = Array.from(f.dataTransfer.files);
       ie(f.dataTransfer.files), c == null || c(R);
     }
-  }, ge = (f) => {
+  }, me = (f) => {
     if (f.target.files) {
       const R = Array.from(f.target.files);
       ie(f.target.files), o == null || o(R);
     }
     f.target.value = "";
-  }, Le = () => {
+  }, Ne = () => {
     var f;
     (f = G.current) == null || f.click();
-  }, De = b(
+  }, Ee = b(
     (f, R) => {
       l == null || l(f, R);
     },
     [l]
-  ), Ne = b(
+  ), xe = b(
     (f, R) => {
       g == null || g(f, R);
     },
@@ -4764,11 +4798,11 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
   );
   if (!_)
     return null;
-  const Ee = e.length > 0, v = i.length > 0, ce = z, X = !z && (Ee || v), ke = Ee || v || z || m, He = u ? Fe(
+  const Re = e.length > 0, v = i.length > 0, ce = z, X = !z && (Re || v), ke = Re || v || z || m, Ve = u ? je(
     /* translators: %s: maximum file size (e.g., "5 MB") */
     E("Upload image files up to %s each.", "a8c-agenttic"),
     _e(u)
-  ) : "", Ie = Fe(
+  ) : "", Ie = 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 ")
@@ -4783,15 +4817,15 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
         {
           className: `${ee.uploader} ${v ? ee.uploading : ""} ${H ? ee.draggingOver : ""}`,
           children: /* @__PURE__ */ w("div", { className: ee.content, children: [
-            !m && /* @__PURE__ */ w(Ke, { children: [
+            !m && /* @__PURE__ */ w(Je, { children: [
               /* @__PURE__ */ a(
                 "input",
                 {
                   ref: G,
                   type: "file",
                   accept: d.join(","),
-                  multiple: !h || h > 1,
-                  onChange: ge,
+                  multiple: !p || p > 1,
+                  onChange: me,
                   className: ee.hiddenInput
                 }
               ),
@@ -4799,14 +4833,14 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
                 "div",
                 {
                   className: ee.clickArea,
-                  onClick: Le,
+                  onClick: Ne,
                   onDragOver: P,
                   onDragLeave: T,
                   onDrop: Te,
                   role: "button",
                   tabIndex: 0,
                   onKeyDown: (f) => {
-                    (f.key === "Enter" || f.key === " ") && Le();
+                    (f.key === "Enter" || f.key === " ") && Ne();
                   },
                   "aria-label": E(
                     "Click to upload images or drag and drop",
@@ -4819,17 +4853,17 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
                         "a8c-agenttic"
                       ) }),
                       /* @__PURE__ */ a("br", {}),
-                      u && He
+                      u && Ve
                     ] }) }),
                     X && /* @__PURE__ */ w("div", { className: ee.preview, children: [
-                      Ee && e.map((f) => /* @__PURE__ */ a(
-                        xo,
+                      Re && e.map((f) => /* @__PURE__ */ a(
+                        Eo,
                         {
                           image: f,
                           allowDragToInsert: j,
                           showFileMetadata: N,
-                          onDragStart: De,
-                          onDragEnd: Ne,
+                          onDragStart: Ee,
+                          onDragEnd: xe,
                           onRemove: le
                         },
                         f.id
@@ -4864,27 +4898,27 @@ const mo = "ImageUploader-module_container", po = "ImageUploader-module_active",
       )
     }
   );
-}), Do = "MessageDivider-module_container", Eo = "MessageDivider-module_line", Ro = "MessageDivider-module_message", ut = {
-  container: Do,
-  line: Eo,
-  message: Ro
+}), Ro = "MessageDivider-module_container", Po = "MessageDivider-module_line", $o = "MessageDivider-module_message", ut = {
+  container: Ro,
+  line: Po,
+  message: $o
 };
-function bc({ message: t = "" }) {
+function Cc({ message: t = "" }) {
   return /* @__PURE__ */ w("div", { className: ut.container, children: [
     /* @__PURE__ */ a("div", { className: ut.line }),
-    t && /* @__PURE__ */ w(Ke, { children: [
+    t && /* @__PURE__ */ w(Je, { children: [
       /* @__PURE__ */ a("span", { className: ut.message, children: t }),
       /* @__PURE__ */ a("div", { className: ut.line })
     ] })
   ] });
 }
-const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "EmptyView-module_heading", jo = "EmptyView-module_help", Uo = "EmptyView-module_suggestionsWrapper", at = {
-  container: Po,
-  icon: $o,
-  heading: Fo,
-  help: jo,
-  suggestionsWrapper: Uo
-}, wc = ({
+const Fo = "EmptyView-module_container", jo = "EmptyView-module_icon", Uo = "EmptyView-module_heading", Bo = "EmptyView-module_help", Ho = "EmptyView-module_suggestionsWrapper", it = {
+  container: Fo,
+  icon: jo,
+  heading: Uo,
+  help: Bo,
+  suggestionsWrapper: Ho
+}, _c = ({
   suggestions: t,
   onSuggestionClick: e,
   icon: i = "✨",
@@ -4893,10 +4927,10 @@ const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "Emp
     "a8c-agenttic"
   ),
   help: o
-}) => /* @__PURE__ */ w("div", { className: at.container, children: [
-  /* @__PURE__ */ a("div", { className: at.icon, children: i }),
-  /* @__PURE__ */ a("h2", { className: at.heading, children: n }),
-  t && t.length > 0 && /* @__PURE__ */ a("div", { className: at.suggestionsWrapper, children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ w("div", { className: it.container, children: [
+  /* @__PURE__ */ a("div", { className: it.icon, children: i }),
+  /* @__PURE__ */ a("h2", { className: it.heading, children: n }),
+  t && t.length > 0 && /* @__PURE__ */ a("div", { className: it.suggestionsWrapper, children: /* @__PURE__ */ a(
     vt,
     {
       suggestions: t,
@@ -4905,16 +4939,16 @@ const Po = "EmptyView-module_container", $o = "EmptyView-module_icon", Fo = "Emp
       layout: "vertical"
     }
   ) }),
-  o && /* @__PURE__ */ a("p", { className: at.help, children: o })
-] }), Bo = "ImageRenderer-module_container", Ho = "ImageRenderer-module_imageButton", Vo = "ImageRenderer-module_selected", Wo = "ImageRenderer-module_disabled", zo = "ImageRenderer-module_image", Go = "ImageRenderer-module_header", Ze = {
-  container: Bo,
-  imageButton: Ho,
-  selected: Vo,
-  disabled: Wo,
-  image: zo,
-  header: Go
+  o && /* @__PURE__ */ a("p", { className: it.help, children: o })
+] }), Vo = "ImageRenderer-module_container", Wo = "ImageRenderer-module_imageButton", zo = "ImageRenderer-module_selected", Go = "ImageRenderer-module_disabled", Zo = "ImageRenderer-module_image", Yo = "ImageRenderer-module_header", Ye = {
+  container: Vo,
+  imageButton: Wo,
+  selected: zo,
+  disabled: Go,
+  image: Zo,
+  header: Yo
 };
-function Zo({ className: t, size: e = 24 }) {
+function Ko({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -4935,7 +4969,7 @@ function Zo({ className: t, size: e = 24 }) {
     }
   );
 }
-const Cc = ({
+const Tc = ({
   images: t,
   onSelect: e,
   header: i,
@@ -4952,17 +4986,17 @@ const Cc = ({
     };
     return window.addEventListener("click", l, !0), () => window.removeEventListener("click", l, !0);
   }, [e, n, o]), /* @__PURE__ */ w(se.div, { children: [
-    i || /* @__PURE__ */ w("div", { className: Ze.header, children: [
-      /* @__PURE__ */ a(Zo, {}),
+    i || /* @__PURE__ */ w("div", { className: Ye.header, children: [
+      /* @__PURE__ */ a(Ko, {}),
       " Done"
     ] }),
-    /* @__PURE__ */ a("div", { className: Ze.container, ref: r, children: t.map((l) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: Ye.container, ref: r, children: t.map((l) => /* @__PURE__ */ a(
       "button",
       {
-        className: pe(
-          Ze.imageButton,
-          !n && o === l.url ? Ze.selected : "",
-          n ? Ze.disabled : ""
+        className: ge(
+          Ye.imageButton,
+          !n && o === l.url ? Ye.selected : "",
+          n ? Ye.disabled : ""
         ),
         onClick: () => s(l),
         disabled: n,
@@ -4972,7 +5006,7 @@ const Cc = ({
           {
             src: l.url,
             alt: l.alt,
-            className: Ze.image
+            className: Ye.image
           }
         )
       },
@@ -4980,7 +5014,7 @@ const Cc = ({
     )) })
   ] });
 };
-function _c({ className: t, size: e = 24 }) {
+function Ic({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5000,7 +5034,7 @@ function _c({ className: t, size: e = 24 }) {
     }
   );
 }
-function Tc({ className: t, size: e = 24 }) {
+function Sc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5021,7 +5055,7 @@ function Tc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Ic({ className: t, size: e = 24 }) {
+function kc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5042,7 +5076,7 @@ function Ic({ className: t, size: e = 24 }) {
     }
   );
 }
-function Sc({ className: t, size: e = 24 }) {
+function Mc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5065,7 +5099,7 @@ function Sc({ className: t, size: e = 24 }) {
     }
   );
 }
-function kc({ className: t, size: e = 24 }) {
+function Ac({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5087,7 +5121,7 @@ function kc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Mc({ className: t, size: e = 24 }) {
+function Oc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -5118,7 +5152,7 @@ function Mc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Ac({ className: t, size: e = 24 }) {
+function Lc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -5148,7 +5182,7 @@ function Ac({ className: t, size: e = 24 }) {
     }
   );
 }
-function Oc({ className: t, size: e = 24 }) {
+function Nc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5169,7 +5203,7 @@ function Oc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Lc({ className: t, size: e = 24 }) {
+function xc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ w(
     "svg",
     {
@@ -5201,7 +5235,7 @@ function Lc({ className: t, size: e = 24 }) {
     }
   );
 }
-function Nc({ className: t, size: e = 24 }) {
+function Dc({ className: t, size: e = 24 }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -5222,13 +5256,13 @@ function Nc({ className: t, size: e = 24 }) {
     }
   );
 }
-const Yo = (t, e = "") => {
+const Jo = (t, e = "") => {
   try {
     return getComputedStyle(document.documentElement).getPropertyValue(t).trim() || e;
   } catch (i) {
     return console.warn(`Failed to get CSS variable ${t}:`, i), e;
   }
-}, it = ({ message: t, details: e }) => /* @__PURE__ */ w("div", { className: "chart-error", children: [
+}, rt = ({ message: t, details: e }) => /* @__PURE__ */ w("div", { className: "chart-error", children: [
   /* @__PURE__ */ a("strong", { children: "Chart Error:" }),
   " ",
   t,
@@ -5240,8 +5274,8 @@ const Yo = (t, e = "") => {
   children: t,
   error: e
 }) => {
-  const i = rt(() => {
-    const o = [Yo("--color-primary", "#4F46E5"), "#f0b849", "#00a32a", "#8c5e94"];
+  const i = ot(() => {
+    const o = [Jo("--color-primary", "#4F46E5"), "#f0b849", "#00a32a", "#8c5e94"];
     return {
       ...$n,
       colors: o,
@@ -5259,7 +5293,7 @@ const Yo = (t, e = "") => {
       legendGlyphSize: 12
     };
   }, []);
-  return e ? /* @__PURE__ */ a(it, { message: e.message, details: e.details }) : /* @__PURE__ */ a("div", { className: "chart-block", children: /* @__PURE__ */ a("div", { className: "chart-container", children: /* @__PURE__ */ a(Fn, { theme: i, children: t }) }) });
+  return e ? /* @__PURE__ */ a(rt, { message: e.message, details: e.details }) : /* @__PURE__ */ a("div", { className: "chart-block", children: /* @__PURE__ */ a("div", { className: "chart-container", children: /* @__PURE__ */ a(Fn, { theme: i, children: t }) }) });
 }, Mt = (t = 80, e = 6, i = 25, n) => Math.max(t, (n ?? 5) * e + i), Zt = (t) => {
   if (t instanceof Date)
     return t;
@@ -5316,7 +5350,7 @@ const Yo = (t, e = "") => {
   },
   ...t,
   bottom: Mt(120)
-}), Ko = (t) => {
+}), qo = (t) => {
   const {
     data: e,
     currency: i,
@@ -5329,12 +5363,12 @@ const Yo = (t, e = "") => {
     maxLabelLength: g = 15,
     error: d,
     ...u
-  } = t, h = (_, k) => !l || _.length <= k ? _ : _.substring(0, k - 3) + "...", M = () => {
+  } = t, p = (_, k) => !l || _.length <= k ? _ : _.substring(0, k - 3) + "...", M = () => {
     if (s === "item-comparison" && e && e.length > 0) {
       let _ = "";
       return e.forEach((k) => {
         k != null && k.data && k.data.forEach((D) => {
-          const C = D.label || "", H = h(C, g);
+          const C = D.label || "", H = p(C, g);
           H.length > _.length && (_ = H);
         });
       }), Mt(80, 6, 25, _.length);
@@ -5351,7 +5385,7 @@ const Yo = (t, e = "") => {
     axis: {
       x: {
         orientation: "bottom",
-        tickFormat: (_) => h(_, g),
+        tickFormat: (_) => p(_, g),
         tickLabelProps: {
           fontSize: 11,
           textAnchor: "end",
@@ -5369,7 +5403,7 @@ const Yo = (t, e = "") => {
         dy: -15
       }
     }
-  }, p = {
+  }, h = {
     data: e,
     withTooltips: o,
     renderTooltip: c,
@@ -5385,9 +5419,9 @@ const Yo = (t, e = "") => {
     ...i && { currency: i },
     ...u
   };
-  return /* @__PURE__ */ a(fn, { error: d, children: /* @__PURE__ */ a(jn, { ...p }) });
+  return /* @__PURE__ */ a(fn, { error: d, children: /* @__PURE__ */ a(jn, { ...h }) });
 };
-class Jo extends Dn {
+class Xo extends Dn {
   constructor(e) {
     super(e), this.state = {
       hasError: !1,
@@ -5424,7 +5458,7 @@ class Jo extends Dn {
     if (this.state.hasError) {
       const i = ((e = this.state.error) == null ? void 0 : e.message) || "An error occurred while rendering the chart";
       return /* @__PURE__ */ a(
-        it,
+        rt,
         {
           message: i,
           details: [
@@ -5438,7 +5472,7 @@ class Jo extends Dn {
     return this.props.children;
   }
 }
-const qo = (t) => {
+const Qo = (t) => {
   const {
     data: e,
     currency: i,
@@ -5477,7 +5511,7 @@ const qo = (t) => {
     ...g
   };
   return /* @__PURE__ */ a(fn, { error: l, children: /* @__PURE__ */ a(Un, { ...u }) });
-}, Xo = ({
+}, ec = ({
   data: t,
   className: e = "",
   config: i
@@ -5485,9 +5519,9 @@ const qo = (t) => {
   const [n, o] = Z(null), [c, r] = Z(
     null
   ), [s, l] = Z(300), g = A(null), d = b(
-    (p) => {
+    (h) => {
       var z;
-      const { tooltipData: _ } = p, k = (z = _ == null ? void 0 : _.nearestDatum) == null ? void 0 : z.datum;
+      const { tooltipData: _ } = h, k = (z = _ == null ? void 0 : _.nearestDatum) == null ? void 0 : z.datum;
       if (!k)
         return null;
       const D = (S) => {
@@ -5503,7 +5537,7 @@ const qo = (t) => {
         const V = Math.floor(
           ((/* @__PURE__ */ new Date()).getTime() - S.getTime()) / (1e3 * 60 * 60 * 24)
         );
-        return V === 0 ? E("Today", "a8c-agenttic") : V === 1 ? E("Yesterday", "a8c-agenttic") : V < 7 ? Fe(
+        return V === 0 ? E("Today", "a8c-agenttic") : V === 1 ? E("Yesterday", "a8c-agenttic") : V < 7 ? je(
           /* translators: %d: number of days */
           E("%d days ago", "a8c-agenttic"),
           V
@@ -5575,8 +5609,8 @@ const qo = (t) => {
       return;
     }
     try {
-      const p = JSON.parse(t.trim());
-      if (!p.chartType) {
+      const h = JSON.parse(t.trim());
+      if (!h.chartType) {
         o({
           message: E(
             "Chart data must include chartType",
@@ -5586,7 +5620,7 @@ const qo = (t) => {
         });
         return;
       }
-      if (!p.data || !Array.isArray(p.data)) {
+      if (!h.data || !Array.isArray(h.data)) {
         o({
           message: E(
             "Chart data must include a data array",
@@ -5596,7 +5630,7 @@ const qo = (t) => {
         });
         return;
       }
-      if (p.data.length === 0) {
+      if (h.data.length === 0) {
         o({
           message: E(
             "No data points found for chart",
@@ -5606,7 +5640,7 @@ const qo = (t) => {
         });
         return;
       }
-      const _ = p.data.map((D) => ({
+      const _ = h.data.map((D) => ({
         ...D,
         data: D.data.map((C) => {
           if (C.date) {
@@ -5630,11 +5664,11 @@ const qo = (t) => {
           };
         })
       })), k = {
-        chartType: p.chartType,
-        title: p.title,
+        chartType: h.chartType,
+        title: h.title,
         data: _,
-        currency: p.currency,
-        mode: p.mode || "time-comparison"
+        currency: h.currency,
+        mode: h.mode || "time-comparison"
       };
       r(k);
     } catch {
@@ -5647,9 +5681,9 @@ const qo = (t) => {
       });
     }
   }, [t]);
-  const u = b((p) => {
-    if (g.current && g.current.disconnect(), p) {
-      const { width: _ } = p.getBoundingClientRect(), k = Math.max(280, _ - 4);
+  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(
@@ -5658,16 +5692,16 @@ const qo = (t) => {
           );
           l(Y);
         }
-      }), g.current.observe(p);
+      }), g.current.observe(h);
     }
   }, []);
   if (O(() => () => {
     g.current && (g.current.disconnect(), g.current = null);
   }, []), n)
-    return /* @__PURE__ */ a(it, { message: n.message, details: n.details });
+    return /* @__PURE__ */ a(rt, { message: n.message, details: n.details });
   if (!c)
     return /* @__PURE__ */ a(
-      it,
+      rt,
       {
         message: E("No chart data available", "a8c-agenttic")
       }
@@ -5685,10 +5719,10 @@ const qo = (t) => {
   }, j = () => {
     switch (c.chartType) {
       case "line":
-        return /* @__PURE__ */ a(qo, { ...N });
+        return /* @__PURE__ */ a(Qo, { ...N });
       case "bar":
         return /* @__PURE__ */ a(
-          Ko,
+          qo,
           {
             ...N,
             mode: c.mode
@@ -5696,9 +5730,9 @@ const qo = (t) => {
         );
       default:
         return /* @__PURE__ */ a(
-          it,
+          rt,
           {
-            message: Fe(
+            message: je(
               /* translators: %s: chart type name */
               E("Unsupported chart type: %s", "a8c-agenttic"),
               c.chartType
@@ -5707,7 +5741,7 @@ const qo = (t) => {
         );
     }
   };
-  return /* @__PURE__ */ a(Jo, { chartData: t, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ a(Xo, { chartData: t, children: /* @__PURE__ */ w(
     "div",
     {
       ref: u,
@@ -5719,7 +5753,7 @@ const qo = (t) => {
     }
   ) });
 };
-function Qo(t) {
+function tc(t) {
   return function(i) {
     const { children: n, className: o, ...c } = i;
     if (!(o == null ? void 0 : o.includes("language-chart")))
@@ -5729,26 +5763,26 @@ function Qo(t) {
         n
       );
     const s = typeof n == "string" ? n : "";
-    return ae.createElement(Xo, {
+    return ae.createElement(ec, {
       data: s,
       className: "markdown-chart",
       config: t
     });
   };
 }
-function ec(t) {
+function ac(t) {
   var n, o;
   const e = {}, i = [];
-  return (n = t == null ? void 0 : t.charts) != null && n.enabled && (e.code = Qo(t.charts.config)), (o = t == null ? void 0 : t.gfm) != null && o.enabled && i.push(Pn), { components: e, remarkPlugins: i };
+  return (n = t == null ? void 0 : t.charts) != null && n.enabled && (e.code = tc(t.charts.config)), (o = t == null ? void 0 : t.gfm) != null && o.enabled && i.push(Pn), { components: e, remarkPlugins: i };
 }
-function tc(t, e = {}) {
+function nc(t, e = {}) {
   return {
     ...t,
     ...e
   };
 }
 let gt = null, mt = null;
-async function ac() {
+async function ic() {
   return gt || mt || (mt = Promise.all([
     import("./parseIncompleteMarkdown-Di9Hun9H.js"),
     import("./parseBlocks-CiOUXvxi.js")
@@ -5757,21 +5791,21 @@ async function ac() {
     parseMarkdownIntoBlocks: e.parseMarkdownIntoBlocks
   }, gt)), mt);
 }
-function xc(t = {}) {
+function Ec(t = {}) {
   const {
     components: e = {},
     extensions: i = {},
     remarkPlugins: n = [],
     enableStreaming: o = !1
-  } = t, c = ec(i), r = tc(
+  } = t, c = ac(i), r = nc(
     c.components,
     e
   ), s = [...c.remarkPlugins, ...n];
   return function({ children: g }) {
     const [d, u] = ae.useState(g);
     return ae.useEffect(() => {
-      o ? ac().then(async (h) => {
-        const x = (await h.parseMarkdownIntoBlocks(g)).map((N) => h.parseIncompleteMarkdown(
+      o ? ic().then(async (p) => {
+        const x = (await p.parseMarkdownIntoBlocks(g)).map((N) => p.parseIncompleteMarkdown(
           N.trim()
         )).join(`
 
@@ -5790,7 +5824,7 @@ function xc(t = {}) {
     );
   };
 }
-const Dc = (t) => {
+const Rc = (t) => {
   const e = t.condition || (() => !0), i = {}, n = [], o = () => {
     n.forEach((r) => r());
   }, c = async (r, s) => {
@@ -5843,64 +5877,64 @@ const Dc = (t) => {
   };
 };
 export {
-  fc as AgentUI,
+  yc as AgentUI,
   on as AgentUIContainer,
   xt as AgentUIConversationView,
   hn as AgentUIFooter,
   St as AgentUIHeader,
   un as AgentUIInput,
-  lo as AgentUIInputToolbar,
+  go as AgentUIInputToolbar,
   dn as AgentUIMessages,
   pn as AgentUINotice,
   Vt as AgentUIProvider,
   gn as AgentUISuggestions,
-  Lc as AltIcon,
+  xc as AltIcon,
   Ji as AnimatedPlaceholder,
   Bi as ArrowUpIcon,
-  kr as AssistantAvatarIcon,
-  Ko as BarChart,
+  Ar as AssistantAvatarIcon,
+  qo as BarChart,
   Lt as BigSkyIcon,
-  Nc as BlurIcon,
-  Xo as ChartBlock,
-  vc as Chat,
-  go as ChatFooter,
+  Dc as BlurIcon,
+  ec as ChartBlock,
+  bc as Chat,
+  po as ChatFooter,
   sn as ChatHeader,
   Nt as ChatInput,
   an as ChevronUpIcon,
   en as CollapsedView,
   nn as CompactView,
   Gt as ConversationView,
-  Ic as CopyIcon,
-  wc as EmptyView,
-  Cc as ImageRenderer,
-  yc as ImageUploader,
-  qo as LineChart,
-  Rr as Message,
+  kc as CopyIcon,
+  _c as EmptyView,
+  Tc as ImageRenderer,
+  wc as ImageUploader,
+  Qo as LineChart,
+  $r as Message,
   zt as MessageActions,
-  bc as MessageDivider,
+  Cc as MessageDivider,
   ln as Messages,
   rn as MinimizedView,
   mn as Notice,
-  Vr as PlusIcon,
-  Pc as QuestionCard,
-  Oc as RegenerateAltIcon,
-  Ac as RegenerateIcon,
+  zr as PlusIcon,
+  Fc as QuestionCard,
+  Nc as RegenerateAltIcon,
+  Lc as RegenerateIcon,
   Hi as StopIcon,
-  Sc as StylesIcon,
+  Mc as StylesIcon,
   vt as Suggestions,
-  Br as ThinkingMessage,
-  Tc as ThumbsDownIcon,
-  _c as ThumbsUpIcon,
+  Vr as ThinkingMessage,
+  Sc as ThumbsDownIcon,
+  Ic as ThumbsUpIcon,
   cn as XIcon,
-  kc as ZoomIcon,
-  Mc as ZoomIconFilled,
-  hc as animations,
-  pe as cn,
-  Dc as createFeedbackActions,
-  xc as createMessageRenderer,
-  fc as default,
+  Ac as ZoomIcon,
+  Oc as ZoomIconFilled,
+  vc as animations,
+  ge as cn,
+  Rc as createFeedbackActions,
+  Ec as createMessageRenderer,
+  yc as default,
   _i as loadAgentticTranslations,
-  Oe as useAgentUIContext,
+  Le as useAgentUIContext,
   Za as useChat,
   Ya as useInput
 };