@burtson-labs/bandit-engine 2.0.120 → 2.0.121

package/dist/{chat-QOF3GSGB.mjs → chat-NF4FKMA4.mjs}

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-32R7DYFL.mjs";
+} from "./chunk-26KZF54U.mjs";
 import "./chunk-ONQMRE2G.mjs";
 import "./chunk-W2EPDR5G.mjs";
 import "./chunk-BN3D45E2.mjs";
@@ -13,4 +13,4 @@ import "./chunk-BJTO5JO5.mjs";
 export {
   chat_default as default
 };
-//# sourceMappingURL=chat-QOF3GSGB.mjs.map
+//# sourceMappingURL=chat-NF4FKMA4.mjs.map

package/dist/{chunk-32R7DYFL.mjs → chunk-26KZF54U.mjs}

@@ -95,7 +95,7 @@ import { Box, Avatar, useMediaQuery } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 
 // src/chat/chat.css
-styleInject(".typing-only {\n  display: inline-flex;\n  gap: 0.4rem;\n  padding: 0;\n  background: transparent;\n  border-radius: 999px;\n  box-shadow: none;\n}\n.typing-only .dot {\n  width: 6px;\n  height: 6px;\n  background: #a78bfa;\n  border-radius: 50%;\n  animation: bounce 1.3s infinite ease-in-out;\n}\n.typing-only .dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n.typing-only .dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n@keyframes bounce {\n  0%, 80%, 100% {\n    transform: translateY(0);\n    opacity: 0.3;\n  }\n  40% {\n    transform: translateY(-6px);\n    opacity: 1;\n  }\n}\n@keyframes float {\n  0% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n.logo-animated {\n  animation: pulseBandit 4s infinite ease-in-out;\n  transition: transform 0.3s ease-in-out;\n}\n@keyframes pulseBandit {\n  0% {\n    transform: scale(1) rotate(0deg);\n    opacity: 0.85;\n  }\n  50% {\n    transform: scale(1.05) rotate(1deg);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1) rotate(0deg);\n    opacity: 0.85;\n  }\n}\n.logo-container {\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.fade-in {\n  opacity: 1;\n  transform: scale(1);\n}\n.fade-out {\n  opacity: 0;\n  transform: translateY(-16px) scale(0.95);\n}\n@keyframes fadeOut {\n  to {\n    opacity: 0;\n    transform: translateY(-5px);\n    visibility: hidden;\n  }\n}\n");
+styleInject(".typing-only {\n  display: inline-flex;\n  gap: 0.4rem;\n  padding: 0;\n  background: transparent;\n  border-radius: 999px;\n  box-shadow: none;\n}\n.typing-only .dot {\n  width: 6px;\n  height: 6px;\n  background: #a78bfa;\n  border-radius: 50%;\n  animation: bounce 1.3s infinite ease-in-out;\n}\n.typing-only .dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n.typing-only .dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n@keyframes bounce {\n  0%, 80%, 100% {\n    transform: translateY(0);\n    opacity: 0.3;\n  }\n  40% {\n    transform: translateY(-6px);\n    opacity: 1;\n  }\n}\n.logo-container {\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.fade-in {\n  opacity: 1;\n  transform: scale(1);\n}\n.fade-out {\n  opacity: 0;\n  transform: translateY(-16px) scale(0.95);\n}\n@keyframes fadeOut {\n  to {\n    opacity: 0;\n    transform: translateY(-5px);\n    visibility: hidden;\n  }\n}\n");
 
 // src/chat/custom-logo.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
@@ -140,7 +140,7 @@ var Logo = ({ visible, atTop = false }) => {
       component: "img",
       src: logoBase64,
       alt: "Custom Logo",
-      className: `logo-container ${visible ? "fade-in" : "fade-out"} logo-animated`,
+      className: `logo-container ${visible ? "fade-in" : "fade-out"}`,
       sx: {
         width: isMobile ? "80vw" : "60vw",
         maxWidth: 600,
@@ -155,7 +155,7 @@ var Logo = ({ visible, atTop = false }) => {
     {
       src: logoBase64,
       variant: "circular",
-      className: `logo-container ${visible ? "fade-in" : "fade-out"} logo-animated`,
+      className: `logo-container ${visible ? "fade-in" : "fade-out"}`,
       sx: {
         width: isMobile ? "50vw" : "400px",
         height: isMobile ? "50vw" : "400px",
@@ -10081,7 +10081,8 @@ var ChatContent = () => {
           if (brandingConfig) {
             setBranding({
               brandingText: brandingConfig.brandingText || "",
-              logoBase64: brandingConfig.logoBase64 ?? void 0
+              logoBase64: brandingConfig.logoBase64 ?? void 0,
+              headerMode: brandingConfig.headerMode || "logo"
             });
             if (brandingConfig.brandingText) {
               document.title = brandingConfig.brandingText;
@@ -10124,7 +10125,8 @@ var ChatContent = () => {
               debugLogger.info("Loading branding and theme from CDN config");
               setBranding({
                 brandingText: cdnBranding.brandingText,
-                logoBase64: cdnBranding.logoBase64 ?? void 0
+                logoBase64: cdnBranding.logoBase64 ?? void 0,
+                headerMode: cdnBranding.headerMode || "logo"
               });
               if (cdnBranding.brandingText) {
                 document.title = cdnBranding.brandingText;
@@ -10805,7 +10807,44 @@ var ChatContent = () => {
                     pt: 2
                   },
                   children: [
-                    logoShouldRender && !brandingLoading && (branding?.logoBase64 ? /* @__PURE__ */ jsx21(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx21(bandit_chat_logo_default, { visible: logoVisible, atTop: true })),
+                    logoShouldRender && !brandingLoading && (() => {
+                      const headerMode = branding?.headerMode ?? "logo";
+                      if (headerMode === "minimal") {
+                        return /* @__PURE__ */ jsx21(
+                          Box18,
+                          {
+                            sx: (theme) => ({
+                              textAlign: "center",
+                              mt: { xs: 6, md: 10 },
+                              mb: 2,
+                              px: 2,
+                              opacity: logoVisible ? 1 : 0,
+                              transition: "opacity 0.5s ease",
+                              color: theme.palette.text.primary
+                            }),
+                            children: /* @__PURE__ */ jsx21(Typography12, { sx: { fontWeight: 500, fontSize: { xs: "1.5rem", md: "1.9rem" }, lineHeight: 1.2 }, children: "What can I help with?" })
+                          }
+                        );
+                      }
+                      if (headerMode === "text") {
+                        return /* @__PURE__ */ jsx21(
+                          Box18,
+                          {
+                            sx: (theme) => ({
+                              textAlign: "center",
+                              mt: { xs: 6, md: 10 },
+                              mb: 2,
+                              px: 2,
+                              opacity: logoVisible ? 1 : 0,
+                              transition: "opacity 0.5s ease",
+                              color: theme.palette.text.primary
+                            }),
+                            children: /* @__PURE__ */ jsx21(Typography12, { sx: { fontWeight: 600, fontSize: { xs: "1.6rem", md: "2.1rem" }, lineHeight: 1.2 }, children: branding?.brandingText?.trim() || "Bandit AI" })
+                          }
+                        );
+                      }
+                      return branding?.logoBase64 ? /* @__PURE__ */ jsx21(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ jsx21(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
+                    })(),
                     /* @__PURE__ */ jsx21(
                       Box18,
                       {
@@ -10963,4 +11002,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-32R7DYFL.mjs.map
+//# sourceMappingURL=chunk-26KZF54U.mjs.map