@burtson-labs/bandit-engine 2.0.119 → 2.0.121

package/dist/{chunk-3TXU5SOO.mjs → chunk-HLNEVIFS.mjs}

@@ -2976,8 +2976,9 @@ import {
   Alert as Alert5,
   Fade,
   Skeleton,
-  Stack,
   Snackbar,
+  ToggleButton as ToggleButton2,
+  ToggleButtonGroup as ToggleButtonGroup2,
   useTheme as useTheme3,
   useMediaQuery as useMediaQuery3
 } from "@mui/material";
@@ -3193,37 +3194,50 @@ var LogoCropper = ({
     onClose();
   }, [onClose]);
   const handleCrop = useCallback3(() => {
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
     const image = imageRef.current;
-    if (!ctx || !image) return;
+    if (!image) return;
     const cropDims = getCropDimensions();
+    const scene = document.createElement("canvas");
+    scene.width = CANVAS_SIZE;
+    scene.height = CANVAS_SIZE;
+    const sceneCtx = scene.getContext("2d");
+    if (!sceneCtx) return;
+    sceneCtx.clearRect(0, 0, CANVAS_SIZE, CANVAS_SIZE);
+    sceneCtx.save();
+    sceneCtx.translate(CANVAS_SIZE / 2, CANVAS_SIZE / 2);
+    sceneCtx.rotate(cropSettings.rotation * Math.PI / 180);
+    sceneCtx.scale(cropSettings.scale, cropSettings.scale);
+    sceneCtx.translate(-image.naturalWidth / 2 + cropSettings.x, -image.naturalHeight / 2 + cropSettings.y);
+    sceneCtx.drawImage(image, 0, 0, image.naturalWidth, image.naturalHeight);
+    sceneCtx.restore();
+    const cropX = (CANVAS_SIZE - cropDims.width) / 2;
+    const cropY = (CANVAS_SIZE - cropDims.height) / 2;
     const finalSize = LOGO_OUTPUT_SIZES[outputSize];
-    const aspectRatioValue = cropDims.width / cropDims.height;
+    const cropAspect = cropDims.width / cropDims.height;
     let outputWidth = finalSize;
     let outputHeight = finalSize;
-    if (aspectRatio !== "square") {
-      if (aspectRatioValue > 1) {
-        outputHeight = finalSize / aspectRatioValue;
-      } else {
-        outputWidth = finalSize * aspectRatioValue;
-      }
+    if (cropAspect > 1) {
+      outputHeight = Math.round(finalSize / cropAspect);
+    } else if (cropAspect < 1) {
+      outputWidth = Math.round(finalSize * cropAspect);
     }
+    const canvas = document.createElement("canvas");
     canvas.width = outputWidth;
     canvas.height = outputHeight;
-    ctx.save();
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
     ctx.clearRect(0, 0, outputWidth, outputHeight);
-    const scaleX = outputWidth / cropDims.width;
-    const scaleY = outputHeight / cropDims.height;
-    ctx.translate(outputWidth / 2, outputHeight / 2);
-    ctx.rotate(cropSettings.rotation * Math.PI / 180);
-    ctx.scale(cropSettings.scale * scaleX, cropSettings.scale * scaleY);
-    ctx.translate(
-      -image.naturalWidth / 2 + cropSettings.x * scaleX,
-      -image.naturalHeight / 2 + cropSettings.y * scaleY
+    ctx.drawImage(
+      scene,
+      cropX,
+      cropY,
+      cropDims.width,
+      cropDims.height,
+      0,
+      0,
+      outputWidth,
+      outputHeight
     );
-    ctx.drawImage(image, 0, 0, image.naturalWidth, image.naturalHeight);
-    ctx.restore();
     const croppedDataUrl = canvas.toDataURL("image/png", 1);
     onCrop(croppedDataUrl);
     setImageSrc("");
@@ -3231,7 +3245,7 @@ var LogoCropper = ({
     setCropSettings({ x: 0, y: 0, scale: 1, rotation: 0 });
     setAspectRatio("square");
     onClose();
-  }, [cropSettings, onCrop, getCropDimensions, outputSize, aspectRatio, onClose]);
+  }, [cropSettings, onCrop, getCropDimensions, outputSize, onClose]);
   const handleScaleChange = useCallback3((value) => {
     const cropDims = getCropDimensions();
     const minScale2 = Math.max(
@@ -3265,8 +3279,8 @@ var LogoCropper = ({
       },
       children: [
         /* @__PURE__ */ jsxs4(DialogTitle3, { sx: { pb: 1 }, children: [
-          /* @__PURE__ */ jsx4(Typography4, { variant: "h6", sx: { fontWeight: 600 }, children: "\u{1F3A8} Crop Your Logo" }),
-          /* @__PURE__ */ jsx4(Typography4, { variant: "body2", color: "text.secondary", children: "Position, resize, and format your logo for perfect branding" })
+          /* @__PURE__ */ jsx4(Typography4, { variant: "h6", sx: { fontWeight: 600 }, children: "Crop Logo" }),
+          /* @__PURE__ */ jsx4(Typography4, { variant: "body2", color: "text.secondary", children: "Position and size your logo. The selected region is exported at its true aspect ratio." })
         ] }),
         /* @__PURE__ */ jsx4(DialogContent3, { children: imageSrc && /* @__PURE__ */ jsxs4(Fragment3, { children: [
           /* @__PURE__ */ jsx4(
@@ -3330,7 +3344,7 @@ var LogoCropper = ({
                         pointerEvents: "none",
                         opacity: 0.9
                       },
-                      children: "Drag to reposition \u2022 Blue area will be exported"
+                      children: "Drag to reposition \u2014 the outlined area is exported"
                     }
                   )
                 ]
@@ -3339,7 +3353,7 @@ var LogoCropper = ({
             /* @__PURE__ */ jsxs4(Box4, { sx: { width: 300, display: "flex", flexDirection: "column", gap: 3 }, children: [
               /* @__PURE__ */ jsxs4(Box4, { children: [
                 /* @__PURE__ */ jsxs4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: [
-                  "\u{1F4CB} Preview (",
+                  "Preview (",
                   LOGO_OUTPUT_SIZES[outputSize],
                   "px)"
                 ] }),
@@ -3359,7 +3373,7 @@ var LogoCropper = ({
                 ) })
               ] }),
               /* @__PURE__ */ jsxs4(Box4, { children: [
-                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "\u{1F4D0} Aspect Ratio" }),
+                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "Aspect Ratio" }),
                 /* @__PURE__ */ jsxs4(
                   ToggleButtonGroup,
                   {
@@ -3386,7 +3400,7 @@ var LogoCropper = ({
                 )
               ] }),
               /* @__PURE__ */ jsxs4(Box4, { children: [
-                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "\u{1F4CF} Output Size" }),
+                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "Output Size" }),
                 /* @__PURE__ */ jsxs4(
                   ToggleButtonGroup,
                   {
@@ -3405,7 +3419,7 @@ var LogoCropper = ({
               ] }),
               /* @__PURE__ */ jsxs4(Box4, { children: [
                 /* @__PURE__ */ jsxs4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: [
-                  "\u{1F50D} Zoom: ",
+                  "Zoom: ",
                   Math.round(cropSettings.scale * 100),
                   "%"
                 ] }),
@@ -3442,7 +3456,7 @@ var LogoCropper = ({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs4(Box4, { children: [
-                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "\u{1F504} Rotation" }),
+                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 600 }, children: "Rotation" }),
                 /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", gap: 1 }, children: [
                   /* @__PURE__ */ jsx4(
                     Button4,
@@ -3477,26 +3491,7 @@ var LogoCropper = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs4(Alert4, { severity: "success", sx: { borderRadius: 2 }, children: [
-                /* @__PURE__ */ jsx4(Typography4, { variant: "body2", children: /* @__PURE__ */ jsx4("strong", { children: "\u2728 Logo Features:" }) }),
-                /* @__PURE__ */ jsxs4(Typography4, { variant: "body2", sx: { mt: 0.5, fontSize: "0.8rem" }, children: [
-                  "\u2022 ",
-                  /* @__PURE__ */ jsx4("strong", { children: "Transparency preserved" }),
-                  " for clean logos",
-                  /* @__PURE__ */ jsx4("br", {}),
-                  "\u2022 ",
-                  /* @__PURE__ */ jsx4("strong", { children: "High quality PNG" }),
-                  " output",
-                  /* @__PURE__ */ jsx4("br", {}),
-                  "\u2022 ",
-                  /* @__PURE__ */ jsx4("strong", { children: "Multiple sizes" }),
-                  " for different uses",
-                  /* @__PURE__ */ jsx4("br", {}),
-                  "\u2022 ",
-                  /* @__PURE__ */ jsx4("strong", { children: "Perfect for branding" }),
-                  " across platforms"
-                ] })
-              ] })
+              /* @__PURE__ */ jsx4(Alert4, { severity: "info", variant: "outlined", sx: { borderRadius: 2, py: 0.5 }, children: /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { fontSize: "0.75rem", lineHeight: 1.5 }, children: "Exported as a transparent PNG at the selected aspect ratio. Wide logos stay wide." }) })
             ] })
           ] }) : /* @__PURE__ */ jsx4(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx4(Typography4, { children: "Loading image..." }) })
         ] }) }),
@@ -3512,7 +3507,7 @@ var LogoCropper = ({
                 px: 3,
                 fontWeight: 600
               },
-              children: "\u2702\uFE0F Crop Logo"
+              children: "Apply Crop"
             }
           )
         ] })
@@ -3531,6 +3526,8 @@ var BrandingTab = ({
   logoBase64,
   brandingText,
   setBrandingText,
+  headerMode,
+  setHeaderMode,
   theme,
   setTheme,
   predefinedThemes: predefinedThemes2,
@@ -3713,10 +3710,9 @@ var BrandingTab = ({
             Box5,
             {
               sx: {
-                width: { xs: "100%", md: "26%" },
+                width: { xs: "100%", md: "34%" },
                 display: "flex",
                 flexDirection: "column",
-                height: { xs: "auto", md: 260 },
                 gap: { xs: 1.5, md: 0 }
               },
               children: [
@@ -3827,22 +3823,47 @@ var BrandingTab = ({
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx5(Box5, { sx: { mt: 1.5, flex: "0 0 auto" }, children: /* @__PURE__ */ jsx5(
-                  TextField3,
-                  {
-                    label: "Custom Branding Text",
-                    variant: "outlined",
-                    value: brandingText,
-                    onChange: (e) => setBrandingText(e.target.value),
-                    fullWidth: true,
-                    placeholder: "e.g., Powered by YourCompany",
-                    size: "small",
-                    sx: {
-                      "& .MuiInputBase-root": { fontSize: "0.85rem" },
-                      "& .MuiFormHelperText-root": { fontSize: "0.7rem" }
+                /* @__PURE__ */ jsxs5(Box5, { sx: { mt: 1.5, flex: "0 0 auto", display: "flex", flexDirection: "column", gap: 1.25 }, children: [
+                  /* @__PURE__ */ jsx5(
+                    TextField3,
+                    {
+                      label: "Custom Branding Text",
+                      variant: "outlined",
+                      value: brandingText,
+                      onChange: (e) => setBrandingText(e.target.value),
+                      fullWidth: true,
+                      placeholder: "e.g., Powered by YourCompany",
+                      size: "small",
+                      sx: {
+                        "& .MuiInputBase-root": { fontSize: "0.85rem" },
+                        "& .MuiFormHelperText-root": { fontSize: "0.7rem" }
+                      }
                     }
-                  }
-                ) })
+                  ),
+                  /* @__PURE__ */ jsxs5(Box5, { children: [
+                    /* @__PURE__ */ jsx5(Typography5, { variant: "overline", sx: { mb: 0.5, fontWeight: 700, fontSize: "0.7rem", letterSpacing: 0.6, color: "text.secondary", display: "block" }, children: "Welcome Header" }),
+                    /* @__PURE__ */ jsxs5(
+                      ToggleButtonGroup2,
+                      {
+                        value: headerMode,
+                        exclusive: true,
+                        onChange: (_, mode) => mode && setHeaderMode(mode),
+                        size: "small",
+                        fullWidth: true,
+                        children: [
+                          /* @__PURE__ */ jsx5(ToggleButton2, { value: "logo", sx: { fontSize: "0.7rem", py: 0.4, textTransform: "none" }, children: "Logo" }),
+                          /* @__PURE__ */ jsx5(ToggleButton2, { value: "text", sx: { fontSize: "0.7rem", py: 0.4, textTransform: "none" }, children: "Text" }),
+                          /* @__PURE__ */ jsx5(ToggleButton2, { value: "minimal", sx: { fontSize: "0.7rem", py: 0.4, textTransform: "none" }, children: "Minimal" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs5(Typography5, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 0.5, fontSize: "0.68rem", lineHeight: 1.4 }, children: [
+                      headerMode === "logo" && "Show the brand logo above the chat.",
+                      headerMode === "text" && "Show branding text only, no logo.",
+                      headerMode === "minimal" && "No logo or text \u2014 clean greeting only."
+                    ] })
+                  ] })
+                ] })
               ]
             }
           ),
@@ -3852,79 +3873,65 @@ var BrandingTab = ({
               Box5,
               {
                 sx: {
-                  height: { xs: 220, md: 260 },
+                  height: { xs: 180, md: 200 },
                   display: "flex",
                   flexDirection: "column",
                   position: "relative",
                   bgcolor: "background.default",
                   borderRadius: 2,
                   overflow: "hidden",
+                  border: "1px solid",
+                  borderColor: "divider",
                   px: 2,
-                  py: 2
+                  py: 1.5
                 },
                 children: [
-                  /* @__PURE__ */ jsx5(Box5, { sx: {
+                  /* @__PURE__ */ jsxs5(Box5, { sx: {
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center",
                     flex: "1 1 auto",
                     minHeight: 0
-                  }, children: logoBase64 || getDefaultLogo() ? /* @__PURE__ */ jsx5(
-                    "img",
-                    {
-                      src: logoBase64 || getDefaultLogo(),
-                      alt: "Logo Preview",
-                      style: {
-                        maxWidth: "320px",
-                        height: "auto",
-                        imageRendering: "auto",
-                        objectFit: "contain",
-                        filter: "contrast(1.1) saturate(1.05)"
-                      }
-                    }
-                  ) : /* @__PURE__ */ jsxs5(Box5, { sx: {
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "center",
-                    gap: 0.5
                   }, children: [
-                    /* @__PURE__ */ jsx5(
+                    headerMode === "logo" && (logoBase64 || getDefaultLogo() ? /* @__PURE__ */ jsx5(
+                      "img",
+                      {
+                        src: logoBase64 || getDefaultLogo(),
+                        alt: "Logo Preview",
+                        style: {
+                          maxWidth: "240px",
+                          maxHeight: "100%",
+                          height: "auto",
+                          imageRendering: "auto",
+                          objectFit: "contain",
+                          filter: "contrast(1.1) saturate(1.05)"
+                        }
+                      }
+                    ) : /* @__PURE__ */ jsx5(
                       Skeleton,
                       {
                         variant: "rectangular",
-                        width: 160,
-                        height: 40,
+                        width: 140,
+                        height: 36,
                         sx: {
                           borderRadius: 2,
                           bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)"
                         }
                       }
-                    ),
-                    /* @__PURE__ */ jsx5(Typography5, { variant: "caption", color: "text.disabled", sx: { fontSize: "0.7rem" }, children: "Logo preview" })
-                  ] }) }),
+                    )),
+                    headerMode === "text" && /* @__PURE__ */ jsx5(Typography5, { variant: "h6", sx: { fontWeight: 600, color: "text.primary", textAlign: "center" }, children: brandingText || "Bandit AI" }),
+                    headerMode === "minimal" && /* @__PURE__ */ jsx5(Typography5, { variant: "h6", sx: { fontWeight: 500, color: "text.secondary", textAlign: "center" }, children: "What can I help with?" })
+                  ] }),
                   /* @__PURE__ */ jsxs5(Box5, { sx: {
                     display: "flex",
                     flexDirection: "column",
                     alignItems: "center",
                     width: "100%",
                     flex: "0 0 auto",
-                    gap: 1
+                    gap: 0.75
                   }, children: [
-                    /* @__PURE__ */ jsx5(Stack, { direction: "row", spacing: 1, justifyContent: "center", sx: { flexWrap: "wrap", gap: 1 }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx5(
-                      Skeleton,
-                      {
-                        variant: "rectangular",
-                        width: 80,
-                        height: 24,
-                        sx: {
-                          borderRadius: 2,
-                          bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"
-                        }
-                      },
-                      i
-                    )) }),
-                    /* @__PURE__ */ jsx5(Paper4, { elevation: 3, sx: { px: 2, py: 1.5, borderRadius: 2, width: "100%", maxWidth: 500 }, children: /* @__PURE__ */ jsx5(Typography5, { variant: "body1", sx: { color: "text.secondary" }, children: "What's on your mind?" }) }),
-                    /* @__PURE__ */ jsxs5(Typography5, { variant: "caption", sx: { textAlign: "center", color: "text.secondary", mt: 1 }, children: [
+                    /* @__PURE__ */ jsx5(Paper4, { elevation: 2, sx: { px: 2, py: 1, borderRadius: 2, width: "100%", maxWidth: 440 }, children: /* @__PURE__ */ jsx5(Typography5, { variant: "body2", sx: { color: "text.secondary" }, children: "What's on your mind?" }) }),
+                    /* @__PURE__ */ jsxs5(Typography5, { variant: "caption", sx: { textAlign: "center", color: "text.secondary", fontSize: "0.68rem" }, children: [
                       brandingText ? `${brandingText} \u2022 ` : "Bandit AI \u2022 ",
                       "may be wrong \u2014 double-check important info."
                     ] })
@@ -4085,7 +4092,7 @@ var BrandingTab = ({
             disabled: saveStatus === "saving",
             color: saveStatus === "saved" ? "success" : saveStatus === "error" ? "error" : "primary",
             sx: { height: 36, fontSize: "0.8rem" },
-            children: saveStatus === "saving" ? "Saving..." : saveStatus === "saved" ? "\u2713 Saved" : saveStatus === "error" ? "\u2717 Error" : "Save"
+            children: saveStatus === "saving" ? "Saving..." : saveStatus === "saved" ? "Saved" : saveStatus === "error" ? "Error" : "Save"
           }
         ) }),
         /* @__PURE__ */ jsx5(Box5, { sx: { flexBasis: { xs: "calc(50% - 4px)", sm: "calc(25% - 6px)" } }, children: /* @__PURE__ */ jsx5(
@@ -4192,7 +4199,7 @@ import {
   CardContent as CardContent3,
   IconButton as IconButton4,
   Alert as Alert6,
-  Stack as Stack2,
+  Stack,
   MenuItem as MenuItem2,
   Snackbar as Snackbar2,
   Switch as Switch2,
@@ -5543,7 +5550,7 @@ var KnowledgeTab = ({
         }
       ) : (
         /* List View */
-        /* @__PURE__ */ jsx7(Stack2, { spacing: 0.75, children: filteredAndSortedDocuments.map((doc) => {
+        /* @__PURE__ */ jsx7(Stack, { spacing: 0.75, children: filteredAndSortedDocuments.map((doc) => {
           const fileInfo = getFileTypeInfo(doc.name);
           const IconComponent = fileInfo.icon;
           const isSelected = selectedDocuments.includes(doc.id);
@@ -5846,7 +5853,7 @@ import {
   List,
   ListItemButton,
   Snackbar as Snackbar3,
-  Stack as Stack3,
+  Stack as Stack2,
   TextField as TextField5,
   Tooltip as Tooltip2,
   Typography as Typography8
@@ -6866,7 +6873,7 @@ ${combined}` : combined;
   return /* @__PURE__ */ jsxs8(Box8, { sx: { p: { xs: 1.5, sm: 3, md: 4 } }, children: [
     /* @__PURE__ */ jsxs8(Box8, { sx: { mb: { xs: 2.5, md: 3 } }, children: [
       /* @__PURE__ */ jsxs8(
-        Stack3,
+        Stack2,
         {
           direction: { xs: "column", md: "row" },
           spacing: { xs: 1.5, md: 2 },
@@ -6885,7 +6892,7 @@ ${combined}` : combined;
               ),
               /* @__PURE__ */ jsx8(Typography8, { variant: "body1", color: "text.secondary", children: "Curated internal knowledge that is always available to assistants, without showing up as visible sources." })
             ] }),
-            /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx8(Stack2, { direction: "row", spacing: 1, flexWrap: "wrap", children: /* @__PURE__ */ jsx8(
               Chip6,
               {
                 icon: isTeamScope ? /* @__PURE__ */ jsx8(GroupIcon, {}) : /* @__PURE__ */ jsx8(PersonIcon, {}),
@@ -6911,9 +6918,9 @@ ${combined}` : combined;
         },
         children: [
           /* @__PURE__ */ jsxs8(Card4, { sx: { height: "fit-content" }, children: [
-            /* @__PURE__ */ jsx8(CardContent4, { sx: { pb: 1.5 }, children: /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsx8(CardContent4, { sx: { pb: 1.5 }, children: /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
               /* @__PURE__ */ jsx8(Typography8, { variant: "h6", sx: { fontWeight: 600 }, children: "Packs" }),
-              /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, children: [
+              /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, children: [
                 /* @__PURE__ */ jsx8(
                   Button7,
                   {
@@ -6957,7 +6964,7 @@ ${combined}` : combined;
                       borderColor: pack.sid === selectedSid ? "primary.main" : "transparent"
                     },
                     children: /* @__PURE__ */ jsxs8(Box8, { sx: { flex: 1 }, children: [
-                      /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 0.5 }, children: [
+                      /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 0.5 }, children: [
                         /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle1", sx: { fontWeight: 600 }, children: pack.name }),
                         /* @__PURE__ */ jsx8(Chip6, { size: "small", label: status.label, color: status.color })
                       ] }),
@@ -6967,7 +6974,7 @@ ${combined}` : combined;
                         " ",
                         formatTimestamp(pack.publishedAt)
                       ] }),
-                      tags.length > 0 && /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 0.5, flexWrap: "wrap", sx: { mt: 1 }, children: tags.map((tag) => /* @__PURE__ */ jsx8(Chip6, { size: "small", label: tag, variant: "outlined" }, tag)) })
+                      tags.length > 0 && /* @__PURE__ */ jsx8(Stack2, { direction: "row", spacing: 0.5, flexWrap: "wrap", sx: { mt: 1 }, children: tags.map((tag) => /* @__PURE__ */ jsx8(Chip6, { size: "small", label: tag, variant: "outlined" }, tag)) })
                     ] })
                   },
                   pack.sid
@@ -6976,12 +6983,12 @@ ${combined}` : combined;
             ] })
           ] }),
           /* @__PURE__ */ jsx8(Card4, { children: /* @__PURE__ */ jsxs8(CardContent4, { children: [
-            /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
               /* @__PURE__ */ jsxs8(Box8, { children: [
                 /* @__PURE__ */ jsx8(Typography8, { variant: "h6", sx: { fontWeight: 600 }, children: selectedSeedPack ? "Seed Pack Editor" : "Seed Pack Details" }),
                 /* @__PURE__ */ jsx8(Typography8, { variant: "body2", color: "text.secondary", children: "Draft content stays internal and is never shown as user-facing sources." })
               ] }),
-              selectedSeedPack && /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+              selectedSeedPack && /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
                 isDirty && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: "Unsaved changes", color: "warning" }),
                 /* @__PURE__ */ jsx8(Chip6, { size: "small", label: statusChip.label, color: statusChip.color })
               ] })
@@ -7000,7 +7007,7 @@ ${combined}` : combined;
                 }
               )
             ] }),
-            selectedSeedPack && /* @__PURE__ */ jsxs8(Stack3, { spacing: 2, children: [
+            selectedSeedPack && /* @__PURE__ */ jsxs8(Stack2, { spacing: 2, children: [
               isLoadingDetail && /* @__PURE__ */ jsx8(LinearProgress3, {}),
               /* @__PURE__ */ jsx8(
                 TextField5,
@@ -7034,7 +7041,7 @@ ${combined}` : combined;
                   disabled: isReadOnly
                 }
               ),
-              /* @__PURE__ */ jsxs8(Stack3, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
+              /* @__PURE__ */ jsxs8(Stack2, { direction: "row", spacing: 1, flexWrap: "wrap", children: [
                 /* @__PURE__ */ jsx8(Chip6, { size: "small", label: scopeLabel, icon: isTeamScope ? /* @__PURE__ */ jsx8(GroupIcon, {}) : /* @__PURE__ */ jsx8(PersonIcon, {}) }),
                 selectedSeedPack.version && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: `Version ${selectedSeedPack.version}`, variant: "outlined" }),
                 selectedSeedPack.updatedAt && /* @__PURE__ */ jsx8(Chip6, { size: "small", label: `Updated ${formatTimestamp(selectedSeedPack.updatedAt)}`, variant: "outlined" })
@@ -7052,7 +7059,7 @@ ${combined}` : combined;
                   children: [
                     /* @__PURE__ */ jsxs8(Box8, { children: [
                       /* @__PURE__ */ jsxs8(
-                        Stack3,
+                        Stack2,
                         {
                           direction: { xs: "column", sm: "row" },
                           spacing: 1,
@@ -7061,7 +7068,7 @@ ${combined}` : combined;
                           sx: { mb: 1 },
                           children: [
                             /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", children: "Markdown content" }),
-                            /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+                            /* @__PURE__ */ jsxs8(Stack2, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
                               /* @__PURE__ */ jsx8(
                                 Button7,
                                 {
@@ -7169,7 +7176,7 @@ ${combined}` : combined;
                   InputProps: { readOnly: true }
                 }
               ),
-              canManage && /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, flexWrap: "wrap", children: [
+              canManage && /* @__PURE__ */ jsxs8(Stack2, { direction: { xs: "column", sm: "row" }, spacing: 1, flexWrap: "wrap", children: [
                 /* @__PURE__ */ jsx8(
                   Button7,
                   {
@@ -7236,7 +7243,7 @@ ${combined}` : combined;
           " - ",
           scopeDescription
         ] }),
-        /* @__PURE__ */ jsxs8(Stack3, { spacing: 2, children: [
+        /* @__PURE__ */ jsxs8(Stack2, { spacing: 2, children: [
           /* @__PURE__ */ jsx8(
             TextField5,
             {
@@ -7268,8 +7275,8 @@ ${combined}` : combined;
             }
           ),
           /* @__PURE__ */ jsx8(Divider, {}),
-          /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
-            /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+          /* @__PURE__ */ jsxs8(Stack2, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxs8(Stack2, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
               /* @__PURE__ */ jsx8(
                 Button7,
                 {
@@ -7490,7 +7497,7 @@ import {
   DialogContentText as DialogContentText4,
   DialogActions as DialogActions6,
   Alert as Alert8,
-  Stack as Stack4,
+  Stack as Stack3,
   Chip as Chip7,
   Accordion,
   AccordionSummary,
@@ -8161,7 +8168,7 @@ var StorageTab = ({ currentTheme }) => {
         /* @__PURE__ */ jsx10("li", { children: "There was an error accessing the databases" })
       ] }),
       /* @__PURE__ */ jsx10(Typography9, { variant: "body2", sx: { mt: 1 }, children: 'Try clicking "Refresh" or check the browser console for more details.' })
-    ] }) : /* @__PURE__ */ jsx10(Stack4, { spacing: 1, children: storageCategories.map((category) => {
+    ] }) : /* @__PURE__ */ jsx10(Stack3, { spacing: 1, children: storageCategories.map((category) => {
       const IconComponent = category.icon;
       const categoryPercentage = storageQuota.quota > 0 ? category.size / storageQuota.quota * 100 : 0;
       const categoryRelativePercentage = totalUsed > 0 ? category.size / totalUsed * 100 : 0;
@@ -9182,7 +9189,7 @@ import {
   Link,
   MenuItem as MenuItem4,
   Paper as Paper6,
-  Stack as Stack5,
+  Stack as Stack4,
   Switch as Switch3,
   TextField as TextField7,
   Tooltip as Tooltip3,
@@ -9441,7 +9448,7 @@ var McpServersSection = () => {
         " ",
         /* @__PURE__ */ jsx12(Link, { href: activeEntry.tokenHelp, target: "_blank", rel: "noopener noreferrer", children: "Get one here \u2192" })
       ] }),
-      /* @__PURE__ */ jsxs12(Stack5, { spacing: 1.75, children: [
+      /* @__PURE__ */ jsxs12(Stack4, { spacing: 1.75, children: [
         /* @__PURE__ */ jsx12(
           TextField7,
           {
@@ -9526,7 +9533,7 @@ var McpServersSection = () => {
       /* @__PURE__ */ jsx12(Button10, { size: "small", startIcon: /* @__PURE__ */ jsx12(AddIcon, {}), onClick: openCustom, children: "Custom server" })
     ] }),
     loading && /* @__PURE__ */ jsx12(LinearProgress5, { sx: { mb: 2 } }),
-    /* @__PURE__ */ jsxs12(Stack5, { spacing: 1.25, children: [
+    /* @__PURE__ */ jsxs12(Stack4, { spacing: 1.25, children: [
       servers.length === 0 && !loading && /* @__PURE__ */ jsx12(Typography11, { variant: "body2", color: "text.secondary", sx: { py: 1 }, children: "Nothing connected yet \u2014 pick a tool above to get started." }),
       servers.map((server) => {
         const toolState = tools[server.id];
@@ -9747,7 +9754,7 @@ var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-4EDI4BLO.mjs");
+var preloadChatPage = () => import("./chat-NF4FKMA4.mjs");
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
   if (trimmed.endsWith("/api")) {
@@ -9806,6 +9813,7 @@ var Management = () => {
   const [logoFile, setLogoFile] = useState15(null);
   const [logoBase64, setLogoBase64] = useState15(null);
   const [brandingText, setBrandingText] = useState15("");
+  const [headerMode, setHeaderMode] = useState15("logo");
   const [theme, setTheme] = useState15("bandit-dark");
   const [customAvatarBase64, setCustomAvatarBase64] = useState15(null);
   const [presetAvatar, setPresetAvatar] = useState15(null);
@@ -9899,6 +9907,7 @@ var Management = () => {
           hasCustomTheme: !!(brandingConfig?.theme && brandingConfig.theme !== "bandit-dark")
         });
         setBrandingText(brandingConfig?.brandingText || "");
+        setHeaderMode(brandingConfig?.headerMode || "logo");
         setTheme(brandingConfig?.theme || "bandit-dark");
         setLogoBase64(brandingConfig?.logoBase64 || null);
         if (brandingConfig?.hasTransparentLogo !== void 0) {
@@ -9924,6 +9933,7 @@ var Management = () => {
         if (cdnBranding) {
           debugLogger.info("Applying CDN branding");
           setBrandingText(cdnBranding.brandingText || "");
+          setHeaderMode(cdnBranding.headerMode || "logo");
           setTheme(cdnBranding.theme || "bandit-dark");
           setLogoBase64(cdnBranding.logoBase64 || null);
           if (cdnBranding.hasTransparentLogo !== void 0) {
@@ -10122,6 +10132,7 @@ var Management = () => {
         branding: {
           logoBase64,
           brandingText,
+          headerMode,
           theme,
           hasTransparentLogo: finalHasTransparentLogo,
           userSaved: true
@@ -10180,6 +10191,7 @@ var Management = () => {
       branding: {
         logoBase64: logoBase64 || "",
         brandingText: brandingText || "",
+        headerMode,
         theme,
         hasTransparentLogo: hasLogo ? await detectTransparency(logoBase64) : false
       },
@@ -10224,6 +10236,7 @@ var Management = () => {
     if (cdnBranding) {
       setLogoBase64(cdnBranding.logoBase64 || null);
       setBrandingText(cdnBranding.brandingText || "");
+      setHeaderMode(cdnBranding.headerMode || "logo");
       setTheme(cdnBranding.theme || "bandit-dark");
       if (cdnBranding.hasTransparentLogo !== void 0) {
         setHasTransparentLogo(cdnBranding.hasTransparentLogo);
@@ -10234,6 +10247,7 @@ var Management = () => {
     } else {
       setLogoBase64(null);
       setBrandingText("");
+      setHeaderMode("logo");
       setTheme("bandit-dark");
       setHasTransparentLogo(true);
       debugLogger.info("Applied Bandit default branding");
@@ -10258,6 +10272,7 @@ var Management = () => {
       } : {
         logoBase64: null,
         brandingText: "",
+        headerMode: "logo",
         theme: "bandit-dark",
         hasTransparentLogo: true,
         userSaved: false
@@ -10357,6 +10372,7 @@ var Management = () => {
           const data = JSON.parse(e.target?.result);
           if (data.branding) {
             setBrandingText(data.branding.brandingText || "");
+            setHeaderMode(data.branding.headerMode || "logo");
             setTheme(data.branding.theme || "Dark");
             setLogoBase64(data.branding.logoBase64 || null);
             setLogoFile(null);
@@ -11001,6 +11017,8 @@ var Management = () => {
                     logoBase64,
                     brandingText,
                     setBrandingText,
+                    headerMode,
+                    setHeaderMode,
                     theme,
                     setTheme,
                     predefinedThemes,
@@ -11092,4 +11110,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-3TXU5SOO.mjs.map
+//# sourceMappingURL=chunk-HLNEVIFS.mjs.map