@eloquentai/chat-sdk 0.17.0-dev → 0.18.0-dev

package/dist/index.mjs

@@ -1,21 +1,21 @@
 import * as ue from "react";
-import { version as ql, createContext as Jo, useContext as Xo, useEffect as ce, useState as z, useMemo as Et, useRef as Pe, useCallback as $e } from "react";
+import { version as ql, createContext as Jo, useContext as Xo, useState as z, useEffect as ce, useMemo as Et, useRef as Pe, useCallback as $e } from "react";
 import { jsx as m, jsxs as D, Fragment as xt } from "react/jsx-runtime";
-import { ChevronDown as Xa, RefreshCcw as Gl, X as Qa, Copy as Vl, ThumbsUp as Kl, ThumbsDown as Yl, FileSearch as Jl, CheckCircle as Xl, Info as Ql, XCircle as Zl, AlertTriangle as ed, ArrowUp as td } from "lucide-react";
+import { ChevronDown as Xa, X as Qa, Copy as Gl, ThumbsUp as Vl, ThumbsDown as Kl, FileSearch as Yl, CheckCircle as Jl, Info as Xl, XCircle as Ql, AlertTriangle as Zl, ArrowUp as ed, RefreshCcw as td } from "lucide-react";
 import { clsx as nd } from "clsx";
 import { twMerge as rd } from "tailwind-merge";
 import { useDebounce as Qo } from "@uidotdev/usehooks";
-import { useRive as od, Layout as sd, Alignment as id, Fit as ad, useStateMachineInput as cd } from "@rive-app/react-canvas";
-import * as Ut from "@radix-ui/react-avatar";
 import * as ot from "@radix-ui/react-scroll-area";
-import { ScrollArea as ud } from "@radix-ui/react-scroll-area";
+import { ScrollArea as od } from "@radix-ui/react-scroll-area";
 import * as Ae from "@radix-ui/react-dialog";
+import { useRive as sd, Layout as id, Alignment as ad, Fit as cd, useStateMachineInput as ud } from "@rive-app/react-canvas";
+import * as Ut from "@radix-ui/react-avatar";
 import { createPortal as fo } from "react-dom";
 import { z as se } from "zod";
 import ld from "react-dom/client";
 try {
   let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, t = new e.Error().stack;
-  t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "05da1b36-dd03-410f-8af6-7f0cd68fd94b", e._sentryDebugIdIdentifier = "sentry-dbid-05da1b36-dd03-410f-8af6-7f0cd68fd94b");
+  t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "511248d4-26ea-4b50-a512-9017c654f92f", e._sentryDebugIdIdentifier = "sentry-dbid-511248d4-26ea-4b50-a512-9017c654f92f");
 } catch {
 }
 const U = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, st = "9.30.0", $ = globalThis;
@@ -10610,7 +10610,7 @@ function $_(e) {
 }
 {
   let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {};
-  e.SENTRY_RELEASE = { id: "0a52243fe7e193a426882242ef217066a7d5bdfb" };
+  e.SENTRY_RELEASE = { id: "b240b6dfa15035608128cb54b64837c1493d2697" };
 }
 const H_ = "development";
 $_({
@@ -10774,138 +10774,7 @@ const Yu = () => {
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, K_ = "/assets/logo-waiting-simple.riv", Y_ = "https://cdn.eloquentai.dev", J_ = "https://chat.eloquentai.dev", X_ = Y_ + K_;
-function Q_() {
-  return J_;
-}
-function Z_(e, t, n) {
-  return {
-    API: {
-      Events: {
-        endpoint: e || "",
-        region: n || "",
-        defaultAuthMode: "apiKey",
-        apiKey: t || ""
-      }
-    }
-  };
-}
-function Ju({ isWaiting: e = !1, ...t }) {
-  const { className: n, onLoaded: r, ...o } = t, { RiveComponent: s, rive: i } = od({
-    src: X_,
-    stateMachines: "State Machine 1",
-    autoplay: !0,
-    layout: new sd({
-      fit: ad.Cover,
-      alignment: id.TopCenter
-    })
-  }), c = cd(i, "State Machine 1", "waiting");
-  return ce(() => {
-    if (c)
-      try {
-        c.value = e;
-      } catch {
-      }
-  }, [i, c, e]), ce(() => {
-    i && r?.();
-  }, [i]), /* @__PURE__ */ m(
-    "div",
-    {
-      className: A(
-        "flex items-center justify-center w-full h-full",
-        n
-      ),
-      ...o,
-      children: /* @__PURE__ */ m(s, {})
-    }
-  );
-}
-const Xu = Jo(void 0);
-function ew({
-  children: e,
-  ...t
-}) {
-  return /* @__PURE__ */ m(Xu.Provider, { value: t, children: e });
-}
-function Ur() {
-  const e = Xo(Xu);
-  if (!e)
-    throw new Error(
-      "useChatInterfaceContext must be used within a ChatInterfaceProvider"
-    );
-  return e;
-}
-const Qu = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  Ut.Root,
-  {
-    ref: n,
-    className: A(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      e
-    ),
-    ...t
-  }
-));
-Qu.displayName = Ut.Root.displayName;
-const tw = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  Ut.Image,
-  {
-    ref: n,
-    className: A("aspect-square h-full w-full", e),
-    ...t
-  }
-));
-tw.displayName = Ut.Image.displayName;
-const nw = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  Ut.Fallback,
-  {
-    ref: n,
-    className: A(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      e
-    ),
-    ...t
-  }
-));
-nw.displayName = Ut.Fallback.displayName;
-function rw({
-  onCleanChat: e,
-  onClose: t
-}) {
-  const n = Ur();
-  return /* @__PURE__ */ D(Os, { className: "p-4 flex flex-row items-center justify-between shadow-sm space-y-0", children: [
-    /* @__PURE__ */ D("div", { className: "flex flex-row items-center space-x-3", children: [
-      /* @__PURE__ */ m(Qu, { className: "h-8 w-8", children: /* @__PURE__ */ m(
-        Pr,
-        {
-          src: n.assistantLogo,
-          bgColor: "#6F33B7",
-          fgColor: "#ffffff"
-        }
-      ) }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col", children: /* @__PURE__ */ m("h2", { className: "text-foreground font-semibold", children: n.assistantName }) })
-    ] }),
-    /* @__PURE__ */ D("div", { children: [
-      n.cleanChatButton && /* @__PURE__ */ m(
-        "button",
-        {
-          onClick: e,
-          className: "text-gray-400 hover:text-gray-600 p-2",
-          children: /* @__PURE__ */ m(Gl, { className: "w-4 h-4" })
-        }
-      ),
-      n.closeButton === !0 && n.isMobile && /* @__PURE__ */ m(
-        "button",
-        {
-          onClick: t,
-          className: "text-gray-400 hover:text-gray-600 p-2",
-          children: /* @__PURE__ */ m(Qa, { className: "w-4 h-4" })
-        }
-      )
-    ] })
-  ] });
-}
-const Zu = ue.forwardRef(({ className: e, children: t, onViewportScroll: n, ...r }, o) => /* @__PURE__ */ D(
+}, Ju = ue.forwardRef(({ className: e, children: t, onViewportScroll: n, ...r }, o) => /* @__PURE__ */ D(
   ot.Root,
   {
     ref: o,
@@ -10920,13 +10789,13 @@ const Zu = ue.forwardRef(({ className: e, children: t, onViewportScroll: n, ...r
           children: t
         }
       ),
-      /* @__PURE__ */ m(el, {}),
+      /* @__PURE__ */ m(Xu, {}),
       /* @__PURE__ */ m(ot.Corner, {})
     ]
   }
 ));
-Zu.displayName = ot.Root.displayName;
-const el = ue.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r) => /* @__PURE__ */ m(
+Ju.displayName = ot.Root.displayName;
+const Xu = ue.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r) => /* @__PURE__ */ m(
   ot.ScrollAreaScrollbar,
   {
     ref: r,
@@ -10941,30 +10810,8 @@ const el = ue.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r
     children: /* @__PURE__ */ m(ot.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-el.displayName = ot.ScrollAreaScrollbar.displayName;
-function ow(e) {
-  const { className: t, src: n, ...r } = e;
-  return /* @__PURE__ */ m("div", { className: A("w-full h-full", t), ...r, children: n ? /* @__PURE__ */ m(
-    "img",
-    {
-      src: n,
-      alt: "Assistant Logo",
-      className: "w-full h-full object-contain"
-    }
-  ) : /* @__PURE__ */ D("svg", { viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ m("rect", { width: "80", height: "80", fill: "#6F33B7" }),
-    /* @__PURE__ */ m(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M41 27C34.2871 27 29 32.41 29 39C29 46.7908 35.2092 53 43 53V61C30.7908 61 21 51.209 21 39C21 28.0512 29.8095 19 41 19C51.2331 19 59 26.828 59 37C59 45.9675 51.9576 53 43 53V45C47.5423 45 51 41.5462 51 37C51 31.2295 46.7981 27 41 27Z",
-        fill: "white"
-      }
-    )
-  ] }) });
-}
-const sw = Ae.Root, iw = Ae.Portal, tl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+Xu.displayName = ot.ScrollAreaScrollbar.displayName;
+const K_ = Ae.Root, Y_ = Ae.Portal, Qu = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
   Ae.Overlay,
   {
     ref: n,
@@ -10975,9 +10822,9 @@ const sw = Ae.Root, iw = Ae.Portal, tl = ue.forwardRef(({ className: e, ...t },
     ...t
   }
 ));
-tl.displayName = Ae.Overlay.displayName;
-const nl = ue.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ D(iw, { children: [
-  /* @__PURE__ */ m(tl, {}),
+Qu.displayName = Ae.Overlay.displayName;
+const Zu = ue.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ D(Y_, { children: [
+  /* @__PURE__ */ m(Qu, {}),
   /* @__PURE__ */ D(
     Ae.Content,
     {
@@ -10997,8 +10844,8 @@ const nl = ue.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
     }
   )
 ] }));
-nl.displayName = Ae.Content.displayName;
-const rl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+Zu.displayName = Ae.Content.displayName;
+const el = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
   Ae.Title,
   {
     ref: n,
@@ -11009,8 +10856,8 @@ const rl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
     ...t
   }
 ));
-rl.displayName = Ae.Title.displayName;
-const ol = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+el.displayName = Ae.Title.displayName;
+const tl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
   Ae.Description,
   {
     ref: n,
@@ -11018,8 +10865,8 @@ const ol = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
     ...t
   }
 ));
-ol.displayName = Ae.Description.displayName;
-function aw(e, t = 50, n = !0) {
+tl.displayName = Ae.Description.displayName;
+function J_(e, t = 50, n = !0) {
   const [r, o] = z("");
   return ce(() => {
     if (!n) return;
@@ -11036,7 +10883,7 @@ function aw(e, t = 50, n = !0) {
   }, [e, t, n]), n ? r : e;
 }
 const ua = ["Reviewing...", "Thinking...", "Validating..."];
-function cw() {
+function X_() {
   const [e, t] = z(0);
   return ce(() => {
     const n = setInterval(() => {
@@ -11045,6 +10892,67 @@ function cw() {
     return () => clearInterval(n);
   }, []), ua[e];
 }
+const Q_ = "/assets/logo-waiting-simple.riv", Z_ = "https://cdn.eloquentai.dev", ew = "https://chat.eloquentai.dev", tw = Z_ + Q_;
+function nw() {
+  return ew;
+}
+function rw(e, t, n) {
+  return {
+    API: {
+      Events: {
+        endpoint: e || "",
+        region: n || "",
+        defaultAuthMode: "apiKey",
+        apiKey: t || ""
+      }
+    }
+  };
+}
+function nl({ isWaiting: e = !1, ...t }) {
+  const { className: n, onLoaded: r, ...o } = t, { RiveComponent: s, rive: i } = sd({
+    src: tw,
+    stateMachines: "State Machine 1",
+    autoplay: !0,
+    layout: new id({
+      fit: cd.Cover,
+      alignment: ad.TopCenter
+    })
+  }), c = ud(i, "State Machine 1", "waiting");
+  return ce(() => {
+    if (c)
+      try {
+        c.value = e;
+      } catch {
+      }
+  }, [i, c, e]), ce(() => {
+    i && r?.();
+  }, [i]), /* @__PURE__ */ m(
+    "div",
+    {
+      className: A(
+        "flex items-center justify-center w-full h-full",
+        n
+      ),
+      ...o,
+      children: /* @__PURE__ */ m(s, {})
+    }
+  );
+}
+const rl = Jo(void 0);
+function ow({
+  children: e,
+  ...t
+}) {
+  return /* @__PURE__ */ m(rl.Provider, { value: t, children: e });
+}
+function Ur() {
+  const e = Xo(rl);
+  if (!e)
+    throw new Error(
+      "useChatInterfaceContext must be used within a ChatInterfaceProvider"
+    );
+  return e;
+}
 function la({
   messageData: e,
   nextMessage: t,
@@ -11056,7 +10964,7 @@ function la({
 }) {
   const c = !t, [a, u] = z(!1), [l, d] = z(
     null
-  ), [f, h] = z(!1), [p, g] = z(!1), y = Yu(), { collectUserFeedback: b, onMessageClick: v } = Ur(), x = cw(), E = !e.isWelcomeMessage && typeof v == "function", _ = aw(
+  ), [f, h] = z(!1), [p, g] = z(!1), y = Yu(), { collectUserFeedback: b, onMessageClick: v } = Ur(), x = X_(), E = !e.isWelcomeMessage && typeof v == "function", _ = J_(
     e.isThinking ? x : e.content,
     15,
     n && c
@@ -11170,7 +11078,7 @@ function la({
                 f && "text-primary"
               ),
               title: "Copy message",
-              children: /* @__PURE__ */ m(Vl, { size: 16 })
+              children: /* @__PURE__ */ m(Gl, { size: 16 })
             }
           ),
           !e.isWelcomeMessage && b && /* @__PURE__ */ D(xt, { children: [
@@ -11182,7 +11090,7 @@ function la({
                   I,
                   l === "up" && "text-primary"
                 ),
-                children: /* @__PURE__ */ m(Kl, { size: 16 })
+                children: /* @__PURE__ */ m(Vl, { size: 16 })
               }
             ),
             /* @__PURE__ */ m(
@@ -11195,7 +11103,7 @@ function la({
                   I,
                   l === "down" && "text-primary"
                 ),
-                children: /* @__PURE__ */ m(Yl, { size: 16 })
+                children: /* @__PURE__ */ m(Kl, { size: 16 })
               }
             )
           ] }),
@@ -11208,15 +11116,15 @@ function la({
               className: A(I, {
                 "text-primary": p
               }),
-              children: /* @__PURE__ */ m(Jl, { size: 16 })
+              children: /* @__PURE__ */ m(Yl, { size: 16 })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ m(sw, { open: a, onOpenChange: u, children: /* @__PURE__ */ D(nl, { className: "max-w-[90vw] p-0 bg-transparent border-0", children: [
-      /* @__PURE__ */ m(rl, { className: "hidden" }),
-      /* @__PURE__ */ m(ol, { className: "hidden" }),
+    /* @__PURE__ */ m(K_, { open: a, onOpenChange: u, children: /* @__PURE__ */ D(Zu, { className: "max-w-[90vw] p-0 bg-transparent border-0", children: [
+      /* @__PURE__ */ m(el, { className: "hidden" }),
+      /* @__PURE__ */ m(tl, { className: "hidden" }),
       /* @__PURE__ */ m(
         "img",
         {
@@ -11228,7 +11136,7 @@ function la({
     ] }) })
   ] });
 }
-function uw({
+function sw({
   className: e,
   message: t,
   nextMessage: n,
@@ -11248,7 +11156,7 @@ function uw({
         src: r
       }
     ) : /* @__PURE__ */ m(
-      Ju,
+      nl,
       {
         className: u,
         isWaiting: !Array.isArray(t) && t.isThinking
@@ -11289,7 +11197,29 @@ function uw({
     }
   ) }, o);
 }
-function lw() {
+function iw(e) {
+  const { className: t, src: n, ...r } = e;
+  return /* @__PURE__ */ m("div", { className: A("w-full h-full", t), ...r, children: n ? /* @__PURE__ */ m(
+    "img",
+    {
+      src: n,
+      alt: "Assistant Logo",
+      className: "w-full h-full object-contain"
+    }
+  ) : /* @__PURE__ */ D("svg", { viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ m("rect", { width: "80", height: "80", fill: "#6F33B7" }),
+    /* @__PURE__ */ m(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M41 27C34.2871 27 29 32.41 29 39C29 46.7908 35.2092 53 43 53V61C30.7908 61 21 51.209 21 39C21 28.0512 29.8095 19 41 19C51.2331 19 59 26.828 59 37C59 45.9675 51.9576 53 43 53V45C47.5423 45 51 41.5462 51 37C51 31.2295 46.7981 27 41 27Z",
+        fill: "white"
+      }
+    )
+  ] }) });
+}
+function aw() {
   const e = Ur(), t = Pe(null), n = Pe(!0), [r, o] = z(!1), [s, i] = z(!1), c = (l) => l.scrollHeight - l.scrollTop <= l.clientHeight + 60, a = (l) => {
     const d = l.target;
     c(d) ? (o(!1), i(!1)) : (o(!0), i(!0));
@@ -11315,26 +11245,27 @@ function lw() {
     return d.observe(l), () => d.disconnect();
   }, [s]), /* @__PURE__ */ D(As, { className: "relative flex-grow p-0 pl-4 overflow-hidden", children: [
     /* @__PURE__ */ D(
-      Zu,
+      Ju,
       {
         ref: t,
         className: "h-full pr-4",
         onViewportScroll: a,
         children: [
           /* @__PURE__ */ D("div", { className: "chat-interface-head mt-10", children: [
-            /* @__PURE__ */ m("div", { className: "w-14 h-14 mx-auto rounded-md overflow-hidden", children: /* @__PURE__ */ m(ow, { src: e.assistantLogo }) }),
+            /* @__PURE__ */ m("div", { className: "w-14 h-14 mx-auto rounded-md overflow-hidden", children: /* @__PURE__ */ m(iw, { src: e.assistantLogo }) }),
             /* @__PURE__ */ D("div", { className: "mt-2 space-y-1", children: [
               /* @__PURE__ */ D("h3", { className: "text-center font-semibold", children: [
                 e.assistantName,
-                " responds instantly"
+                " ",
+                e.title
               ] }),
-              /* @__PURE__ */ m("p", { className: "text-muted-foreground text-center text-sm", children: "Ask me anything" })
+              /* @__PURE__ */ m("p", { className: "text-muted-foreground text-center text-sm", children: e.subtitle })
             ] })
           ] }),
           /* @__PURE__ */ m("div", { className: "chat-interface-body flex flex-col space-y-4 mb-10", children: e.messages?.map((l, d, f) => {
             const h = Array.isArray(l) ? l.map((p) => p.id).join("-") : l.id;
             return /* @__PURE__ */ m(
-              uw,
+              sw,
               {
                 message: l,
                 nextMessage: f[d + 1],
@@ -11361,7 +11292,7 @@ function lw() {
     )
   ] });
 }
-const sl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+const ol = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
   "textarea",
   {
     className: A(
@@ -11372,8 +11303,8 @@ const sl = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
     ...t
   }
 ));
-sl.displayName = "Textarea";
-function dw() {
+ol.displayName = "Textarea";
+function cw() {
   const e = Pe(!1), t = Pe(0), n = Pe(0);
   return {
     onMouseDown: (c) => {
@@ -11398,7 +11329,7 @@ function dw() {
 const da = {
   5031: "The service is currently undergoing maintenance. Please try again later.",
   DEFAULT: "Something went wrong. Please try again later."
-}, fw = (e) => da[e] || da.DEFAULT, il = Jo({
+}, uw = (e) => da[e] || da.DEFAULT, sl = Jo({
   error: null,
   publishApiError: () => {
   },
@@ -11407,12 +11338,12 @@ const da = {
   clearError: () => {
   }
 }), Ds = () => {
-  const e = Xo(il);
+  const e = Xo(sl);
   if (e === void 0)
     throw new Error("useError must be used within an ErrorProvider");
   return e;
-}, hw = (e) => (t) => {
-  const n = Number(t.response.errors[0].error_code), r = fw(n);
+}, lw = (e) => (t) => {
+  const n = Number(t.response.errors[0].error_code), r = uw(n);
   e({ code: n, message: r });
 }, fa = {
   warning: {
@@ -11420,30 +11351,30 @@ const da = {
     borderColor: "border-amber-400",
     textColor: "text-amber-800",
     iconColor: "text-amber-500",
-    icon: ed
+    icon: Zl
   },
   error: {
     bgColor: "bg-red-50",
     borderColor: "border-red-500",
     textColor: "text-red-800",
     iconColor: "text-red-500",
-    icon: Zl
+    icon: Ql
   },
   info: {
     bgColor: "bg-blue-50",
     borderColor: "border-blue-500",
     textColor: "text-blue-800",
     iconColor: "text-blue-500",
-    icon: Ql
+    icon: Xl
   },
   success: {
     bgColor: "bg-green-50",
     borderColor: "border-green-500",
     textColor: "text-green-800",
     iconColor: "text-green-500",
-    icon: Xl
+    icon: Jl
   }
-}, pw = ({ message: e, type: t }) => {
+}, dw = ({ message: e, type: t }) => {
   const n = fa[t] || fa.warning, r = n.icon;
   return /* @__PURE__ */ D(
     "div",
@@ -11456,8 +11387,8 @@ const da = {
     }
   );
 };
-function mw() {
-  const { error: e } = Ds(), t = !!e, n = Ur(), r = Pe(null), [o, s] = z(""), i = dw(), c = Yu(), a = () => o.trim() && !t ? { backgroundColor: c.userBubbleColor } : {}, u = () => n.suggestedMessages ? /* @__PURE__ */ m(
+function fw() {
+  const { error: e } = Ds(), t = !!e, n = Ur(), r = Pe(null), [o, s] = z(""), i = cw(), c = Yu(), a = () => o.trim() && !t ? { backgroundColor: c.userBubbleColor } : {}, u = () => n.suggestedMessages ? /* @__PURE__ */ m(
     "div",
     {
       className: "w-full px-4 pb-10 -mt-20 overflow-x-auto no-scrollbar z-10 cursor-grab",
@@ -11500,7 +11431,7 @@ function mw() {
   return /* @__PURE__ */ D(Ms, { className: "flex flex-col bg-background p-0", children: [
     u(),
     /* @__PURE__ */ D("div", { className: "flex flex-col w-full items-center px-4 pb-4 -mt-6 z-20", children: [
-      t && /* @__PURE__ */ m(pw, { message: e.message, type: "error" }),
+      t && /* @__PURE__ */ m(dw, { message: e.message, type: "error" }),
       /* @__PURE__ */ D(
         "form",
         {
@@ -11508,7 +11439,7 @@ function mw() {
           onSubmit: l,
           children: [
             /* @__PURE__ */ m("div", { className: "flex-1 bg-card rounded-3xl shadow-[0_0_4px_0_rgba(0,0,0,0.20)]", children: /* @__PURE__ */ m(
-              sl,
+              ol,
               {
                 ref: r,
                 name: "message",
@@ -11543,7 +11474,7 @@ function mw() {
                   o.trim() && !t ? "text-primary-foreground" : "bg-muted-foreground"
                 ),
                 style: a(),
-                children: /* @__PURE__ */ m(td, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ m(ed, { className: "h-4 w-4" })
               }
             )
           ]
@@ -11565,17 +11496,75 @@ function mw() {
     ] })
   ] });
 }
-function De({
-  className: e,
-  ...t
+const il = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  Ut.Root,
+  {
+    ref: n,
+    className: A(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      e
+    ),
+    ...t
+  }
+));
+il.displayName = Ut.Root.displayName;
+const hw = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  Ut.Image,
+  {
+    ref: n,
+    className: A("aspect-square h-full w-full", e),
+    ...t
+  }
+));
+hw.displayName = Ut.Image.displayName;
+const pw = ue.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  Ut.Fallback,
+  {
+    ref: n,
+    className: A(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      e
+    ),
+    ...t
+  }
+));
+pw.displayName = Ut.Fallback.displayName;
+function mw({
+  onCleanChat: e,
+  onClose: t
 }) {
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: A("animate-pulse rounded-md bg-muted", e),
-      ...t
-    }
-  );
+  const n = Ur();
+  return /* @__PURE__ */ D(Os, { className: "p-4 flex flex-row items-center justify-between shadow-sm space-y-0", children: [
+    /* @__PURE__ */ D("div", { className: "flex flex-row items-center space-x-3", children: [
+      /* @__PURE__ */ m(il, { className: "h-8 w-8", children: /* @__PURE__ */ m(
+        Pr,
+        {
+          src: n.assistantLogo,
+          bgColor: "#6F33B7",
+          fgColor: "#ffffff"
+        }
+      ) }),
+      /* @__PURE__ */ m("div", { className: "flex flex-col", children: /* @__PURE__ */ m("h2", { className: "text-foreground font-semibold", children: n.assistantName }) })
+    ] }),
+    /* @__PURE__ */ D("div", { children: [
+      n.cleanChatButton && /* @__PURE__ */ m(
+        "button",
+        {
+          onClick: e,
+          className: "text-gray-400 hover:text-gray-600 p-2",
+          children: /* @__PURE__ */ m(td, { className: "w-4 h-4" })
+        }
+      ),
+      n.closeButton === !0 && n.isMobile && /* @__PURE__ */ m(
+        "button",
+        {
+          onClick: t,
+          className: "text-gray-400 hover:text-gray-600 p-2",
+          children: /* @__PURE__ */ m(Qa, { className: "w-4 h-4" })
+        }
+      )
+    ] })
+  ] });
 }
 const al = ({
   isOpen: e,
@@ -11589,6 +11578,18 @@ const al = ({
     "rounded-2xl border": !t
   }
 );
+function De({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: A("animate-pulse rounded-md bg-muted", e),
+      ...t
+    }
+  );
+}
 function cl({
   isOpen: e = !1,
   isMobile: t
@@ -11602,7 +11603,7 @@ function cl({
       /* @__PURE__ */ m(De, { className: "h-8 w-8" }),
       /* @__PURE__ */ m(De, { className: "h-6 w-32" })
     ] }) }),
-    /* @__PURE__ */ m(As, { className: "flex-1 px-4 overflow-hidden", children: /* @__PURE__ */ D(ud, { children: [
+    /* @__PURE__ */ m(As, { className: "flex-1 px-4 overflow-hidden", children: /* @__PURE__ */ D(od, { children: [
       /* @__PURE__ */ D("div", { className: "flex flex-col items-center justify-center space-y-2 pt-10", children: [
         /* @__PURE__ */ m(De, { className: "w-14 h-14 mx-auto rounded-md" }),
         /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(De, { className: "h-6 w-32 mx-auto mt-2" }) }),
@@ -11624,25 +11625,25 @@ function gw(e) {
     isMobile: n
   }), l = () => c ? /* @__PURE__ */ D(Ns, { className: u, children: [
     /* @__PURE__ */ m(
-      rw,
+      mw,
       {
         onCleanChat: () => r?.(),
         onClose: () => o?.()
       }
     ),
-    /* @__PURE__ */ m(lw, {}),
-    /* @__PURE__ */ m(mw, {})
+    /* @__PURE__ */ m(aw, {}),
+    /* @__PURE__ */ m(fw, {})
   ] }) : /* @__PURE__ */ D(xt, { children: [
     /* @__PURE__ */ m(cl, { isOpen: t, isMobile: n }),
     !c && /* @__PURE__ */ m(
-      Ju,
+      nl,
       {
         className: "hidden invisible",
         onLoaded: () => a(!0)
       }
     )
   ] });
-  return /* @__PURE__ */ m(V_, { ...s, children: /* @__PURE__ */ m(ew, { ...e, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(V_, { ...s, children: /* @__PURE__ */ m(ow, { ...e, children: /* @__PURE__ */ m(
     "main",
     {
       className: A(
@@ -11681,7 +11682,9 @@ function bw({
     legalText: t.footer_html || void 0,
     suggestedMessages: t.suggested_messages,
     displayWelcomeMessages: t.display_welcome_messages,
-    collectUserFeedback: t.collect_user_feedback
+    collectUserFeedback: t.collect_user_feedback,
+    title: t.title || "responds instantly",
+    subtitle: t.subtitle || "Ask me anything"
   } : e, [e, t]);
 }
 class $o extends Error {
@@ -14929,7 +14932,7 @@ function P0({
   const r = `/default/chat/${e}`, [o, s] = z(!1), i = n?.app_sync_url, c = n?.app_sync_region, a = n?.app_sync_api_key;
   ce(() => {
     (i || c || a) && (qs.configure(
-      Z_(i, a, c)
+      rw(i, a, c)
     ), s(!0));
   }, [i, a, c]), ce(() => {
     if (!o || !e) return;
@@ -15174,7 +15177,7 @@ function H0({
     isConversationExpired: i,
     clearConversationData: c,
     getSavedConversationData: a
-  } = Ls({ appId: e }), { current: u } = Pe(Q_()), [l] = z(
+  } = Ls({ appId: e }), { current: u } = Pe(nw()), [l] = z(
     new F0({
       baseURL: u,
       appId: e
@@ -15301,13 +15304,13 @@ function z0({
 const j0 = ({
   children: e
 }) => {
-  const [t, n] = z(null), r = hw(n), i = {
+  const [t, n] = z(null), r = lw(n), i = {
     error: t,
     publishApiError: r,
     publishError: (c) => n(c),
     clearError: () => n(null)
   };
-  return /* @__PURE__ */ m(il.Provider, { value: i, children: e });
+  return /* @__PURE__ */ m(sl.Provider, { value: i, children: e });
 };
 function q0({
   appId: e,