@rizal_ncc/agent-client 1.4.0

package/dist/react.mjs

@@ -0,0 +1,600 @@
+import { jsxs as r, jsx as e, Fragment as me } from "react/jsx-runtime";
+import { useState as E, useRef as fe, useMemo as q, useCallback as k, useEffect as L } from "react";
+import { extractRecommendationOutput as Ce, extractRecommendationItems as Be, ChatbotCore as Ee } from "./index.mjs";
+function Se(n) {
+  if (!n || typeof n != "object")
+    return null;
+  const t = n;
+  return typeof t.title != "string" || typeof t.url != "string" ? null : {
+    id: typeof t.id == "number" || typeof t.id == "string" || t.id === null ? t.id : null,
+    title: t.title,
+    description: typeof t.description == "string" ? t.description : "",
+    url: t.url,
+    type: typeof t.type == "string" ? t.type : "Course",
+    status: typeof t.status == "string" || t.status === null ? t.status : null,
+    progress: typeof t.progress == "number" || t.progress === null ? t.progress : null,
+    is_eligible: !!t.is_eligible,
+    in_playlist: !!t.in_playlist
+  };
+}
+function Re(n, t) {
+  const o = Array.isArray(n) ? [...n] : [];
+  for (const h of t) {
+    const u = Se(h);
+    u && o.push(u);
+  }
+  return o;
+}
+const je = {};
+function ze(n) {
+  const t = fe(null), [o, h] = E({
+    messages: [],
+    isLoading: !1
+  });
+  L(() => {
+    const m = new Ee(n);
+    t.current = m;
+    const A = m.subscribe((S) => {
+      h(S);
+    });
+    return () => {
+      A(), m.destroy(), t.current = null;
+    };
+  }, [n]);
+  const u = k(async (m) => {
+    if (t.current)
+      return t.current.sendMessage(m);
+  }, []), _ = k(() => {
+    t.current && t.current.stop();
+  }, []), w = k(
+    (m, A) => {
+      t.current && t.current.updateMessageById(m, A);
+    },
+    []
+  );
+  return {
+    ...o,
+    sendMessage: u,
+    stop: _,
+    updateMessageById: w
+  };
+}
+async function pe(n) {
+  if (!n)
+    return;
+  if (typeof n == "string")
+    return n.trim() || void 0;
+  const t = await n();
+  return typeof t == "string" && t.trim() || void 0;
+}
+function U(n) {
+  return n.replace(/\/+$/, "");
+}
+function Ie(n) {
+  const t = n.trim().replace("#", "");
+  if (![3, 6].includes(t.length) || !/^[a-fA-F0-9]+$/.test(t))
+    return null;
+  const o = t.length === 3 ? t.split("").map((w) => `${w}${w}`).join("") : t, h = Number.parseInt(o.slice(0, 2), 16), u = Number.parseInt(o.slice(2, 4), 16), _ = Number.parseInt(o.slice(4, 6), 16);
+  return `${h}, ${u}, ${_}`;
+}
+function Fe(n) {
+  const t = Ie(n);
+  if (t)
+    return t;
+  const o = n.match(/rgba?\(([^)]+)\)/i);
+  if (!o)
+    return "17, 104, 187";
+  const h = o[1].split(",").slice(0, 3).map((u) => Number.parseFloat(u.trim())).filter((u) => Number.isFinite(u));
+  return h.length !== 3 ? "17, 104, 187" : `${h[0]}, ${h[1]}, ${h[2]}`;
+}
+function Pe(n, t) {
+  return t && t.trim() ? Te(t.trim()) : U(n).endsWith("/api") ? "/v2/ai-agent/respond/" : "/api/v2/ai-agent/respond/";
+}
+function Te(n) {
+  return n ? n.startsWith("/") ? n : `/${n}` : "/api/v2/ai-agent/respond/";
+}
+function Oe({
+  generateResponse: n,
+  baseURL: t,
+  accessToken: o,
+  agent: h = "home-assistant",
+  metadata: u,
+  requestHeaders: _,
+  respondPath: w = "/api/v2/ai-agent/respond/",
+  suggestedMessages: m = [],
+  headerTitle: A = "BAWANA Assistant",
+  headerDescription: S = "Online and ready to help",
+  assistantAvatar: R,
+  assistantAvatarUrl: j = "/ai-img.svg",
+  assistantInitials: z = "AI",
+  userInitials: _e = "YOU",
+  initials: I = !0,
+  primaryColor: D = "#1168bb",
+  primaryForeground: ee = "#ffffff",
+  onMessage: te,
+  onError: G,
+  className: ye = "",
+  placeholder: Ne = "Ask the assistant...",
+  sendLabel: ae = "Send",
+  stopLabel: ne = "Stop",
+  layout: y = "inline",
+  open: se,
+  defaultOpen: $,
+  onOpenChange: J,
+  panelHeight: F,
+  floatingPosition: ve = "bottom-right",
+  zIndex: re = 60,
+  openLabel: P = "Open chat",
+  closeLabel: T = "Close chat"
+}) {
+  const [V, K] = E(""), [ie, N] = E(""), [M, le] = E({}), [be, W] = E(() => y === "inline" ? !0 : typeof $ == "boolean" ? $ : !1), oe = fe(null), ce = q(
+    () => u || je,
+    [u]
+  ), de = q(
+    () => Array.isArray(m) ? m.filter(
+      (a) => typeof a == "string" && a.trim().length > 0
+    ) : [],
+    [m]
+  ), he = k(
+    async ({ messages: a, signal: s }) => {
+      var H;
+      if (typeof n == "function")
+        return n({ messages: a, signal: s });
+      if (!t || !t.trim())
+        throw new Error(
+          "AiAgentChat requires `baseURL` when `generateResponse` is not provided."
+        );
+      const d = await pe(o);
+      if (!d)
+        throw new Error(
+          "AiAgentChat requires `accessToken` when `generateResponse` is not provided."
+        );
+      const l = new Headers(_);
+      l.set("content-type", "application/json"), l.set("authorization", `Bearer ${d}`);
+      const v = [...a].reverse().find((Y) => Y.role === "user"), b = (v == null ? void 0 : v.content) || "", i = Pe(t, w), C = await fetch(
+        `${U(t)}${i}`,
+        {
+          method: "POST",
+          headers: l,
+          body: JSON.stringify({
+            agent: h,
+            message: b,
+            metadata: ce
+          }),
+          signal: s
+        }
+      ), p = await C.json();
+      if (!C.ok) {
+        const Y = typeof p == "object" && p ? "detail" in p && typeof p.detail == "string" ? p.detail : "message" in p && typeof p.message == "string" ? p.message : "" : "";
+        throw new Error(
+          `AI Agent request failed (${C.status})${Y ? `: ${Y}` : ""}`
+        );
+      }
+      const f = p, B = Ce(f);
+      return {
+        content: f.message,
+        toolResults: f.tool_results,
+        recommendations: Be(f),
+        recommendationNext: (H = B == null ? void 0 : B.next) != null ? H : null
+      };
+    },
+    [
+      o,
+      h,
+      t,
+      n,
+      _,
+      w,
+      ce
+    ]
+  ), ke = q(
+    () => ({
+      generateResponse: he,
+      onMessage: te,
+      onError: (a, s) => {
+        N(a.message), typeof G == "function" && G(a, s);
+      }
+    }),
+    [G, te, he]
+  ), { messages: Z, isLoading: c, sendMessage: O, stop: we, updateMessageById: ue } = ze(ke), Ae = k(
+    async (a) => {
+      a.preventDefault();
+      const s = V.trim();
+      if (!(!s.length || c)) {
+        N(""), K("");
+        try {
+          await O(s);
+        } catch (d) {
+          const l = d instanceof Error ? d.message : "Failed to send message.";
+          N(l);
+        }
+      }
+    },
+    [V, c, O]
+  ), $e = k(
+    async (a) => {
+      if (!c) {
+        N(""), K("");
+        try {
+          await O(a);
+        } catch (s) {
+          const d = s instanceof Error ? s.message : "Failed to send message.";
+          N(d);
+        }
+      }
+    },
+    [c, O]
+  ), Me = Z.some((a) => a.role === "user"), x = typeof se == "boolean", g = y === "inline" ? !0 : x ? se : be, ge = k(
+    (a) => {
+      y !== "inline" && (x || W(a), typeof J == "function" && J(a));
+    },
+    [x, y, J]
+  );
+  L(() => {
+    if (!x) {
+      if (y === "inline") {
+        W(!0);
+        return;
+      }
+      if (typeof $ == "boolean") {
+        W($);
+        return;
+      }
+      W(!1);
+    }
+  }, [$, x, y]), L(() => {
+    const a = oe.current;
+    a && (a.scrollTop = a.scrollHeight);
+  }, [Z, c]);
+  const xe = k(
+    async (a, s) => {
+      if (!s || M[a])
+        return;
+      if (!t || !t.trim()) {
+        N("Cannot load more: baseURL is missing.");
+        return;
+      }
+      const d = await pe(o);
+      if (!d) {
+        N("Cannot load more: accessToken is missing.");
+        return;
+      }
+      le((l) => ({ ...l, [a]: !0 }));
+      try {
+        const l = new Headers(_);
+        l.set("authorization", `Bearer ${d}`);
+        const v = new URL(
+          s,
+          `${U(t)}/`
+        ).toString(), b = await fetch(v, {
+          method: "GET",
+          headers: l
+        }), i = await b.json();
+        if (!b.ok) {
+          const f = typeof (i == null ? void 0 : i.detail) == "string" ? i.detail : typeof (i == null ? void 0 : i.message) == "string" ? i.message : "";
+          throw new Error(
+            `Load more failed (${b.status})${f ? `: ${f}` : ""}`
+          );
+        }
+        const C = Array.isArray(i == null ? void 0 : i.results) ? i.results : [], p = typeof (i == null ? void 0 : i.next) == "string" || (i == null ? void 0 : i.next) === null ? i.next : null;
+        ue(a, (f) => {
+          const B = Array.isArray(f.recommendations) ? f.recommendations : [], H = Re(B, C);
+          return {
+            ...f,
+            recommendations: H,
+            recommendationNext: p
+          };
+        });
+      } catch (l) {
+        N(
+          l instanceof Error ? l.message : "Failed to load more recommendations."
+        );
+      } finally {
+        le((l) => ({ ...l, [a]: !1 }));
+      }
+    },
+    [
+      o,
+      t,
+      M,
+      _,
+      ue
+    ]
+  ), Q = q(
+    () => ({
+      "--chat-primary": D,
+      "--chat-primary-rgb": Fe(D),
+      "--chat-primary-foreground": ee,
+      ...typeof F == "string" && F.trim() ? { "--chat-panel-height": F.trim() } : {},
+      "--chat-shell-z-index": re
+    }),
+    [F, D, ee, re]
+  ), X = /* @__PURE__ */ r("section", { className: `ai-agent-chat ${ye}`.trim(), children: [
+    /* @__PURE__ */ r("header", { className: "ai-agent-chat__header", children: [
+      /* @__PURE__ */ e("div", { className: "ai-agent-chat__header-avatar", "aria-hidden": "true", children: R || (j ? /* @__PURE__ */ e("img", { src: j, alt: "" }) : I ? z : "") }),
+      /* @__PURE__ */ r("div", { className: "ai-agent-chat__header-copy", children: [
+        /* @__PURE__ */ e("strong", { children: A }),
+        /* @__PURE__ */ e("span", { children: S })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "ai-agent-chat__messages",
+        role: "log",
+        "aria-live": "polite",
+        ref: oe,
+        children: [
+          !Z.length && !c ? /* @__PURE__ */ r("div", { className: "ai-agent-chat__empty", "aria-hidden": "true", children: [
+            /* @__PURE__ */ e("div", { className: "ai-agent-chat__empty-icon", children: /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", focusable: "false", children: [
+              /* @__PURE__ */ e("path", { d: "M12 2.5a.75.75 0 0 1 .73.57l1.02 4a.75.75 0 0 0 .53.53l4 1.02a.75.75 0 0 1 0 1.46l-4 1.02a.75.75 0 0 0-.53.53l-1.02 4a.75.75 0 0 1-1.46 0l-1.02-4a.75.75 0 0 0-.53-.53l-4-1.02a.75.75 0 0 1 0-1.46l4-1.02a.75.75 0 0 0 .53-.53l1.02-4A.75.75 0 0 1 12 2.5Z" }),
+              /* @__PURE__ */ e("path", { d: "M18.5 15a.75.75 0 0 1 .73.57l.35 1.37a.75.75 0 0 0 .53.53l1.37.35a.75.75 0 0 1 0 1.46l-1.37.35a.75.75 0 0 0-.53.53l-.35 1.37a.75.75 0 0 1-1.46 0l-.35-1.37a.75.75 0 0 0-.53-.53l-1.37-.35a.75.75 0 0 1 0-1.46l1.37-.35a.75.75 0 0 0 .53-.53l.35-1.37a.75.75 0 0 1 .73-.57Z" })
+            ] }) }),
+            /* @__PURE__ */ e("strong", { children: "Start a conversation" }),
+            /* @__PURE__ */ e("span", { children: "Ask about courses, recommendations, or learning plans." })
+          ] }) : null,
+          Z.map((a) => /* @__PURE__ */ r(
+            "article",
+            {
+              className: `ai-agent-chat__message ai-agent-chat__message--${a.role}`,
+              children: [
+                I ? /* @__PURE__ */ e("span", { className: "ai-agent-chat__message-role", children: a.role === "assistant" ? z : _e }) : null,
+                /* @__PURE__ */ e("p", { children: a.content }),
+                Array.isArray(a.recommendations) && a.recommendations.length > 0 ? /* @__PURE__ */ r("div", { className: "ai-agent-chat__recommendation-block", children: [
+                  /* @__PURE__ */ r("div", { className: "chat-carousel", children: [
+                    a.recommendations.map((s) => {
+                      const d = typeof s.status == "string" && s.status.trim() ? s.status.trim() : "", l = typeof s.type == "string" && s.type.trim() ? s.type.trim() : "", v = typeof s.progress == "number" && Number.isFinite(s.progress), b = v ? Math.min(
+                        100,
+                        Math.max(0, Math.round(s.progress))
+                      ) : 0;
+                      return /* @__PURE__ */ r(
+                        "a",
+                        {
+                          className: "chat-carousel-card",
+                          href: s.url || "#",
+                          target: "_blank",
+                          rel: "noreferrer",
+                          children: [
+                            /* @__PURE__ */ r("div", { className: "chat-carousel-card-header", children: [
+                              l ? /* @__PURE__ */ e("span", { className: "chat-carousel-chip chat-carousel-chip--type", children: l }) : null,
+                              d ? /* @__PURE__ */ e(
+                                "span",
+                                {
+                                  className: "chat-carousel-chip chat-carousel-chip--status",
+                                  "data-status": d.toLowerCase(),
+                                  children: d
+                                }
+                              ) : null,
+                              s.in_playlist ? /* @__PURE__ */ e("span", { className: "chat-carousel-chip chat-carousel-chip--muted", children: "In playlist" }) : null
+                            ] }),
+                            /* @__PURE__ */ r("div", { className: "chat-carousel-card-content", children: [
+                              /* @__PURE__ */ e("div", { className: "chat-carousel-card-title", children: s.title || "Untitled Course" }),
+                              /* @__PURE__ */ e("div", { className: "chat-carousel-card-desc", children: s.description || "" })
+                            ] }),
+                            /* @__PURE__ */ r("div", { className: "chat-carousel-card-footer", children: [
+                              /* @__PURE__ */ e("div", { className: "chat-carousel-meta", children: v ? /* @__PURE__ */ r(me, { children: [
+                                /* @__PURE__ */ r("span", { className: "chat-carousel-meta-text", children: [
+                                  b,
+                                  "% complete"
+                                ] }),
+                                /* @__PURE__ */ e("div", { className: "chat-carousel-progress", children: /* @__PURE__ */ e(
+                                  "div",
+                                  {
+                                    className: "chat-carousel-progress-bar",
+                                    style: { width: `${b}%` }
+                                  }
+                                ) })
+                              ] }) : null }),
+                              /* @__PURE__ */ r("div", { className: "chat-carousel-cta", children: [
+                                /* @__PURE__ */ e("span", { children: "View course" }),
+                                /* @__PURE__ */ e("span", { className: "chat-carousel-cta-icon" })
+                              ] })
+                            ] })
+                          ]
+                        },
+                        `${s.id || s.title}`
+                      );
+                    }),
+                    M[a.id] ? Array.from({ length: 3 }).map((s, d) => /* @__PURE__ */ r(
+                      "div",
+                      {
+                        className: "chat-carousel-card chat-carousel-card--skeleton",
+                        "aria-hidden": "true",
+                        children: [
+                          /* @__PURE__ */ e("div", { className: "chat-carousel-skeleton-line chat-carousel-skeleton-line--chip" }),
+                          /* @__PURE__ */ e("div", { className: "chat-carousel-skeleton-line chat-carousel-skeleton-line--title" }),
+                          /* @__PURE__ */ e("div", { className: "chat-carousel-skeleton-line chat-carousel-skeleton-line--desc" }),
+                          /* @__PURE__ */ e("div", { className: "chat-carousel-skeleton-line chat-carousel-skeleton-line--desc-short" }),
+                          /* @__PURE__ */ e("div", { className: "chat-carousel-skeleton-line chat-carousel-skeleton-line--cta" })
+                        ]
+                      },
+                      `skeleton-${a.id}-${d}`
+                    )) : null
+                  ] }),
+                  a.recommendationNext ? /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ai-agent-chat__loadmore",
+                      onClick: () => void xe(
+                        a.id,
+                        a.recommendationNext
+                      ),
+                      disabled: !!M[a.id],
+                      children: M[a.id] ? /* @__PURE__ */ r(me, { children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: "ai-agent-chat__spinner",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        "Loading..."
+                      ] }) : "Load more"
+                    }
+                  ) : null
+                ] }) : null
+              ]
+            },
+            a.id
+          )),
+          c ? /* @__PURE__ */ r("article", { className: "ai-agent-chat__message ai-agent-chat__message--assistant ai-agent-chat__message--typing", children: [
+            I ? /* @__PURE__ */ e("span", { className: "ai-agent-chat__message-role", children: z }) : null,
+            /* @__PURE__ */ r("p", { className: "ai-agent-chat__typing", children: [
+              /* @__PURE__ */ e("span", { className: "ai-agent-chat__typing-dot", "aria-hidden": "true" }),
+              /* @__PURE__ */ e("span", { className: "ai-agent-chat__typing-dot", "aria-hidden": "true" }),
+              /* @__PURE__ */ e("span", { className: "ai-agent-chat__typing-dot", "aria-hidden": "true" })
+            ] })
+          ] }) : null
+        ]
+      }
+    ),
+    !Me && de.length > 0 ? /* @__PURE__ */ e("div", { className: "ai-agent-chat__suggestions", children: de.map((a) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => void $e(a),
+        disabled: c,
+        children: a
+      },
+      a
+    )) }) : null,
+    /* @__PURE__ */ r("form", { className: "ai-agent-chat__composer", onSubmit: Ae, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          value: V,
+          onChange: (a) => K(a.target.value),
+          placeholder: Ne,
+          disabled: c
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: c ? "button" : "submit",
+          onClick: c ? we : void 0,
+          className: `ai-agent-chat__action ${c ? "is-stop" : "is-send"}`,
+          disabled: !c && !V.trim().length,
+          "aria-label": c ? ne : ae,
+          title: c ? ne : ae,
+          children: c ? /* @__PURE__ */ e(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              children: /* @__PURE__ */ e("path", { d: "M5.25 3A2.25 2.25 0 0 0 3 5.25v9.5A2.25 2.25 0 0 0 5.25 17h9.5A2.25 2.25 0 0 0 17 14.75v-9.5A2.25 2.25 0 0 0 14.75 3h-9.5Z" })
+            }
+          ) : /* @__PURE__ */ e(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              children: /* @__PURE__ */ e("path", { d: "M3.105 2.288a.75.75 0 0 0-.826.95l1.414 4.926A1.5 1.5 0 0 0 5.135 9.25h6.115a.75.75 0 0 1 0 1.5H5.135a1.5 1.5 0 0 0-1.442 1.086l-1.414 4.926a.75.75 0 0 0 .826.95 28.897 28.897 0 0 0 15.293-7.155.75.75 0 0 0 0-1.114A28.897 28.897 0 0 0 3.105 2.288Z" })
+            }
+          )
+        }
+      )
+    ] }),
+    ie ? /* @__PURE__ */ e("p", { className: "ai-agent-chat__error", children: ie }) : null
+  ] });
+  return y === "floating" ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: `ai-agent-chat-shell ai-agent-chat-shell--floating ai-agent-chat-shell--${ve} ${g ? "ai-agent-chat-shell--open" : "ai-agent-chat-shell--closed"}`.trim(),
+      style: Q,
+      children: [
+        /* @__PURE__ */ e("div", { className: "ai-agent-chat-shell__panel", children: X }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: `ai-agent-chat-shell__toggle ai-agent-chat-shell__toggle--floating ${g ? "is-open" : ""}`.trim(),
+            onClick: () => ge(!g),
+            "aria-expanded": g,
+            "aria-label": g ? T : P,
+            title: g ? T : P,
+            children: [
+              /* @__PURE__ */ r(
+                "svg",
+                {
+                  className: "ai-agent-chat-shell__toggle-icon ai-agent-chat-shell__toggle-icon--open",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  focusable: "false",
+                  children: [
+                    /* @__PURE__ */ e("path", { d: "M12 6V2H8" }),
+                    /* @__PURE__ */ e("path", { d: "M15 11v2" }),
+                    /* @__PURE__ */ e("path", { d: "M2 12h2" }),
+                    /* @__PURE__ */ e("path", { d: "M20 12h2" }),
+                    /* @__PURE__ */ e("path", { d: "M20 16a2 2 0 0 1-2 2H8.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 4 20.286V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z" }),
+                    /* @__PURE__ */ e("path", { d: "M9 11v2" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                "svg",
+                {
+                  className: "ai-agent-chat-shell__toggle-icon ai-agent-chat-shell__toggle-icon--close",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  focusable: "false",
+                  children: [
+                    /* @__PURE__ */ e("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }),
+                    /* @__PURE__ */ e("path", { d: "m14.5 8.5-5 5" }),
+                    /* @__PURE__ */ e("path", { d: "m9.5 8.5 5 5" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : y === "dropdown" ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: `ai-agent-chat-shell ai-agent-chat-shell--dropdown ${g ? "ai-agent-chat-shell--open" : "ai-agent-chat-shell--closed"}`.trim(),
+      style: Q,
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: `ai-agent-chat-shell__toggle ai-agent-chat-shell__toggle--dropdown ${g ? "is-open" : ""}`.trim(),
+            onClick: () => ge(!g),
+            "aria-expanded": g,
+            "aria-label": g ? T : P,
+            title: g ? T : P,
+            children: [
+              /* @__PURE__ */ e("span", { className: "ai-agent-chat-shell__toggle-avatar", "aria-hidden": "true", children: R || (j ? /* @__PURE__ */ e("img", { src: j, alt: "" }) : I ? z : "") }),
+              /* @__PURE__ */ r("span", { className: "ai-agent-chat-shell__toggle-copy", children: [
+                /* @__PURE__ */ e("strong", { children: A }),
+                /* @__PURE__ */ e("span", { children: S })
+              ] }),
+              /* @__PURE__ */ e("span", { className: "ai-agent-chat-shell__caret", "aria-hidden": "true" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `ai-agent-chat-shell__panel ${g ? "is-open" : ""}`.trim(), children: X })
+      ]
+    }
+  ) : /* @__PURE__ */ e("div", { className: "ai-agent-chat-shell ai-agent-chat-shell--inline", style: Q, children: X });
+}
+export {
+  Oe as AiAgentChat,
+  ze as useAiAgentChat
+};
+//# sourceMappingURL=react.mjs.map