@automattic/agenttic-ui 0.1.76 → 0.1.78

package/dist/DiffCard-eat_q_SY.js

@@ -1,1305 +0,0 @@
-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
-};