@automattic/agenttic-ui 0.1.75 → 0.1.76

package/dist/DiffCard-eat_q_SY.js

@@ -0,0 +1,1305 @@
+import { jsx as e, jsxs as h, Fragment as X } 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 './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 = {
+  type: "spring",
+  stiffness: 300,
+  damping: 30
+}, U = {
+  type: "spring",
+  damping: 40,
+  stiffness: 500,
+  mass: 0.8
+}, Q = {
+  ...U,
+  stiffness: 1e3,
+  damping: 90
+}, vt = {
+  type: "spring",
+  damping: 40,
+  stiffness: 500,
+  mass: 0.8
+}, wt = {
+  hidden: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1,
+    transition: Y
+  },
+  exit: {
+    opacity: 0,
+    transition: { ...Y, duration: 0.1 }
+  }
+}, yt = () => {
+  if (typeof window > "u")
+    return { left: 0, right: 0, top: 0, bottom: 0 };
+  const t = 20;
+  return {
+    left: t,
+    right: window.innerWidth - 400 - t,
+    // Assuming max width of 400px
+    top: t,
+    bottom: window.innerHeight - 60 - t
+    // Assuming collapsed height of 60px
+  };
+}, _t = {
+  "0%": { backgroundPosition: "-200% 0" },
+  "100%": { backgroundPosition: "200% 0" }
+}, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  fadeVariants: wt,
+  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);
+  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 });
+}
+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,
+  primary: St,
+  ghost: It,
+  outline: $t,
+  transparent: Lt,
+  link: kt,
+  icon: At,
+  sm: Dt,
+  lg: Rt,
+  withTextAndIcon: Bt
+}, k = at.forwardRef(
+  function({
+    className: n,
+    variant: o = "primary",
+    size: a,
+    icon: i,
+    children: l,
+    asChild: s = !1,
+    pressed: b,
+    ...f
+  }, d) {
+    const u = s ? bt : "button", r = !!i, p = a || (r && !l ? "icon" : void 0);
+    return /* @__PURE__ */ h(
+      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,
+          n
+        ),
+        "aria-pressed": b,
+        ...f,
+        children: [
+          i,
+          l
+        ]
+      }
+    );
+  }
+);
+k.displayName = "Button";
+const Mt = "Textarea-module_textarea", jt = {
+  textarea: Mt
+}, rt = at.forwardRef(
+  ({ className: t, ...n }, o) => /* @__PURE__ */ e(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: jt.textarea,
+      ref: o,
+      ...n
+    }
+  )
+);
+rt.displayName = "Textarea";
+function Et({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12.2197 5C12.4186 5 12.6094 5.07902 12.75 5.21967L17 9.46967C17.2929 9.76256 17.2929 10.2374 17 10.5303C16.7071 10.8232 16.2322 10.8232 15.9393 10.5303L12.9697 7.56067V18.25C12.9697 18.6642 12.6339 19 12.2197 19C11.8055 19 11.4697 18.6642 11.4697 18.25V7.56065L8.5 10.5303C8.2071 10.8232 7.73223 10.8232 7.43934 10.5303C7.14644 10.2374 7.14645 9.76256 7.43934 9.46967L11.6894 5.21967C11.83 5.07902 12.0208 5 12.2197 5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Pt({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t,
+      children: /* @__PURE__ */ e(
+        "rect",
+        {
+          x: "7",
+          y: "7",
+          width: "10",
+          height: "10",
+          rx: "2",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const Vt = "ChatInput-module_container", Ht = "ChatInput-module_textareaContainer", Ut = "ChatInput-module_actions", Tt = "ChatInput-module_containerStacked", Zt = "ChatInput-module_button", R = {
+  container: Vt,
+  textareaContainer: Ht,
+  actions: Ut,
+  containerStacked: Tt,
+  button: Zt
+};
+function Ot({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.0045 13.4451L12 7.9864L5.9955 13.4451L7.00451 14.5549L12 10.0136L16.9955 14.5549L18.0045 13.4451Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const Wt = "AnimatedPlaceholder-module_container", Qt = {
+  container: Wt
+};
+function Ft({
+  texts: t,
+  interval: n = 3e3,
+  className: o = ""
+}) {
+  const [a, i] = pt(0);
+  return z(() => {
+    const l = setInterval(() => {
+      i(
+        (s) => (s + 1) % t.length
+      );
+    }, n);
+    return () => clearInterval(l);
+  }, [t.length, n]), /* @__PURE__ */ e(st, { mode: "wait", children: /* @__PURE__ */ e(
+    M.span,
+    {
+      "data-slot": "animated-placeholder",
+      className: v(Qt.container, o),
+      initial: { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -8 },
+      transition: {
+        duration: 0.3,
+        ease: [0.4, 0, 0.2, 1]
+        // Matches --transition-colors cubic-bezier
+      },
+      children: t[a]
+    },
+    a
+  ) });
+}
+function Gt({
+  value: t,
+  onChange: n,
+  onSubmit: o,
+  onKeyDown: a,
+  textareaRef: i,
+  placeholder: l = w("Ask anything", "a8c-agenttic"),
+  isProcessing: s,
+  onBlur: b,
+  onFocus: f,
+  onClick: d,
+  fromCompact: u = !1,
+  onExpand: r,
+  showExpandButton: p = !0,
+  focusOnMount: m = !1,
+  customActions: N = [],
+  actionOrder: y = "before-submit",
+  onStop: x,
+  disabled: A,
+  onMouseEnter: g,
+  onMouseLeave: D,
+  expandOnClick: I = !1,
+  layout: P = "inline"
+}) {
+  const F = ft(), { variant: et, floatingChatState: j, isInputOverLimit: Z } = T(), G = (
+    // 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();
+        return;
+      }
+      if (O === "enter" && !c.shiftKey && !G) {
+        c.preventDefault();
+        return;
+      }
+      ((c.metaKey || c.ctrlKey) && O === "z" || c.ctrlKey && O === "y") && c.stopPropagation(), a(c);
+    },
+    [G, a]
+  ), nt = (c) => c.endsWith("…") ? c : `${c}…`, q = Array.isArray(l);
+  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,
+    {
+      className: c.className || R.button,
+      onClick: c.onClick,
+      disabled: c.disabled,
+      variant: c.variant || "ghost",
+      icon: c.icon,
+      "aria-label": c["aria-label"]
+    },
+    c.id
+  )), dt = () => et === "embedded" || j === "expanded" || I ? null : p && r ? /* @__PURE__ */ e(
+    k,
+    {
+      className: R.button,
+      onClick: r,
+      variant: "ghost",
+      icon: /* @__PURE__ */ e(Ot, {}),
+      "aria-label": w("Expand conversation", "a8c-agenttic")
+    }
+  ) : null, ut = () => {
+    if (s && !x)
+      return null;
+    const c = () => {
+      s && x ? x() : o();
+    };
+    return /* @__PURE__ */ e(
+      k,
+      {
+        className: R.button,
+        onClick: c,
+        disabled: !G,
+        variant: "primary",
+        icon: s ? /* @__PURE__ */ e(Pt, {}) : /* @__PURE__ */ e(Et, {}),
+        "aria-label": s ? w("Stop processing", "a8c-agenttic") : w("Send message", "a8c-agenttic")
+      }
+    );
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "data-slot": "chat-input",
+      className: `${R.container}${P === "stacked" ? ` ${R.containerStacked}` : ""}`,
+      onMouseEnter: g,
+      onMouseLeave: D,
+      children: [
+        /* @__PURE__ */ h(
+          M.div,
+          {
+            className: R.textareaContainer,
+            initial: {
+              opacity: 0
+            },
+            animate: {
+              opacity: 1,
+              scale: 1,
+              transition: t.trim() ? { duration: 0 } : Q
+            },
+            children: [
+              !t && q && /* @__PURE__ */ e(
+                Ft,
+                {
+                  texts: V
+                }
+              ),
+              /* @__PURE__ */ e(
+                rt,
+                {
+                  id: F,
+                  ref: i,
+                  value: t,
+                  onChange: (c) => n(c.target.value),
+                  onKeyDown: ct,
+                  onBlur: b,
+                  onFocus: f,
+                  onClick: d,
+                  placeholder: q ? "" : V,
+                  rows: 1,
+                  "aria-label": w("Chat input", "a8c-agenttic")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(
+          M.div,
+          {
+            className: R.actions,
+            initial: {
+              opacity: u ? 1 : 0,
+              scale: u ? 1 : 0.5
+            },
+            animate: {
+              opacity: 1,
+              scale: 1,
+              transition: t.trim() ? { duration: 0 } : U
+            },
+            children: [
+              dt(),
+              y === "before-submit" && ot(),
+              ut(),
+              y === "after-submit" && ot()
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function qt({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.0045 10.5549L12 16.0136L5.9955 10.5549L7.00451 9.44504L12 13.9864L16.9955 9.44504L18.0045 10.5549Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+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,
+  "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 = ({
+  suggestion: t,
+  onSelect: n,
+  availableSuggestions: o,
+  onOpenChange: a,
+  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);
+        return;
+      }
+      d(
+        g.closest(".agenttic") ?? g
+      ), r(
+        g.closest(
+          '[data-slot="conversation-view"]'
+        ) ?? null
+      );
+    },
+    []
+  ), y = L.useCallback(
+    (g) => {
+      var D;
+      if (g) {
+        const I = (D = b.current) == null ? void 0 : D.closest(
+          '[data-slot="suggestions"]'
+        );
+        I && m(I.clientWidth * 0.9);
+      }
+      s(g), a == null || a(g);
+    },
+    [a]
+  ), x = (g) => {
+    const { options: D, ...I } = t, P = {
+      ...I,
+      prompt: le(
+        t.prompt ?? t.label,
+        g.value
+      ),
+      label: `${t.label} ${g.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,
+      {
+        variant: "outline",
+        className: _.button,
+        children: /* @__PURE__ */ h(
+          "div",
+          {
+            className: v(
+              _["suggestion-content"],
+              i ? _["suggestion-content--with-description"] : ""
+            ),
+            children: [
+              /* @__PURE__ */ h("span", { className: E.labelRow, children: [
+                /* @__PURE__ */ e("span", { className: _.label, children: t.label }),
+                /* @__PURE__ */ e(
+                  qt,
+                  {
+                    size: 14,
+                    className: `${E.chevron} ${l ? E.chevronOpen : ""}`
+                  }
+                )
+              ] }),
+              i && t.description && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: _.description,
+                  children: t.description
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) }),
+    f && /* @__PURE__ */ e(W.Portal, { container: f, children: /* @__PURE__ */ e(
+      W.Content,
+      {
+        className: E.dropdown,
+        side: "top",
+        align: "start",
+        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(
+          "button",
+          {
+            type: "button",
+            "data-slot": "suggestion-option",
+            className: E.option,
+            onClick: () => x(g),
+            children: g.label
+          },
+          g.id
+        ))
+      }
+    ) })
+  ] }) });
+}, ce = ({
+  className: t,
+  suggestions: n,
+  onSubmit: o,
+  layout: a = "horizontal",
+  visible: i = !0,
+  onMouseEnter: l,
+  onMouseLeave: s,
+  onDropdownOpenChange: b,
+  translateY: f = "-100%"
+}) => {
+  const { variant: d, reportSuggestionsRendered: u } = T(), r = it(
+    () => 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) => {
+    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,
+    {
+      "data-slot": "suggestions",
+      className: v(
+        _.container,
+        a === "vertical" ? _.vertical : a === "floating" ? _.floating : "",
+        t
+      ),
+      initial: { opacity: 0, y: "-80%" },
+      animate: { opacity: 1, y: f },
+      exit: { opacity: 0, y: "-80%" },
+      transition: Q,
+      onMouseEnter: l,
+      onMouseLeave: s,
+      children: r.map(
+        (m, N) => {
+          const y = !!m.description && a !== "horizontal";
+          return /* @__PURE__ */ e(
+            M.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: 10 },
+              transition: {
+                ...Q,
+                delay: N * 0.05
+              },
+              children: m.options && m.options.length > 0 ? /* @__PURE__ */ e(
+                re,
+                {
+                  suggestion: m,
+                  onSelect: p,
+                  availableSuggestions: r,
+                  onOpenChange: b,
+                  showDescription: y
+                }
+              ) : /* @__PURE__ */ e(
+                k,
+                {
+                  onClick: (x) => {
+                    x.stopPropagation(), p(
+                      m,
+                      r
+                    );
+                  },
+                  variant: "outline",
+                  className: _.button,
+                  children: /* @__PURE__ */ h(
+                    "div",
+                    {
+                      className: v(
+                        _["suggestion-content"],
+                        y ? _["suggestion-content--with-description"] : ""
+                      ),
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: _.label,
+                            children: m.label
+                          }
+                        ),
+                        y && /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: _.description,
+                            children: m.description
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              )
+            },
+            m.id
+          );
+        }
+      )
+    }
+  ) });
+};
+function de({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12.0001 13.0607L16.4697 17.5304L17.5304 16.4697L13.0607 12.0001L17.5304 7.53039L16.4697 6.46973L12.0001 10.9394L7.5304 6.46973L6.46973 7.53039L10.9394 12.0001L6.46974 16.4697L7.5304 17.5304L12.0001 13.0607Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+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
+};
+function vn({ sources: t, className: n }) {
+  return t != null && t.length ? /* @__PURE__ */ h(
+    "section",
+    {
+      className: v(B.card, n),
+      "data-agenttic-sources-card": !0,
+      "data-slot": "sources",
+      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(
+            "li",
+            {
+              className: B.item,
+              "data-slot": "source",
+              children: [
+                o.url ? /* @__PURE__ */ e(
+                  "a",
+                  {
+                    className: B.title,
+                    "data-slot": "title",
+                    href: o.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: i
+                  }
+                ) : /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: B.title,
+                    "data-slot": "title",
+                    children: i
+                  }
+                ),
+                o.label ? /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: B.label,
+                    "data-slot": "label",
+                    children: o.label
+                  }
+                ) : null
+              ]
+            },
+            l
+          );
+        }) })
+      ]
+    }
+  ) : null;
+}
+function be({ className: t, size: n = 24 }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12 5C12.4142 5 12.75 5.33579 12.75 5.75V11.25H18.25C18.6642 11.25 19 11.5858 19 12C19 12.4142 18.6642 12.75 18.25 12.75H12.75V18.25C12.75 18.6642 12.4142 19 12 19C11.5858 19 11.25 18.6642 11.25 18.25V12.75H5.75C5.33579 12.75 5 12.4142 5 12C5 11.5858 5.33579 11.25 5.75 11.25H11.25V5.75C11.25 5.33579 11.5858 5 12 5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Ce({
+  className: t,
+  disabled: n,
+  customActions: o,
+  actionOrder: a,
+  onKeyDown: i,
+  layout: l,
+  imageUploaderRef: s
+} = {}) {
+  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 ? [{
+    id: "image-upload",
+    icon: /* @__PURE__ */ e(be, {}),
+    onClick: () => {
+      var Z;
+      return (Z = s.current) == null ? void 0 : Z.openFileDialog();
+    },
+    variant: "ghost",
+    "aria-label": w("Upload image", "a8c-agenttic")
+  }, ...o || []] : o, [s, o]);
+  return /* @__PURE__ */ e(
+    Gt,
+    {
+      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,
+      disabled: n,
+      customActions: F,
+      actionOrder: a,
+      className: t,
+      layout: l ?? (s ? "stacked" : "inline")
+    }
+  );
+}
+function ve({
+  className: t,
+  showSuggestions: n,
+  onSelect: o
+} = {}) {
+  const {
+    suggestions: a,
+    handleSuggestionSubmit: i,
+    inputValue: l,
+    messages: s,
+    variant: b,
+    emptyView: f
+  } = T(), d = tt(
+    (u, r) => {
+      try {
+        const p = u.prompt ?? u.label;
+        o == null || o(p);
+      } catch (p) {
+        console.warn("Suggestions onSelect callback failed:", p);
+      }
+      i(u, r);
+    },
+    [o, i]
+  );
+  return l && !n || f && ["floating", "embedded"].includes(b) && s.length === 0 && !l ? null : /* @__PURE__ */ e(
+    ce,
+    {
+      suggestions: a,
+      onSubmit: d,
+      className: t
+    }
+  );
+}
+function we({ className: t, size: n = 18 }) {
+  return /* @__PURE__ */ h(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t,
+      role: "img",
+      "aria-label": "Alert",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M8.4375 12V10.875H9.5625V12H8.4375Z", fill: "currentColor" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.4375 6L8.4375 9.75H9.5625V6L8.4375 6Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 5.68629 12.3137 3 9 3ZM4.125 9C4.125 11.6924 6.30761 13.875 9 13.875C11.6924 13.875 13.875 11.6924 13.875 9C13.875 6.30761 11.6924 4.125 9 4.125C6.30761 4.125 4.125 6.30761 4.125 9Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+function ye({ className: t, size: n = 18 }) {
+  return /* @__PURE__ */ h(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: t,
+      role: "img",
+      "aria-label": "Alert",
+      children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.56279 13.0952H8.43779V11.9702H9.56279V13.0952Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.43779 10.8452H9.56279V7.0952L8.43779 7.0952V10.8452Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.85634 3.48153C8.35812 2.58949 9.64245 2.58949 10.1442 3.48153L15.6118 13.2017C16.104 14.0767 15.4717 15.1577 14.4679 15.1577H3.53267C2.52884 15.1577 1.89659 14.0767 2.38873 13.2017L7.85634 3.48153ZM9.16371 4.03308C9.09203 3.90564 8.90855 3.90564 8.83686 4.03308L3.36925 13.7533C3.29895 13.8783 3.38927 14.0327 3.53267 14.0327H14.4679C14.6113 14.0327 14.7016 13.8783 14.6313 13.7533L9.16371 4.03308Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+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
+};
+function De({
+  icon: t,
+  message: n,
+  action: o,
+  dismissible: a = !0,
+  onDismiss: i,
+  className: l,
+  status: s
+}) {
+  const f = tt(() => {
+    if (L.isValidElement(t))
+      return t;
+    if (t === !1 || t === null)
+      return null;
+    switch (s) {
+      case "warning":
+        return /* @__PURE__ */ e(we, {});
+      case "error":
+        return /* @__PURE__ */ e(ye, {});
+      default:
+        return null;
+    }
+  }, [t, s])();
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      "data-slot": "notice",
+      className: v(
+        S.container,
+        {
+          [S.isSuccess]: s === "success",
+          [S.isWarning]: s === "warning",
+          [S.isError]: s === "error"
+        },
+        l
+      ),
+      children: [
+        /* @__PURE__ */ h("div", { className: S.content, children: [
+          f && /* @__PURE__ */ e("div", { className: S.icon, children: f }),
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            Ct,
+            {
+              allowedElements: ["p", "strong", "em", "a", "br"],
+              unwrapDisallowed: !0,
+              components: {
+                a: ({ node: d, ...u }) => /* @__PURE__ */ e(
+                  "a",
+                  {
+                    ...u,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: u.children
+                  }
+                )
+              },
+              children: n
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ h("div", { className: S.actions, children: [
+          o && /* @__PURE__ */ e(
+            k,
+            {
+              className: S.action,
+              onClick: o.onClick,
+              variant: "link",
+              children: o.label
+            }
+          ),
+          a && i && /* @__PURE__ */ e(
+            k,
+            {
+              className: S.dismissible,
+              onClick: i,
+              variant: "ghost",
+              size: "sm",
+              icon: /* @__PURE__ */ e(de, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Re({ className: t } = {}) {
+  const { notice: n } = T();
+  return n ? /* @__PURE__ */ e(
+    De,
+    {
+      icon: n.icon,
+      message: n.message,
+      action: n.action,
+      dismissible: n.dismissible,
+      onDismiss: n.onDismiss,
+      className: t,
+      status: n.status
+    }
+  ) : null;
+}
+const Be = "ChatFooter-module_container", Me = "ChatFooter-module_disclosure", J = {
+  container: Be,
+  disclosure: Me
+}, je = "https://automattic.com/ai-guidelines/";
+function Ee() {
+  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: [
+    n,
+    /* @__PURE__ */ e(
+      "a",
+      {
+        href: je,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": w(
+          "Guidelines (opens in a new tab)",
+          "a8c-agenttic"
+        ),
+        children: w("Guidelines", "a8c-agenttic")
+      }
+    ),
+    o
+  ] });
+}
+function Pe({
+  children: t
+}) {
+  return t === !1 || t === null || t === void 0 ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "chat-compliance-disclosure",
+      className: J.disclosure,
+      children: t
+    }
+  );
+}
+function wn({
+  children: t,
+  className: n,
+  complianceDisclosure: o = /* @__PURE__ */ e(Ee, {})
+} = {}) {
+  const a = /* @__PURE__ */ e(Pe, { children: o });
+  return t ? /* @__PURE__ */ h(X, { children: [
+    /* @__PURE__ */ e(
+      M.div,
+      {
+        "data-slot": "chat-footer",
+        className: v(J.container, n),
+        initial: { opacity: 0, scale: 1 },
+        animate: { opacity: 1, scale: 1 },
+        transition: { ...U },
+        children: t
+      }
+    ),
+    a
+  ] }) : /* @__PURE__ */ h(X, { children: [
+    /* @__PURE__ */ h(
+      M.div,
+      {
+        "data-slot": "chat-footer",
+        className: v(J.container, n),
+        initial: { opacity: 0, scale: 1 },
+        animate: { opacity: 1, scale: 1 },
+        transition: { ...U },
+        children: [
+          /* @__PURE__ */ e(ve, {}),
+          /* @__PURE__ */ e(Re, {}),
+          /* @__PURE__ */ e(Ce, {})
+        ]
+      }
+    ),
+    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
+};
+function yn({
+  prompt: t,
+  onAnswer: n,
+  disabled: o = !1,
+  answered: a = !1,
+  answeredChoice: i,
+  className: l,
+  renderChoiceContent: s
+}) {
+  const b = o || a, f = t.choices.slice(0, 4);
+  return /* @__PURE__ */ h(
+    "section",
+    {
+      className: v($.card, l),
+      "data-agenttic-question-card": !0,
+      "data-slot": "card",
+      children: [
+        /* @__PURE__ */ e("p", { className: $.question, "data-slot": "question", children: t.question }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: v(
+              $.choices,
+              f.length === 4 ? $.choicesGrid : void 0
+            ),
+            "data-slot": "choices",
+            children: f.map((d, u) => {
+              const r = d.message ?? d.label, p = i === r;
+              return /* @__PURE__ */ h(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "choice",
+                  className: v(
+                    $.choice,
+                    p ? $.answered : void 0
+                  ),
+                  disabled: b,
+                  "aria-pressed": p || void 0,
+                  onClick: () => n(r, d),
+                  children: [
+                    /* @__PURE__ */ e("span", { className: $.label, "data-slot": "label", children: d.label }),
+                    d.description ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: $.description,
+                        "data-slot": "description",
+                        children: d.description
+                      }
+                    ) : null,
+                    s == null ? void 0 : s(d)
+                  ]
+                },
+                `${d.label}-${u}`
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+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
+};
+function rn(t) {
+  return typeof t == "string" ? [] : Array.isArray(t) ? t : [t];
+}
+function cn(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: [
+    t.label ? /* @__PURE__ */ e("span", { className: C.changeLabel, "data-slot": "change-label", children: t.label }) : null,
+    o ? /* @__PURE__ */ e(
+      "pre",
+      {
+        className: v(C.diff, C.removed),
+        "data-slot": "original",
+        children: t.original
+      }
+    ) : null,
+    a ? /* @__PURE__ */ e(
+      "pre",
+      {
+        className: v(C.diff, C.added),
+        "data-slot": "replacement",
+        children: t.replacement
+      }
+    ) : null
+  ] }, n);
+}
+function _n({
+  diff: t,
+  title: n,
+  summary: o,
+  onResolve: a,
+  disabled: i = !1,
+  resolved: l,
+  acceptLabel: s,
+  rejectLabel: b,
+  className: f,
+  renderDiff: d
+}) {
+  const u = !!l, r = i || u, p = rn(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(
+    "section",
+    {
+      className: v(
+        C.card,
+        u ? C.isResolved : void 0,
+        f
+      ),
+      "data-agenttic-diff-card": !0,
+      "data-slot": "card",
+      children: [
+        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: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "data-slot": "accept",
+              className: v(C.action, C.accept),
+              disabled: r,
+              onClick: () => a("accepted"),
+              children: s ?? w("Accept", "a8c-agenttic")
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "data-slot": "reject",
+              className: v(C.action, C.reject),
+              disabled: r,
+              onClick: () => a("rejected"),
+              children: b ?? w("Reject", "a8c-agenttic")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+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,
+  v as c,
+  vn as d,
+  wn 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,
+  Pt as o,
+  Et as p,
+  J as s,
+  T as u
+};