@automattic/agenttic-ui 0.1.76 → 0.1.77

package/dist/{DiffCard-eat_q_SY.js → DiffCard-WlOKTIaG.js}

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as h, Fragment as X } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as Y } from "react/jsx-runtime";
 import { __ as w } from "@wordpress/i18n";
-import * as at from "react";
-import L, { createContext as mt, useContext as ht, useState as pt, useEffect as z, useId as ft, useCallback as tt, useRef as gt, useMemo as it } from "react";
-import { AnimatePresence as st, motion as M } from "framer-motion";
-import { Slot as bt } from "@radix-ui/react-slot";
-import * as W from "@radix-ui/react-popover";
-import Ct from "react-markdown";
+import * as it from "react";
+import k, { createContext as pt, useContext as ht, useState as ft, useEffect as tt, useId as gt, useCallback as et, useRef as bt, useMemo as st } from "react";
+import { AnimatePresence as lt, motion as W } from "framer-motion";
+import { Slot as Ct } from "@radix-ui/react-slot";
+import * as O from "@radix-ui/react-popover";
+import vt from "react-markdown";
 import './DiffCard.css';function v(...t) {
   return t.flat().filter(Boolean).map((n) => typeof n == "string" ? n : typeof n == "object" && !Array.isArray(n) && n !== null ? Object.entries(n).filter(([o, a]) => a).map(([o]) => o).join(" ") : "").join(" ").trim();
 }
-const Y = {
+const J = {
   type: "spring",
   stiffness: 300,
   damping: 30
@@ -22,24 +22,24 @@ const Y = {
   ...U,
   stiffness: 1e3,
   damping: 90
-}, vt = {
+}, wt = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
-}, wt = {
+}, yt = {
   hidden: {
     opacity: 0
   },
   visible: {
     opacity: 1,
-    transition: Y
+    transition: J
   },
   exit: {
     opacity: 0,
-    transition: { ...Y, duration: 0.1 }
+    transition: { ...J, duration: 0.1 }
   }
-}, yt = () => {
+}, _t = () => {
   if (typeof window > "u")
     return { left: 0, right: 0, top: 0, bottom: 0 };
   const t = 20;
@@ -51,81 +51,81 @@ const Y = {
     bottom: window.innerHeight - 60 - t
     // Assuming collapsed height of 60px
   };
-}, _t = {
+}, Nt = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  fadeVariants: wt,
+  fadeVariants: yt,
   fastSpring: U,
   fastSpringWithDelay: Q,
-  getDragConstraints: yt,
-  morphSpring: vt,
-  springConfig: Y,
-  thinkingGradientKeyframes: _t
-}, Symbol.toStringTag, { value: "Module" })), lt = mt(null);
-function T() {
-  const t = ht(lt);
+  getDragConstraints: _t,
+  morphSpring: wt,
+  springConfig: J,
+  thinkingGradientKeyframes: Nt
+}, Symbol.toStringTag, { value: "Module" })), rt = pt(null);
+function Z() {
+  const t = ht(rt);
   if (!t)
     throw new Error(
       "useAgentUIContext must be used within an AgentUIContainer"
     );
   return t;
 }
-function Cn({ children: t, value: n }) {
-  return /* @__PURE__ */ e(lt.Provider, { value: n, children: t });
+function yn({ children: t, value: n }) {
+  return /* @__PURE__ */ e(rt.Provider, { value: n, children: t });
 }
-const Nt = "button-module_button", xt = "button-module_pressed", St = "button-module_primary", It = "button-module_ghost", $t = "button-module_outline", Lt = "button-module_transparent", kt = "button-module_link", At = "button-module_icon", Dt = "button-module_sm", Rt = "button-module_lg", Bt = "button-module_withTextAndIcon", H = {
-  button: Nt,
-  pressed: xt,
+const xt = "button-module_button", It = "button-module_pressed", St = "button-module_primary", $t = "button-module_ghost", Lt = "button-module_outline", kt = "button-module_transparent", Dt = "button-module_link", At = "button-module_icon", Rt = "button-module_sm", Bt = "button-module_lg", Wt = "button-module_withTextAndIcon", T = {
+  button: xt,
+  pressed: It,
   primary: St,
-  ghost: It,
-  outline: $t,
-  transparent: Lt,
-  link: kt,
+  ghost: $t,
+  outline: Lt,
+  transparent: kt,
+  link: Dt,
   icon: At,
-  sm: Dt,
-  lg: Rt,
-  withTextAndIcon: Bt
-}, k = at.forwardRef(
+  sm: Rt,
+  lg: Bt,
+  withTextAndIcon: Wt
+}, D = it.forwardRef(
   function({
     className: n,
     variant: o = "primary",
     size: a,
     icon: i,
-    children: l,
-    asChild: s = !1,
-    pressed: b,
-    ...f
+    children: s,
+    asChild: r = !1,
+    pressed: f,
+    ...g
   }, d) {
-    const u = s ? bt : "button", r = !!i, p = a || (r && !l ? "icon" : void 0);
-    return /* @__PURE__ */ h(
+    const u = r ? Ct : "button", c = !!i, b = a || (c && !s ? "icon" : void 0);
+    return /* @__PURE__ */ p(
       u,
       {
         ref: d,
         "data-slot": "button",
         className: v(
-          H.button,
-          H[o],
-          p && H[p],
-          r && l ? H.withTextAndIcon : void 0,
-          b ? H.pressed : void 0,
+          T.button,
+          T[o],
+          b && T[b],
+          c && s ? T.withTextAndIcon : void 0,
+          f ? T.pressed : void 0,
           n
         ),
-        "aria-pressed": b,
-        ...f,
+        "aria-pressed": f,
+        ...g,
         children: [
           i,
-          l
+          s
         ]
       }
     );
   }
 );
-k.displayName = "Button";
+D.displayName = "Button";
 const Mt = "Textarea-module_textarea", jt = {
   textarea: Mt
-}, rt = at.forwardRef(
+}, ct = it.forwardRef(
   ({ className: t, ...n }, o) => /* @__PURE__ */ e(
     "textarea",
     {
@@ -136,7 +136,7 @@ const Mt = "Textarea-module_textarea", jt = {
     }
   )
 );
-rt.displayName = "Textarea";
+ct.displayName = "Textarea";
 function Et({ className: t, size: n = 24 }) {
   return /* @__PURE__ */ e(
     "svg",
@@ -181,14 +181,16 @@ function Pt({ className: t, size: n = 24 }) {
     }
   );
 }
-const Vt = "ChatInput-module_container", Ht = "ChatInput-module_textareaContainer", Ut = "ChatInput-module_actions", Tt = "ChatInput-module_containerStacked", Zt = "ChatInput-module_button", R = {
+const Vt = "ChatInput-module_container", Ht = "ChatInput-module_textareaContainer", Tt = "ChatInput-module_actions", Ut = "ChatInput-module_containerStacked", Zt = "ChatInput-module_button", Ot = "ChatInput-module_actionWrapper", Qt = "ChatInput-module_actionWrapperDisabled", I = {
   container: Vt,
   textareaContainer: Ht,
-  actions: Ut,
-  containerStacked: Tt,
-  button: Zt
+  actions: Tt,
+  containerStacked: Ut,
+  button: Zt,
+  actionWrapper: Ot,
+  actionWrapperDisabled: Qt
 };
-function Ot({ className: t, size: n = 24 }) {
+function Ft({ className: t, size: n = 24 }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -210,27 +212,27 @@ function Ot({ className: t, size: n = 24 }) {
     }
   );
 }
-const Wt = "AnimatedPlaceholder-module_container", Qt = {
-  container: Wt
+const Gt = "AnimatedPlaceholder-module_container", qt = {
+  container: Gt
 };
-function Ft({
+function Kt({
   texts: t,
   interval: n = 3e3,
   className: o = ""
 }) {
-  const [a, i] = pt(0);
-  return z(() => {
-    const l = setInterval(() => {
+  const [a, i] = ft(0);
+  return tt(() => {
+    const s = setInterval(() => {
       i(
-        (s) => (s + 1) % t.length
+        (r) => (r + 1) % t.length
       );
     }, n);
-    return () => clearInterval(l);
-  }, [t.length, n]), /* @__PURE__ */ e(st, { mode: "wait", children: /* @__PURE__ */ e(
-    M.span,
+    return () => clearInterval(s);
+  }, [t.length, n]), /* @__PURE__ */ e(lt, { mode: "wait", children: /* @__PURE__ */ e(
+    W.span,
     {
       "data-slot": "animated-placeholder",
-      className: v(Qt.container, o),
+      className: v(qt.container, o),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -244,104 +246,117 @@ function Ft({
     a
   ) });
 }
-function Gt({
+function Xt({
   value: t,
   onChange: n,
   onSubmit: o,
   onKeyDown: a,
   textareaRef: i,
-  placeholder: l = w("Ask anything", "a8c-agenttic"),
-  isProcessing: s,
-  onBlur: b,
-  onFocus: f,
+  placeholder: s = w("Ask anything", "a8c-agenttic"),
+  isProcessing: r,
+  onBlur: f,
+  onFocus: g,
   onClick: d,
   fromCompact: u = !1,
-  onExpand: r,
-  showExpandButton: p = !0,
+  onExpand: c,
+  showExpandButton: b = !0,
   focusOnMount: m = !1,
   customActions: N = [],
   actionOrder: y = "before-submit",
   onStop: x,
   disabled: A,
-  onMouseEnter: g,
-  onMouseLeave: D,
-  expandOnClick: I = !1,
-  layout: P = "inline"
+  readOnly: h,
+  onMouseEnter: R,
+  onMouseLeave: $,
+  expandOnClick: P = !1,
+  layout: F = "inline"
 }) {
-  const F = ft(), { variant: et, floatingChatState: j, isInputOverLimit: Z } = T(), G = (
+  const G = gt(), { variant: q, floatingChatState: nt, isInputOverLimit: M } = Z(), j = (
     // If the consumer actively sets `disabled` to `false` (vs undefined), that takes precedence.
-    A !== void 0 ? !A : (t.trim() || s) && !Z
-  ), ct = tt(
-    (c) => {
-      const O = c.key.toLowerCase();
-      if (O === "enter" && !c.shiftKey && (c.nativeEvent.isComposing || c.keyCode === 229)) {
-        c.preventDefault();
+    A !== void 0 ? !A : (t.trim() || r) && !M
+  ), dt = et(
+    (l) => {
+      const H = l.key.toLowerCase();
+      if (H === "enter" && !l.shiftKey && (l.nativeEvent.isComposing || l.keyCode === 229)) {
+        l.preventDefault();
         return;
       }
-      if (O === "enter" && !c.shiftKey && !G) {
-        c.preventDefault();
+      if (H === "enter" && !l.shiftKey && !j) {
+        l.preventDefault();
         return;
       }
-      ((c.metaKey || c.ctrlKey) && O === "z" || c.ctrlKey && O === "y") && c.stopPropagation(), a(c);
+      if (h && H === "enter" && !l.shiftKey) {
+        l.preventDefault();
+        return;
+      }
+      ((l.metaKey || l.ctrlKey) && H === "z" || l.ctrlKey && H === "y") && l.stopPropagation(), a(l);
     },
-    [G, a]
-  ), nt = (c) => c.endsWith("…") ? c : `${c}…`, q = Array.isArray(l);
+    [j, a, h]
+  ), ot = (l) => l.endsWith("…") ? l : `${l}…`, K = Array.isArray(s);
   let V;
-  q ? V = l.map(nt) : l ? V = nt(l) : V = "";
-  const K = gt(m);
-  z(() => {
-    K.current && i.current && i.current.focus(), K.current = !1;
-  }, [K, i]);
-  const ot = () => N.map((c) => /* @__PURE__ */ e(
-    k,
+  K ? V = s.map(ot) : s ? V = ot(s) : V = "";
+  const X = bt(m);
+  tt(() => {
+    X.current && i.current && i.current.focus(), X.current = !1;
+  }, [X, i]);
+  const at = () => N.map((l) => /* @__PURE__ */ e(
+    "span",
     {
-      className: c.className || R.button,
-      onClick: c.onClick,
-      disabled: c.disabled,
-      variant: c.variant || "ghost",
-      icon: c.icon,
-      "aria-label": c["aria-label"]
+      className: v(I.actionWrapper, {
+        [I.actionWrapperDisabled]: l.disabled
+      }),
+      children: /* @__PURE__ */ e(
+        D,
+        {
+          className: l.className || I.button,
+          onClick: l.onClick,
+          disabled: l.disabled,
+          variant: l.variant || "ghost",
+          icon: l.icon,
+          "aria-label": l["aria-label"]
+        }
+      )
     },
-    c.id
-  )), dt = () => et === "embedded" || j === "expanded" || I ? null : p && r ? /* @__PURE__ */ e(
-    k,
+    l.id
+  )), ut = () => q === "embedded" || nt === "expanded" || P ? null : b && c ? /* @__PURE__ */ e(
+    D,
     {
-      className: R.button,
-      onClick: r,
+      className: I.button,
+      onClick: c,
       variant: "ghost",
-      icon: /* @__PURE__ */ e(Ot, {}),
+      icon: /* @__PURE__ */ e(Ft, {}),
       "aria-label": w("Expand conversation", "a8c-agenttic")
     }
-  ) : null, ut = () => {
-    if (s && !x)
+  ) : null, mt = () => {
+    if (r && !x)
       return null;
-    const c = () => {
-      s && x ? x() : o();
+    const l = () => {
+      r && x ? x() : o();
     };
     return /* @__PURE__ */ e(
-      k,
+      D,
       {
-        className: R.button,
-        onClick: c,
-        disabled: !G,
+        className: I.button,
+        onClick: l,
+        disabled: !j,
         variant: "primary",
-        icon: s ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ e(Et, {}),
-        "aria-label": s ? w("Stop processing", "a8c-agenttic") : w("Send message", "a8c-agenttic")
+        icon: r ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ e(Et, {}),
+        "aria-label": r ? w("Stop processing", "a8c-agenttic") : w("Send message", "a8c-agenttic")
       }
     );
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ p(
     "div",
     {
       "data-slot": "chat-input",
-      className: `${R.container}${P === "stacked" ? ` ${R.containerStacked}` : ""}`,
-      onMouseEnter: g,
-      onMouseLeave: D,
+      className: `${I.container}${F === "stacked" ? ` ${I.containerStacked}` : ""}`,
+      onMouseEnter: R,
+      onMouseLeave: $,
       children: [
-        /* @__PURE__ */ h(
-          M.div,
+        /* @__PURE__ */ p(
+          W.div,
           {
-            className: R.textareaContainer,
+            className: I.textareaContainer,
             initial: {
               opacity: 0
             },
@@ -351,24 +366,25 @@ function Gt({
               transition: t.trim() ? { duration: 0 } : Q
             },
             children: [
-              !t && q && /* @__PURE__ */ e(
-                Ft,
+              !t && K && /* @__PURE__ */ e(
+                Kt,
                 {
                   texts: V
                 }
               ),
               /* @__PURE__ */ e(
-                rt,
+                ct,
                 {
-                  id: F,
+                  id: G,
                   ref: i,
                   value: t,
-                  onChange: (c) => n(c.target.value),
-                  onKeyDown: ct,
-                  onBlur: b,
-                  onFocus: f,
+                  readOnly: h,
+                  onChange: (l) => n(l.target.value),
+                  onKeyDown: dt,
+                  onBlur: f,
+                  onFocus: g,
                   onClick: d,
-                  placeholder: q ? "" : V,
+                  placeholder: K ? "" : V,
                   rows: 1,
                   "aria-label": w("Chat input", "a8c-agenttic")
                 }
@@ -376,10 +392,10 @@ function Gt({
             ]
           }
         ),
-        /* @__PURE__ */ h(
-          M.div,
+        /* @__PURE__ */ p(
+          W.div,
           {
-            className: R.actions,
+            className: I.actions,
             initial: {
               opacity: u ? 1 : 0,
               scale: u ? 1 : 0.5
@@ -390,10 +406,10 @@ function Gt({
               transition: t.trim() ? { duration: 0 } : U
             },
             children: [
-              dt(),
-              y === "before-submit" && ot(),
               ut(),
-              y === "after-submit" && ot()
+              y === "before-submit" && at(),
+              mt(),
+              y === "after-submit" && at()
             ]
           }
         )
@@ -401,7 +417,7 @@ function Gt({
     }
   );
 }
-function qt({ className: t, size: n = 24 }) {
+function Yt({ className: t, size: n = 24 }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -423,22 +439,22 @@ function qt({ className: t, size: n = 24 }) {
     }
   );
 }
-const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-module_labelRow", Yt = "SuggestionDropdown-module_chevron", Jt = "SuggestionDropdown-module_chevronOpen", zt = "SuggestionDropdown-module_dropdown", te = "SuggestionDropdown-module_option", E = {
-  container: Kt,
-  labelRow: Xt,
-  chevron: Yt,
-  chevronOpen: Jt,
-  dropdown: zt,
-  option: te
-}, ee = "Suggestions-module_container", ne = "Suggestions-module_vertical", oe = "Suggestions-module_button", ae = "Suggestions-module_label", ie = "Suggestions-module_description", se = "Suggestions-module_floating", _ = {
-  container: ee,
-  vertical: ne,
-  button: oe,
+const Jt = "SuggestionDropdown-module_container", zt = "SuggestionDropdown-module_labelRow", te = "SuggestionDropdown-module_chevron", ee = "SuggestionDropdown-module_chevronOpen", ne = "SuggestionDropdown-module_dropdown", oe = "SuggestionDropdown-module_option", E = {
+  container: Jt,
+  labelRow: zt,
+  chevron: te,
+  chevronOpen: ee,
+  dropdown: ne,
+  option: oe
+}, ae = "Suggestions-module_container", ie = "Suggestions-module_vertical", se = "Suggestions-module_button", le = "Suggestions-module_label", re = "Suggestions-module_description", ce = "Suggestions-module_floating", _ = {
+  container: ae,
+  vertical: ie,
+  button: se,
   "suggestion-content--with-description": "Suggestions-module_suggestion-content--with-description",
-  label: ae,
-  description: ie,
-  floating: se
-}, le = (t, n) => !t || !n ? `${t}${n}` : /\s$/.test(t) || /^\s/.test(n) ? `${t}${n}` : `${t} ${n}`, re = ({
+  label: le,
+  description: re,
+  floating: ce
+}, de = (t, n) => !t || !n ? `${t}${n}` : /\s$/.test(t) || /^\s/.test(n) ? `${t}${n}` : `${t} ${n}`, ue = ({
   suggestion: t,
   onSelect: n,
   availableSuggestions: o,
@@ -446,51 +462,51 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
   showDescription: i
 }) => {
   var A;
-  const [l, s] = L.useState(!1), b = L.useRef(null), [f, d] = L.useState(null), [u, r] = L.useState(null), [p, m] = L.useState(void 0), N = L.useCallback(
-    (g) => {
-      if (b.current = g, !g) {
-        d(null), r(null);
+  const [s, r] = k.useState(!1), f = k.useRef(null), [g, d] = k.useState(null), [u, c] = k.useState(null), [b, m] = k.useState(void 0), N = k.useCallback(
+    (h) => {
+      if (f.current = h, !h) {
+        d(null), c(null);
         return;
       }
       d(
-        g.closest(".agenttic") ?? g
-      ), r(
-        g.closest(
+        h.closest(".agenttic") ?? h
+      ), c(
+        h.closest(
           '[data-slot="conversation-view"]'
         ) ?? null
       );
     },
     []
-  ), y = L.useCallback(
-    (g) => {
-      var D;
-      if (g) {
-        const I = (D = b.current) == null ? void 0 : D.closest(
+  ), y = k.useCallback(
+    (h) => {
+      var R;
+      if (h) {
+        const $ = (R = f.current) == null ? void 0 : R.closest(
           '[data-slot="suggestions"]'
         );
-        I && m(I.clientWidth * 0.9);
+        $ && m($.clientWidth * 0.9);
       }
-      s(g), a == null || a(g);
+      r(h), a == null || a(h);
     },
     [a]
-  ), x = (g) => {
-    const { options: D, ...I } = t, P = {
-      ...I,
-      prompt: le(
+  ), x = (h) => {
+    const { options: R, ...$ } = t, P = {
+      ...$,
+      prompt: de(
         t.prompt ?? t.label,
-        g.value
+        h.value
       ),
-      label: `${t.label} ${g.label}`
+      label: `${t.label} ${h.label}`
     };
     n == null || n(P, o), y(!1);
   };
-  return /* @__PURE__ */ e("div", { ref: N, className: E.container, children: /* @__PURE__ */ h(W.Root, { open: l, onOpenChange: y, children: [
-    /* @__PURE__ */ e(W.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-      k,
+  return /* @__PURE__ */ e("div", { ref: N, className: E.container, children: /* @__PURE__ */ p(O.Root, { open: s, onOpenChange: y, children: [
+    /* @__PURE__ */ e(O.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      D,
       {
         variant: "outline",
         className: _.button,
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ p(
           "div",
           {
             className: v(
@@ -498,13 +514,13 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
               i ? _["suggestion-content--with-description"] : ""
             ),
             children: [
-              /* @__PURE__ */ h("span", { className: E.labelRow, children: [
+              /* @__PURE__ */ p("span", { className: E.labelRow, children: [
                 /* @__PURE__ */ e("span", { className: _.label, children: t.label }),
                 /* @__PURE__ */ e(
-                  qt,
+                  Yt,
                   {
                     size: 14,
-                    className: `${E.chevron} ${l ? E.chevronOpen : ""}`
+                    className: `${E.chevron} ${s ? E.chevronOpen : ""}`
                   }
                 )
               ] }),
@@ -520,8 +536,8 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
         )
       }
     ) }),
-    f && /* @__PURE__ */ e(W.Portal, { container: f, children: /* @__PURE__ */ e(
-      W.Content,
+    g && /* @__PURE__ */ e(O.Portal, { container: g, children: /* @__PURE__ */ e(
+      O.Content,
       {
         className: E.dropdown,
         side: "top",
@@ -529,45 +545,45 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
         sideOffset: 4,
         collisionBoundary: u,
         "aria-label": t.label,
-        style: p ? { width: p } : void 0,
-        children: (A = t.options) == null ? void 0 : A.map((g) => /* @__PURE__ */ e(
+        style: b ? { width: b } : void 0,
+        children: (A = t.options) == null ? void 0 : A.map((h) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "data-slot": "suggestion-option",
             className: E.option,
-            onClick: () => x(g),
-            children: g.label
+            onClick: () => x(h),
+            children: h.label
           },
-          g.id
+          h.id
         ))
       }
     ) })
   ] }) });
-}, ce = ({
+}, me = ({
   className: t,
   suggestions: n,
   onSubmit: o,
   layout: a = "horizontal",
   visible: i = !0,
-  onMouseEnter: l,
-  onMouseLeave: s,
-  onDropdownOpenChange: b,
-  translateY: f = "-100%"
+  onMouseEnter: s,
+  onMouseLeave: r,
+  onDropdownOpenChange: f,
+  translateY: g = "-100%"
 }) => {
-  const { variant: d, reportSuggestionsRendered: u } = T(), r = it(
+  const { variant: d, reportSuggestionsRendered: u } = Z(), c = st(
     () => d === "floating" ? n == null ? void 0 : n.slice(0, 3) : n,
     [n, d]
   );
-  z(() => {
-    i && (r != null && r.length) && (u == null || u(r));
-  }, [i, r, u]);
-  const p = async (m, N) => {
+  tt(() => {
+    i && (c != null && c.length) && (u == null || u(c));
+  }, [i, c, u]);
+  const b = async (m, N) => {
     let y = !0;
     m.action && (y = await m.action()), y && o && m.prompt && o(m, N);
   };
-  return !r || r.length === 0 ? null : /* @__PURE__ */ e(st, { children: i && /* @__PURE__ */ e(
-    M.div,
+  return !c || c.length === 0 ? null : /* @__PURE__ */ e(lt, { children: i && /* @__PURE__ */ e(
+    W.div,
     {
       "data-slot": "suggestions",
       className: v(
@@ -576,16 +592,16 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
         t
       ),
       initial: { opacity: 0, y: "-80%" },
-      animate: { opacity: 1, y: f },
+      animate: { opacity: 1, y: g },
       exit: { opacity: 0, y: "-80%" },
       transition: Q,
-      onMouseEnter: l,
-      onMouseLeave: s,
-      children: r.map(
+      onMouseEnter: s,
+      onMouseLeave: r,
+      children: c.map(
         (m, N) => {
           const y = !!m.description && a !== "horizontal";
           return /* @__PURE__ */ e(
-            M.div,
+            W.div,
             {
               initial: { opacity: 0, y: 10 },
               animate: { opacity: 1, y: 0 },
@@ -595,26 +611,26 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
                 delay: N * 0.05
               },
               children: m.options && m.options.length > 0 ? /* @__PURE__ */ e(
-                re,
+                ue,
                 {
                   suggestion: m,
-                  onSelect: p,
-                  availableSuggestions: r,
-                  onOpenChange: b,
+                  onSelect: b,
+                  availableSuggestions: c,
+                  onOpenChange: f,
                   showDescription: y
                 }
               ) : /* @__PURE__ */ e(
-                k,
+                D,
                 {
                   onClick: (x) => {
-                    x.stopPropagation(), p(
+                    x.stopPropagation(), b(
                       m,
-                      r
+                      c
                     );
                   },
                   variant: "outline",
                   className: _.button,
-                  children: /* @__PURE__ */ h(
+                  children: /* @__PURE__ */ p(
                     "div",
                     {
                       className: v(
@@ -649,7 +665,7 @@ const Kt = "SuggestionDropdown-module_container", Xt = "SuggestionDropdown-modul
     }
   ) });
 };
-function de({ className: t, size: n = 24 }) {
+function pe({ className: t, size: n = 24 }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -669,16 +685,16 @@ function de({ className: t, size: n = 24 }) {
     }
   );
 }
-const ue = "SourcesCard-module_card", me = "SourcesCard-module_heading", he = "SourcesCard-module_list", pe = "SourcesCard-module_item", fe = "SourcesCard-module_title", ge = "SourcesCard-module_label", B = {
-  card: ue,
-  heading: me,
-  list: he,
-  item: pe,
-  title: fe,
-  label: ge
+const he = "SourcesCard-module_card", fe = "SourcesCard-module_heading", ge = "SourcesCard-module_list", be = "SourcesCard-module_item", Ce = "SourcesCard-module_title", ve = "SourcesCard-module_label", B = {
+  card: he,
+  heading: fe,
+  list: ge,
+  item: be,
+  title: Ce,
+  label: ve
 };
-function vn({ sources: t, className: n }) {
-  return t != null && t.length ? /* @__PURE__ */ h(
+function _n({ sources: t, className: n }) {
+  return t != null && t.length ? /* @__PURE__ */ p(
     "section",
     {
       className: v(B.card, n),
@@ -687,8 +703,8 @@ function vn({ sources: t, className: n }) {
       children: [
         /* @__PURE__ */ e("p", { className: B.heading, "data-slot": "heading", children: w("Sources", "a8c-agenttic") }),
         /* @__PURE__ */ e("ul", { className: B.list, "data-slot": "list", children: t.map((o, a) => {
-          const i = o.title || o.url || o.label || w("Untitled source", "a8c-agenttic"), l = o.id || o.url || `${i}-${a}`;
-          return /* @__PURE__ */ h(
+          const i = o.title || o.url || o.label || w("Untitled source", "a8c-agenttic"), s = o.id || o.url || `${i}-${a}`;
+          return /* @__PURE__ */ p(
             "li",
             {
               className: B.item,
@@ -722,14 +738,14 @@ function vn({ sources: t, className: n }) {
                 ) : null
               ]
             },
-            l
+            s
           );
         }) })
       ]
     }
   ) : null;
 }
-function be({ className: t, size: n = 24 }) {
+function we({ className: t, size: n = 24 }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -749,68 +765,72 @@ function be({ className: t, size: n = 24 }) {
     }
   );
 }
-function Ce({
+function ye({
   className: t,
   disabled: n,
-  customActions: o,
-  actionOrder: a,
-  onKeyDown: i,
-  layout: l,
-  imageUploaderRef: s
+  readOnly: o,
+  customActions: a,
+  actionOrder: i,
+  onKeyDown: s,
+  layout: r,
+  imageUploaderRef: f,
+  imageUploadDisabled: g
 } = {}) {
   const {
-    inputValue: b,
-    setInputValue: f,
-    handleSubmit: d,
-    handleKeyDown: u,
-    textareaRef: r,
-    placeholder: p,
-    isProcessing: m,
-    onStop: N,
-    fromCompact: y,
-    onExpand: x,
-    showExpandButton: A,
-    focusOnMount: g,
-    onInputFocus: D,
-    onInputBlur: I
-  } = T(), P = (j) => {
-    i == null || i(j), !j.defaultPrevented && u(j);
-  }, F = it(() => s ? [{
+    inputValue: d,
+    setInputValue: u,
+    handleSubmit: c,
+    handleKeyDown: b,
+    textareaRef: m,
+    placeholder: N,
+    isProcessing: y,
+    onStop: x,
+    fromCompact: A,
+    onExpand: h,
+    showExpandButton: R,
+    focusOnMount: $,
+    onInputFocus: P,
+    onInputBlur: F
+  } = Z(), G = (M) => {
+    s == null || s(M), !M.defaultPrevented && b(M);
+  }, q = st(() => f ? [{
     id: "image-upload",
-    icon: /* @__PURE__ */ e(be, {}),
+    icon: /* @__PURE__ */ e(we, {}),
     onClick: () => {
-      var Z;
-      return (Z = s.current) == null ? void 0 : Z.openFileDialog();
+      var j;
+      return (j = f.current) == null ? void 0 : j.openFileDialog();
     },
     variant: "ghost",
+    disabled: g,
     "aria-label": w("Upload image", "a8c-agenttic")
-  }, ...o || []] : o, [s, o]);
+  }, ...a || []] : a, [f, a, g]);
   return /* @__PURE__ */ e(
-    Gt,
+    Xt,
     {
-      value: b,
-      onChange: f,
-      onSubmit: d,
-      onKeyDown: P,
-      onFocus: D,
-      onBlur: I,
-      textareaRef: r,
-      placeholder: p,
-      isProcessing: m,
-      onStop: N,
-      fromCompact: y,
-      onExpand: x,
-      showExpandButton: A,
-      focusOnMount: g,
+      value: d,
+      onChange: u,
+      onSubmit: c,
+      onKeyDown: G,
+      onFocus: P,
+      onBlur: F,
+      textareaRef: m,
+      placeholder: N,
+      isProcessing: y,
+      onStop: x,
+      fromCompact: A,
+      onExpand: h,
+      showExpandButton: R,
+      focusOnMount: $,
       disabled: n,
-      customActions: F,
-      actionOrder: a,
+      readOnly: o,
+      customActions: q,
+      actionOrder: i,
       className: t,
-      layout: l ?? (s ? "stacked" : "inline")
+      layout: r ?? (f ? "stacked" : "inline")
     }
   );
 }
-function ve({
+function _e({
   className: t,
   showSuggestions: n,
   onSelect: o
@@ -818,24 +838,24 @@ function ve({
   const {
     suggestions: a,
     handleSuggestionSubmit: i,
-    inputValue: l,
-    messages: s,
-    variant: b,
-    emptyView: f
-  } = T(), d = tt(
-    (u, r) => {
+    inputValue: s,
+    messages: r,
+    variant: f,
+    emptyView: g
+  } = Z(), d = et(
+    (u, c) => {
       try {
-        const p = u.prompt ?? u.label;
-        o == null || o(p);
-      } catch (p) {
-        console.warn("Suggestions onSelect callback failed:", p);
+        const b = u.prompt ?? u.label;
+        o == null || o(b);
+      } catch (b) {
+        console.warn("Suggestions onSelect callback failed:", b);
       }
-      i(u, r);
+      i(u, c);
     },
     [o, i]
   );
-  return l && !n || f && ["floating", "embedded"].includes(b) && s.length === 0 && !l ? null : /* @__PURE__ */ e(
-    ce,
+  return s && !n || g && ["floating", "embedded"].includes(f) && r.length === 0 && !s ? null : /* @__PURE__ */ e(
+    me,
     {
       suggestions: a,
       onSubmit: d,
@@ -843,8 +863,8 @@ function ve({
     }
   );
 }
-function we({ className: t, size: n = 18 }) {
-  return /* @__PURE__ */ h(
+function Ne({ className: t, size: n = 18 }) {
+  return /* @__PURE__ */ p(
     "svg",
     {
       width: n,
@@ -877,8 +897,8 @@ function we({ className: t, size: n = 18 }) {
     }
   );
 }
-function ye({ className: t, size: n = 18 }) {
-  return /* @__PURE__ */ h(
+function xe({ className: t, size: n = 18 }) {
+  return /* @__PURE__ */ p(
     "svg",
     {
       width: n,
@@ -917,58 +937,58 @@ function ye({ className: t, size: n = 18 }) {
     }
   );
 }
-const _e = "Notice-module_container", Ne = "Notice-module_isSuccess", xe = "Notice-module_icon", Se = "Notice-module_isWarning", Ie = "Notice-module_isError", $e = "Notice-module_content", Le = "Notice-module_actions", ke = "Notice-module_action", Ae = "Notice-module_dismissible", S = {
-  container: _e,
-  isSuccess: Ne,
-  icon: xe,
-  isWarning: Se,
-  isError: Ie,
-  content: $e,
-  actions: Le,
-  action: ke,
-  dismissible: Ae
+const Ie = "Notice-module_container", Se = "Notice-module_isSuccess", $e = "Notice-module_icon", Le = "Notice-module_isWarning", ke = "Notice-module_isError", De = "Notice-module_content", Ae = "Notice-module_actions", Re = "Notice-module_action", Be = "Notice-module_dismissible", S = {
+  container: Ie,
+  isSuccess: Se,
+  icon: $e,
+  isWarning: Le,
+  isError: ke,
+  content: De,
+  actions: Ae,
+  action: Re,
+  dismissible: Be
 };
-function De({
+function We({
   icon: t,
   message: n,
   action: o,
   dismissible: a = !0,
   onDismiss: i,
-  className: l,
-  status: s
+  className: s,
+  status: r
 }) {
-  const f = tt(() => {
-    if (L.isValidElement(t))
+  const g = et(() => {
+    if (k.isValidElement(t))
       return t;
     if (t === !1 || t === null)
       return null;
-    switch (s) {
+    switch (r) {
       case "warning":
-        return /* @__PURE__ */ e(we, {});
+        return /* @__PURE__ */ e(Ne, {});
       case "error":
-        return /* @__PURE__ */ e(ye, {});
+        return /* @__PURE__ */ e(xe, {});
       default:
         return null;
     }
-  }, [t, s])();
-  return /* @__PURE__ */ h(
+  }, [t, r])();
+  return /* @__PURE__ */ p(
     "div",
     {
       "data-slot": "notice",
       className: v(
         S.container,
         {
-          [S.isSuccess]: s === "success",
-          [S.isWarning]: s === "warning",
-          [S.isError]: s === "error"
+          [S.isSuccess]: r === "success",
+          [S.isWarning]: r === "warning",
+          [S.isError]: r === "error"
         },
-        l
+        s
       ),
       children: [
-        /* @__PURE__ */ h("div", { className: S.content, children: [
-          f && /* @__PURE__ */ e("div", { className: S.icon, children: f }),
+        /* @__PURE__ */ p("div", { className: S.content, children: [
+          g && /* @__PURE__ */ e("div", { className: S.icon, children: g }),
           /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            Ct,
+            vt,
             {
               allowedElements: ["p", "strong", "em", "a", "br"],
               unwrapDisallowed: !0,
@@ -987,9 +1007,9 @@ function De({
             }
           ) })
         ] }),
-        /* @__PURE__ */ h("div", { className: S.actions, children: [
+        /* @__PURE__ */ p("div", { className: S.actions, children: [
           o && /* @__PURE__ */ e(
-            k,
+            D,
             {
               className: S.action,
               onClick: o.onClick,
@@ -998,13 +1018,13 @@ function De({
             }
           ),
           a && i && /* @__PURE__ */ e(
-            k,
+            D,
             {
               className: S.dismissible,
               onClick: i,
               variant: "ghost",
               size: "sm",
-              icon: /* @__PURE__ */ e(de, {})
+              icon: /* @__PURE__ */ e(pe, {})
             }
           )
         ] })
@@ -1012,10 +1032,10 @@ function De({
     }
   );
 }
-function Re({ className: t } = {}) {
-  const { notice: n } = T();
+function Me({ className: t } = {}) {
+  const { notice: n } = Z();
   return n ? /* @__PURE__ */ e(
-    De,
+    We,
     {
       icon: n.icon,
       message: n.message,
@@ -1027,21 +1047,21 @@ function Re({ className: t } = {}) {
     }
   ) : null;
 }
-const Be = "ChatFooter-module_container", Me = "ChatFooter-module_disclosure", J = {
-  container: Be,
-  disclosure: Me
-}, je = "https://automattic.com/ai-guidelines/";
-function Ee() {
+const je = "ChatFooter-module_container", Ee = "ChatFooter-module_disclosure", z = {
+  container: je,
+  disclosure: Ee
+}, Pe = "https://automattic.com/ai-guidelines/";
+function Ve() {
   const t = (
     /* translators: %s: the linked label "Guidelines" (links to Automattic's AI guidelines). */
     w("You’re chatting with AI. %s.", "a8c-agenttic")
   ), [n, o] = t.split("%s");
-  return /* @__PURE__ */ h(X, { children: [
+  return /* @__PURE__ */ p(Y, { children: [
     n,
     /* @__PURE__ */ e(
       "a",
       {
-        href: je,
+        href: Pe,
         target: "_blank",
         rel: "noopener noreferrer",
         "aria-label": w(
@@ -1054,30 +1074,30 @@ function Ee() {
     o
   ] });
 }
-function Pe({
+function He({
   children: t
 }) {
   return t === !1 || t === null || t === void 0 ? null : /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "chat-compliance-disclosure",
-      className: J.disclosure,
+      className: z.disclosure,
       children: t
     }
   );
 }
-function wn({
+function Nn({
   children: t,
   className: n,
-  complianceDisclosure: o = /* @__PURE__ */ e(Ee, {})
+  complianceDisclosure: o = /* @__PURE__ */ e(Ve, {})
 } = {}) {
-  const a = /* @__PURE__ */ e(Pe, { children: o });
-  return t ? /* @__PURE__ */ h(X, { children: [
+  const a = /* @__PURE__ */ e(He, { children: o });
+  return t ? /* @__PURE__ */ p(Y, { children: [
     /* @__PURE__ */ e(
-      M.div,
+      W.div,
       {
         "data-slot": "chat-footer",
-        className: v(J.container, n),
+        className: v(z.container, n),
         initial: { opacity: 0, scale: 1 },
         animate: { opacity: 1, scale: 1 },
         transition: { ...U },
@@ -1085,86 +1105,86 @@ function wn({
       }
     ),
     a
-  ] }) : /* @__PURE__ */ h(X, { children: [
-    /* @__PURE__ */ h(
-      M.div,
+  ] }) : /* @__PURE__ */ p(Y, { children: [
+    /* @__PURE__ */ p(
+      W.div,
       {
         "data-slot": "chat-footer",
-        className: v(J.container, n),
+        className: v(z.container, n),
         initial: { opacity: 0, scale: 1 },
         animate: { opacity: 1, scale: 1 },
         transition: { ...U },
         children: [
-          /* @__PURE__ */ e(ve, {}),
-          /* @__PURE__ */ e(Re, {}),
-          /* @__PURE__ */ e(Ce, {})
+          /* @__PURE__ */ e(_e, {}),
+          /* @__PURE__ */ e(Me, {}),
+          /* @__PURE__ */ e(ye, {})
         ]
       }
     ),
     a
   ] });
 }
-const Ve = "QuestionCard-module_card", He = "QuestionCard-module_question", Ue = "QuestionCard-module_choices", Te = "QuestionCard-module_choicesGrid", Ze = "QuestionCard-module_choice", Oe = "QuestionCard-module_answered", We = "QuestionCard-module_label", Qe = "QuestionCard-module_description", $ = {
-  card: Ve,
-  question: He,
-  choices: Ue,
-  choicesGrid: Te,
-  choice: Ze,
-  answered: Oe,
-  label: We,
-  description: Qe
+const Te = "QuestionCard-module_card", Ue = "QuestionCard-module_question", Ze = "QuestionCard-module_choices", Oe = "QuestionCard-module_choicesGrid", Qe = "QuestionCard-module_choice", Fe = "QuestionCard-module_answered", Ge = "QuestionCard-module_label", qe = "QuestionCard-module_description", L = {
+  card: Te,
+  question: Ue,
+  choices: Ze,
+  choicesGrid: Oe,
+  choice: Qe,
+  answered: Fe,
+  label: Ge,
+  description: qe
 };
-function yn({
+function xn({
   prompt: t,
   onAnswer: n,
   disabled: o = !1,
   answered: a = !1,
   answeredChoice: i,
-  className: l,
-  renderChoiceContent: s
+  className: s,
+  renderChoiceContent: r
 }) {
-  const b = o || a, f = t.choices.slice(0, 4);
-  return /* @__PURE__ */ h(
+  const f = o || a, g = t.choices.slice(0, 4);
+  return /* @__PURE__ */ p(
     "section",
     {
-      className: v($.card, l),
+      className: v(L.card, s),
       "data-agenttic-question-card": !0,
       "data-slot": "card",
       children: [
-        /* @__PURE__ */ e("p", { className: $.question, "data-slot": "question", children: t.question }),
+        /* @__PURE__ */ e("p", { className: L.question, "data-slot": "question", children: t.question }),
         /* @__PURE__ */ e(
           "div",
           {
             className: v(
-              $.choices,
-              f.length === 4 ? $.choicesGrid : void 0
+              L.choices,
+              g.length === 4 ? L.choicesGrid : void 0
             ),
             "data-slot": "choices",
-            children: f.map((d, u) => {
-              const r = d.message ?? d.label, p = i === r;
-              return /* @__PURE__ */ h(
+            children: g.map((d, u) => {
+              const c = d.message ?? d.label, b = i === c;
+              return /* @__PURE__ */ p(
                 "button",
                 {
                   type: "button",
                   "data-slot": "choice",
                   className: v(
-                    $.choice,
-                    p ? $.answered : void 0
+                    L.choice,
+                    b ? L.answered : void 0
                   ),
-                  disabled: b,
-                  "aria-pressed": p || void 0,
-                  onClick: () => n(r, d),
+                  disabled: f,
+                  "aria-pressed": b || void 0,
+                  onClick: () => n(c, d),
                   children: [
-                    /* @__PURE__ */ e("span", { className: $.label, "data-slot": "label", children: d.label }),
+                    /* @__PURE__ */ e("span", { className: L.label, "data-slot": "label", children: d.label }),
                     d.description ? /* @__PURE__ */ e(
                       "span",
                       {
-                        className: $.description,
+                        className: L.description,
                         "data-slot": "description",
                         children: d.description
                       }
                     ) : null,
-                    s == null ? void 0 : s(d)
+                    r == null ? void 0 : r(d)
                   ]
                 },
                 `${d.label}-${u}`
@@ -1176,29 +1196,29 @@ function yn({
     }
   );
 }
-const Fe = "DiffCard-module_card", Ge = "DiffCard-module_isResolved", qe = "DiffCard-module_title", Ke = "DiffCard-module_summary", Xe = "DiffCard-module_body", Ye = "DiffCard-module_change", Je = "DiffCard-module_changeLabel", ze = "DiffCard-module_diff", tn = "DiffCard-module_removed", en = "DiffCard-module_added", nn = "DiffCard-module_resolution", on = "DiffCard-module_actions", an = "DiffCard-module_action", sn = "DiffCard-module_accept", ln = "DiffCard-module_reject", C = {
-  card: Fe,
-  isResolved: Ge,
-  title: qe,
-  summary: Ke,
-  body: Xe,
-  change: Ye,
-  changeLabel: Je,
-  diff: ze,
-  removed: tn,
-  added: en,
-  resolution: nn,
-  actions: on,
-  action: an,
-  accept: sn,
-  reject: ln
+const Ke = "DiffCard-module_card", Xe = "DiffCard-module_isResolved", Ye = "DiffCard-module_title", Je = "DiffCard-module_summary", ze = "DiffCard-module_body", tn = "DiffCard-module_change", en = "DiffCard-module_changeLabel", nn = "DiffCard-module_diff", on = "DiffCard-module_removed", an = "DiffCard-module_added", sn = "DiffCard-module_resolution", ln = "DiffCard-module_actions", rn = "DiffCard-module_action", cn = "DiffCard-module_accept", dn = "DiffCard-module_reject", C = {
+  card: Ke,
+  isResolved: Xe,
+  title: Ye,
+  summary: Je,
+  body: ze,
+  change: tn,
+  changeLabel: en,
+  diff: nn,
+  removed: on,
+  added: an,
+  resolution: sn,
+  actions: ln,
+  action: rn,
+  accept: cn,
+  reject: dn
 };
-function rn(t) {
+function un(t) {
   return typeof t == "string" ? [] : Array.isArray(t) ? t : [t];
 }
-function cn(t, n) {
+function mn(t, n) {
   const o = typeof t.original == "string" && t.original.length > 0, a = typeof t.replacement == "string" && t.replacement.length > 0;
-  return /* @__PURE__ */ h("div", { className: C.change, "data-slot": "change", children: [
+  return /* @__PURE__ */ p("div", { className: C.change, "data-slot": "change", children: [
     t.label ? /* @__PURE__ */ e("span", { className: C.changeLabel, "data-slot": "change-label", children: t.label }) : null,
     o ? /* @__PURE__ */ e(
       "pre",
@@ -1218,27 +1238,27 @@ function cn(t, n) {
     ) : null
   ] }, n);
 }
-function _n({
+function In({
   diff: t,
   title: n,
   summary: o,
   onResolve: a,
   disabled: i = !1,
-  resolved: l,
-  acceptLabel: s,
-  rejectLabel: b,
-  className: f,
+  resolved: s,
+  acceptLabel: r,
+  rejectLabel: f,
+  className: g,
   renderDiff: d
 }) {
-  const u = !!l, r = i || u, p = rn(t);
+  const u = !!s, c = i || u, b = un(t);
   let m;
-  return d ? m = d(t) : typeof t == "string" ? m = /* @__PURE__ */ e("pre", { className: C.diff, "data-slot": "diff", children: t }) : m = p.map(cn), /* @__PURE__ */ h(
+  return d ? m = d(t) : typeof t == "string" ? m = /* @__PURE__ */ e("pre", { className: C.diff, "data-slot": "diff", children: t }) : m = b.map(mn), /* @__PURE__ */ p(
     "section",
     {
       className: v(
         C.card,
         u ? C.isResolved : void 0,
-        f
+        g
       ),
       "data-agenttic-diff-card": !0,
       "data-slot": "card",
@@ -1246,16 +1266,16 @@ function _n({
         n ? /* @__PURE__ */ e("p", { className: C.title, "data-slot": "title", children: n }) : null,
         o ? /* @__PURE__ */ e("p", { className: C.summary, "data-slot": "summary", children: o }) : null,
         /* @__PURE__ */ e("div", { className: C.body, "data-slot": "body", children: m }),
-        u ? /* @__PURE__ */ e("p", { className: C.resolution, "data-slot": "resolution", children: l === "accepted" ? w("Accepted", "a8c-agenttic") : w("Rejected", "a8c-agenttic") }) : /* @__PURE__ */ h("div", { className: C.actions, "data-slot": "actions", children: [
+        u ? /* @__PURE__ */ e("p", { className: C.resolution, "data-slot": "resolution", children: s === "accepted" ? w("Accepted", "a8c-agenttic") : w("Rejected", "a8c-agenttic") }) : /* @__PURE__ */ p("div", { className: C.actions, "data-slot": "actions", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               "data-slot": "accept",
               className: v(C.action, C.accept),
-              disabled: r,
+              disabled: c,
               onClick: () => a("accepted"),
-              children: s ?? w("Accept", "a8c-agenttic")
+              children: r ?? w("Accept", "a8c-agenttic")
             }
           ),
           /* @__PURE__ */ e(
@@ -1264,9 +1284,9 @@ function _n({
               type: "button",
               "data-slot": "reject",
               className: v(C.action, C.reject),
-              disabled: r,
+              disabled: c,
               onClick: () => a("rejected"),
-              children: b ?? w("Reject", "a8c-agenttic")
+              children: f ?? w("Reject", "a8c-agenttic")
             }
           )
         ] })
@@ -1275,31 +1295,31 @@ function _n({
   );
 }
 export {
-  Cn as A,
-  k as B,
-  Gt as C,
-  Ee as D,
-  De as N,
-  be as P,
-  yn as Q,
-  ce as S,
-  de as X,
-  Ot as a,
-  wt as b,
+  yn as A,
+  D as B,
+  Xt as C,
+  Ve as D,
+  We as N,
+  we as P,
+  xn as Q,
+  me as S,
+  pe as X,
+  Ft as a,
+  yt as b,
   v as c,
-  vn as d,
-  wn as e,
+  _n as d,
+  Nn as e,
   U as f,
-  Re as g,
-  ve as h,
-  Ce as i,
-  Pe as j,
-  Ft as k,
-  _n as l,
-  vt as m,
-  bn as n,
+  Me as g,
+  _e as h,
+  ye as i,
+  He as j,
+  Kt as k,
+  In as l,
+  wt as m,
+  wn as n,
   Pt as o,
   Et as p,
-  J as s,
-  T as u
+  z as s,
+  Z as u
 };