@xbrain-swe/nova-chat-widget 0.1.6 → 0.1.7

package/dist/index.cjs

@@ -1523,6 +1523,7 @@ function XbNovaChat({
   backdropStyle,
   defaultOpen = false,
   idleText = "AI\uC5D0\uAC8C \uC774 \uCC28 \uBB3C\uC5B4\uBCF4\uAE30",
+  avatarSize = 28,
   onVerdictAction
 }) {
   const { auth, trackRegistry, factsRegistry, visitorId, clientActionHandlers, theme } = useXbNovaInternal();
@@ -1530,6 +1531,7 @@ function XbNovaChat({
     "--xbnova-accent-1": theme.accentFrom,
     "--xbnova-accent-2": theme.accentTo
   };
+  const headerAvatarSize = Math.min(36, Math.max(24, Math.round(avatarSize * 0.8)));
   const avatarGradientStyle = {
     background: "linear-gradient(135deg, var(--xbnova-accent-1), var(--xbnova-accent-2))"
   };
@@ -1678,7 +1680,8 @@ function XbNovaChat({
                           Avatar,
                           {
                             branding: onboarding?.branding,
-                            className: "h-7 w-7 text-[11px] shadow-md",
+                            size: avatarSize,
+                            className: "shadow-md",
                             gradient: avatarGradientStyle
                           }
                         )
@@ -1726,7 +1729,8 @@ function XbNovaChat({
               Avatar,
               {
                 branding: onboarding?.branding,
-                className: "h-6 w-6 shrink-0 text-[10px]",
+                size: headerAvatarSize,
+                className: "shrink-0",
                 gradient: avatarGradientStyle
               }
             ),
@@ -1844,9 +1848,11 @@ function XbNovaChat({
 }
 function Avatar({
   branding,
-  className,
+  size,
+  className = "",
   gradient
 }) {
+  const box = { width: size, height: size };
   const logoUrl = branding?.logo_url?.trim() ?? "";
   const [failedUrl, setFailedUrl] = (0, import_react9.useState)("");
   if (logoUrl && failedUrl !== logoUrl) {
@@ -1856,6 +1862,7 @@ function Avatar({
         src: logoUrl,
         alt: "",
         onError: () => setFailedUrl(logoUrl),
+        style: box,
         className: `${className} flex-none rounded-full bg-white object-cover`
       }
     );
@@ -1864,8 +1871,8 @@ function Avatar({
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "span",
     {
-      className: `${className} flex items-center justify-center rounded-full font-bold text-white`,
-      style: gradient,
+      className: `${className} flex flex-none items-center justify-center rounded-full font-bold text-white`,
+      style: { ...gradient, ...box, fontSize: Math.max(10, Math.round(size * 0.4)) },
       children: text
     }
   );