@burtson-labs/bandit-engine 2.0.62 → 2.0.64

package/dist/{chunk-5WQMMCZQ.mjs → chunk-FXFTA5PZ.mjs}

@@ -1,6 +1,5 @@
 import {
   authenticationService,
-  brandingService_default,
   notificationService,
   useConversationStore,
   useConversationSyncStore,
@@ -2703,25 +2702,6 @@ var ai_response_action_bar_default = AiResponseActionsBar;
 // src/modals/chat-modal/ai-response-text-field.tsx
 import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var brainIcon = "https://cdn.burtson.ai/images/brain-icon.png";
-var avatarFilenames = {
-  "Bandit-Core": "core-avatar.png",
-  "Bandit-Muse": "muse-avatar.png",
-  "Bandit-Logic": "logic-avatar.png",
-  "Bandit-D1VA": "d1va-avatar.png",
-  "Bandit-Exec": "exec-avatar.png",
-  "default": "bandit-head.png"
-};
-var banditHead = `https://cdn.burtson.ai/images/bandit-head.png`;
-var resolveAvatar = (selectedModel) => {
-  const model = useModelStore.getState().availableModels.find(
-    (m) => m.name === selectedModel
-  );
-  if (model?.avatarBase64) {
-    return model.avatarBase64;
-  }
-  const avatarFilename = avatarFilenames[selectedModel] || avatarFilenames["default"];
-  return `https://cdn.burtson.ai/avatars/${avatarFilename}`;
-};
 var normalizeTables = (markdown2) => {
   const lines = markdown2.split("\n");
   const output = [];
@@ -3067,15 +3047,6 @@ var AIResponseTextField = ({
     const timeout = setTimeout(() => setShowMemoryUpdated(false), 3e3);
     return () => clearTimeout(timeout);
   }, [memoryUpdated]);
-  const selectedModel = useModelStore((state) => state.selectedModel);
-  const [userAvatar, setUserAvatar] = useState5(banditHead);
-  useEffect5(() => {
-    const fetchBranding = async () => {
-      const branding = await brandingService_default.getBranding();
-      setUserAvatar(branding?.logoBase64 || banditHead);
-    };
-    fetchBranding();
-  }, []);
   const theme = useTheme3();
   const chatResponse = theme.palette.chat?.response;
   const sanitizeMarkdown = (raw) => {
@@ -3444,283 +3415,109 @@ ${sourcesMarkdownList.join("\n")}`;
           alignSelf: "stretch",
           display: "flex",
           flexDirection: "column",
-          bgcolor: chatResponse.containerBackground,
-          color: chatResponse.aiText || "#fff",
-          p: isMobile ? 1 : 2,
-          borderRadius: "4px",
-          userSelect: "text",
-          border: "1px solid " + (chatResponse.aiBorder || "#ccc"),
-          boxShadow: "0 0 6px rgba(0,0,0,0.3)"
+          color: chatResponse.aiText || theme.palette.text.primary,
+          px: isMobile ? 0.5 : 2,
+          py: 1,
+          userSelect: "text"
         },
         children: [
-          /* @__PURE__ */ jsxs4(
-            Box5,
-            {
-              sx: {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: {
-                  xs: "flex-start",
-                  sm: "flex-end"
+          /* @__PURE__ */ jsx5(Box5, { sx: { display: "flex", justifyContent: "flex-end", mb: 2.5 }, children: /* @__PURE__ */ jsxs4(Box5, { sx: { maxWidth: { xs: "100%", sm: "85%" }, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx5(
+              Box5,
+              {
+                sx: {
+                  bgcolor: chatResponse.userBubble || alpha(theme.palette.common.white, 0.07),
+                  borderRadius: "18px",
+                  px: 2,
+                  py: 1.25,
+                  wordBreak: "break-word",
+                  whiteSpace: "pre-wrap",
+                  overflowWrap: "break-word"
                 },
-                gap: 2,
-                mb: 2,
-                justifyContent: "flex-end"
-              },
-              children: [
-                /* @__PURE__ */ jsxs4(
-                  Box5,
+                children: /* @__PURE__ */ jsx5(
+                  Typography3,
                   {
                     sx: {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center"
+                      color: theme.palette.text.primary,
+                      lineHeight: 1.5,
+                      wordBreak: "break-word",
+                      whiteSpace: "pre-wrap"
                     },
-                    children: [
-                      /* @__PURE__ */ jsx5(
-                        Avatar,
-                        {
-                          alt: "You",
-                          src: userAvatar,
-                          sx: {
-                            display: { xs: "none", sm: "flex" },
-                            width: { sm: 72 },
-                            height: { sm: 72 },
-                            bgcolor: chatResponse.userAvatarBackground || (theme.palette.mode === "dark" ? "transparent" : "#eee"),
-                            color: "#fff",
-                            fontWeight: "bold",
-                            fontSize: { sm: "1.1rem" },
-                            border: "2px solid #a78bfa",
-                            boxShadow: "0 0 8px rgba(167, 139, 250, 0.3)",
-                            transform: "scaleX(1)"
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx5(
-                        Typography3,
-                        {
-                          variant: "caption",
-                          sx: { color: chatResponse.modelLabel || "#888", mt: 1, fontStyle: "italic" },
-                          children: "You said"
-                        }
-                      )
-                    ]
+                    children: question
                   }
-                ),
-                /* @__PURE__ */ jsxs4(Box5, { sx: { flex: 1 }, children: [
-                  /* @__PURE__ */ jsx5(
-                    Box5,
-                    {
-                      sx: {
-                        display: "inline-block",
-                        textAlign: "left",
-                        bgcolor: chatResponse.userBubble || "#1f1f1f",
-                        borderRadius: "4px",
-                        px: isMobile ? 1 : 2,
-                        py: 1.5,
-                        width: isMobile ? "100%" : "fit-content",
-                        maxWidth: "100%",
-                        border: "1px solid " + (chatResponse.aiBorder || "#444"),
-                        wordBreak: "break-word",
-                        whiteSpace: "pre-wrap",
-                        overflowWrap: "break-word",
-                        mt: { xs: 0.5, sm: 0.25 }
-                      },
-                      children: /* @__PURE__ */ jsx5(
-                        Typography3,
-                        {
-                          sx: {
-                            color: chatResponse.userText || "#6C9AC5",
-                            fontStyle: "italic",
-                            wordBreak: "break-word",
-                            whiteSpace: "pre-wrap"
-                          },
-                          children: question
-                        }
-                      )
-                    }
-                  ),
-                  images && images.length > 0 && /* @__PURE__ */ jsx5(Box5, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap" }, children: images.map((img, i) => /* @__PURE__ */ jsx5(
-                    Avatar,
-                    {
-                      src: img,
-                      variant: "rounded",
-                      onClick: () => setOpenImage(img),
-                      sx: {
-                        width: 64,
-                        height: 64,
-                        borderRadius: 2,
-                        cursor: "pointer",
-                        "&:hover": { boxShadow: `0 0 0 2px ${theme.palette.primary.main}` }
-                      }
-                    },
-                    i
-                  )) })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx5(Box5, { sx: { borderBottom: `1px solid ${theme.palette.divider}`, my: 2 } }),
-          /* @__PURE__ */ jsxs4(
-            Box5,
-            {
-              sx: {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: {
-                  xs: "center",
-                  sm: "flex-start"
-                },
-                gap: 2,
-                mb: 2
+                )
+              }
+            ),
+            images && images.length > 0 && /* @__PURE__ */ jsx5(Box5, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap", justifyContent: "flex-end" }, children: images.map((img, i) => /* @__PURE__ */ jsx5(
+              Avatar,
+              {
+                src: img,
+                variant: "rounded",
+                onClick: () => setOpenImage(img),
+                sx: {
+                  width: 96,
+                  height: 96,
+                  borderRadius: 2,
+                  border: `1px solid ${alpha(theme.palette.text.primary, 0.25)}`,
+                  cursor: "pointer",
+                  "&:hover": { boxShadow: `0 0 0 2px ${theme.palette.primary.main}` }
+                }
               },
-              children: [
-                typeof response === "string" && response.trim() !== "" && /* @__PURE__ */ jsxs4(
-                  Box5,
-                  {
-                    sx: {
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      mr: 2,
-                      position: "relative"
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx5(
-                        Avatar,
-                        {
-                          src: resolveAvatar(selectedModel),
-                          alt: selectedModel,
-                          sx: {
-                            display: { xs: "none", sm: "flex" },
-                            width: 72,
-                            height: 72,
-                            border: "1px solid #888",
-                            boxShadow: "0 0 6px rgba(136, 136, 136, 0.4)",
-                            filter: "brightness(1.6)"
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx5(Box5, { sx: { display: { xs: "none", sm: "block" } }, children: /* @__PURE__ */ jsxs4(
-                        Typography3,
-                        {
-                          variant: "caption",
-                          sx: { color: chatResponse.modelLabel || "#888", mt: 1, fontStyle: "italic" },
-                          children: [
-                            selectedModel,
-                            " says"
-                          ]
-                        }
-                      ) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx5(
-                  Box5,
-                  {
-                    sx: {
-                      display: { xs: "flex", sm: "none" },
-                      justifyContent: "right",
-                      width: "100%",
-                      mt: -1,
-                      mb: 1
-                    },
-                    children: /* @__PURE__ */ jsxs4(
-                      Typography3,
-                      {
-                        variant: "caption",
-                        sx: { fontStyle: "italic", color: chatResponse.modelLabel || "#888" },
-                        children: [
-                          selectedModel,
-                          " says"
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxs4(Box5, { sx: { position: "relative", width: "100%" }, children: [
-                  cancelled && /* @__PURE__ */ jsx5(
-                    Box5,
-                    {
-                      sx: {
-                        position: "absolute",
-                        top: -24,
-                        left: 0,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 1,
-                        pl: 1,
-                        zIndex: 1
-                      },
-                      children: /* @__PURE__ */ jsx5(Typography3, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
-                    }
-                  ),
-                  showMemoryUpdated && /* @__PURE__ */ jsxs4(
-                    Box5,
-                    {
-                      sx: {
-                        position: "absolute",
-                        top: -24,
-                        right: 0,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 1,
-                        pr: 1,
-                        animation: "fadeOut 0.3s ease-in 2.7s forwards",
-                        zIndex: 1
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx5(
-                          "img",
-                          {
-                            src: brainIcon,
-                            alt: "Memory",
-                            style: { width: 18, height: 18 }
-                          }
-                        ),
-                        /* @__PURE__ */ jsx5(
-                          Typography3,
-                          {
-                            variant: "caption",
-                            sx: { color: chatResponse.memoryText || "#2e7d32", fontStyle: "italic" },
-                            children: "Bandit added to memory"
-                          }
-                        )
-                      ]
-                    }
-                  ),
+              i
+            )) })
+          ] }) }),
+          /* @__PURE__ */ jsxs4(Box5, { sx: { position: "relative", width: "100%", maxWidth: { xs: "100%", sm: "768px" } }, children: [
+            cancelled && /* @__PURE__ */ jsx5(
+              Box5,
+              {
+                sx: {
+                  position: "absolute",
+                  top: -22,
+                  left: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1,
+                  zIndex: 1
+                },
+                children: /* @__PURE__ */ jsx5(Typography3, { variant: "caption", sx: { fontStyle: "italic", opacity: 0.85 }, children: "Cancelled by you" })
+              }
+            ),
+            showMemoryUpdated && /* @__PURE__ */ jsxs4(
+              Box5,
+              {
+                sx: {
+                  position: "absolute",
+                  top: -22,
+                  right: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1,
+                  animation: "fadeOut 0.3s ease-in 2.7s forwards",
+                  zIndex: 1
+                },
+                children: [
+                  /* @__PURE__ */ jsx5("img", { src: brainIcon, alt: "Memory", style: { width: 16, height: 16 } }),
                   /* @__PURE__ */ jsx5(
-                    Box5,
+                    Typography3,
                     {
-                      sx: {
-                        bgcolor: chatResponse.aiBubble ?? "#2f2f2f",
-                        borderRadius: "4px",
-                        px: isMobile ? 1 : 1.5,
-                        // Reduced padding on mobile
-                        py: 1.25,
-                        width: "100%",
-                        maxWidth: isMobile ? "100%" : "768px",
-                        // Full width on mobile
-                        border: "1px solid " + (chatResponse.aiBorder || "#ccc"),
-                        wordBreak: "break-word",
-                        alignSelf: "flex-start",
-                        mt: { xs: 0.5, sm: 0.25 }
-                      },
-                      children: /* @__PURE__ */ jsx5(Box5, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ jsx5(
-                        ReactMarkdown,
-                        {
-                          remarkPlugins: [remarkGfm],
-                          rehypePlugins: [rehypeRaw, [rehypeSanitize, markdownSanitizeSchema]],
-                          components,
-                          children: enrichedMarkdown ?? sanitizeMarkdown(response)
-                        }
-                      ) : React5.isValidElement(response) ? response : /* @__PURE__ */ jsx5(Typography3, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
+                      variant: "caption",
+                      sx: { color: chatResponse.memoryText || "#2e7d32", fontStyle: "italic" },
+                      children: "Bandit added to memory"
                     }
                   )
-                ] })
-              ]
-            }
-          ),
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx5(Box5, { sx: { width: "100%", maxWidth: "100%" }, children: typeof response === "string" ? /* @__PURE__ */ jsx5(
+              ReactMarkdown,
+              {
+                remarkPlugins: [remarkGfm],
+                rehypePlugins: [rehypeRaw, [rehypeSanitize, markdownSanitizeSchema]],
+                components,
+                children: enrichedMarkdown ?? sanitizeMarkdown(response)
+              }
+            ) : React5.isValidElement(response) ? response : /* @__PURE__ */ jsx5(Typography3, { color: "error", children: "\u26A0\uFE0F Invalid AI response" }) })
+          ] }),
           !!(responseText || typeof response === "string" && response) && /* @__PURE__ */ jsx5(ai_response_action_bar_default, { text: responseText || response }),
           displaySourceFiles && displaySourceFiles.length > 0 && /* @__PURE__ */ jsx5(Box5, { sx: { mt: 1.5, display: "flex", gap: 2, flexWrap: "wrap", justifyContent: "flex-start" }, children: displaySourceFiles.map((doc, idx) => {
             debugLogger.debug("Rendering DocumentCard in AI response", {
@@ -9209,4 +9006,4 @@ export {
   FeedbackButton,
   useNotificationService
 };
-//# sourceMappingURL=chunk-5WQMMCZQ.mjs.map
+//# sourceMappingURL=chunk-FXFTA5PZ.mjs.map