@burtson-labs/bandit-engine 2.0.90 → 2.0.92

package/dist/{chat-W5NCAI6Z.mjs → chat-L3VMBI6A.mjs}

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-42X7ZU6O.mjs";
+} from "./chunk-JJNPBLJ7.mjs";
 import "./chunk-ONQMRE2G.mjs";
 import "./chunk-RUMVTVNM.mjs";
 import "./chunk-L2EKYO4F.mjs";
@@ -13,4 +13,4 @@ import "./chunk-BJTO5JO5.mjs";
 export {
   chat_default as default
 };
-//# sourceMappingURL=chat-W5NCAI6Z.mjs.map
+//# sourceMappingURL=chat-L3VMBI6A.mjs.map

package/dist/{chunk-ZOUKYB66.mjs → chunk-AS6WS4H2.mjs}

@@ -9741,7 +9741,7 @@ var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-W5NCAI6Z.mjs");
+var preloadChatPage = () => import("./chat-L3VMBI6A.mjs");
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
   if (trimmed.endsWith("/api")) {
@@ -11107,4 +11107,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-ZOUKYB66.mjs.map
+//# sourceMappingURL=chunk-AS6WS4H2.mjs.map

package/dist/{chunk-42X7ZU6O.mjs → chunk-JJNPBLJ7.mjs}

@@ -407,7 +407,7 @@ import { Box as Box4 } from "@mui/material";
 // src/chat/source-chips.tsx
 import { useMemo, useState as useState3 } from "react";
 import { Box as Box3, Tooltip as Tooltip2 } from "@mui/material";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var parseWebSources = (content) => {
   if (!content) return [];
   const idx = content.lastIndexOf("**Sources**");
@@ -447,83 +447,134 @@ var SourceChip = ({ source }) => {
   const [failed, setFailed] = useState3(false);
   const domain = domainOf(source.url);
   const label = source.title?.trim() || domain;
-  return /* @__PURE__ */ jsx5(Tooltip2, { title: `${label} \xB7 ${domain}`, arrow: true, children: /* @__PURE__ */ jsxs2(
-    Box3,
+  return /* @__PURE__ */ jsx5(
+    Tooltip2,
     {
-      component: "a",
-      href: source.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      sx: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: 0.75,
-        maxWidth: 240,
-        px: 1,
-        py: 0.4,
-        borderRadius: 999,
-        border: "1px solid",
-        borderColor: "divider",
-        bgcolor: "action.hover",
-        textDecoration: "none",
-        color: "text.primary",
-        fontSize: 12.5,
-        lineHeight: 1.4,
-        transition: "border-color 0.15s ease, background-color 0.15s ease",
-        "&:hover": { borderColor: "primary.main", bgcolor: "action.selected" }
-      },
-      children: [
-        failed ? /* @__PURE__ */ jsx5(
-          Box3,
-          {
-            sx: {
-              width: 16,
-              height: 16,
-              borderRadius: "4px",
-              bgcolor: "primary.main",
-              color: "primary.contrastText",
-              display: "grid",
-              placeItems: "center",
-              fontSize: 9,
-              fontWeight: 700,
-              flexShrink: 0
-            },
-            children: domain.charAt(0).toUpperCase()
-          }
-        ) : /* @__PURE__ */ jsx5(
-          Box3,
-          {
-            component: "img",
-            src: `https://icons.duckduckgo.com/ip3/${domain}.ico`,
-            alt: "",
-            loading: "lazy",
-            onError: () => setFailed(true),
-            sx: { width: 16, height: 16, borderRadius: "4px", flexShrink: 0 }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          Box3,
-          {
-            component: "span",
-            sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-            children: label
-          }
-        )
-      ]
+      title: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx5(Box3, { sx: { fontWeight: 600 }, children: label }),
+        /* @__PURE__ */ jsx5(Box3, { sx: { opacity: 0.75, fontSize: 11, wordBreak: "break-all", mt: 0.25 }, children: source.url })
+      ] }),
+      arrow: true,
+      children: /* @__PURE__ */ jsxs2(
+        Box3,
+        {
+          component: "a",
+          href: source.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "source-chip",
+          sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            flexShrink: 0,
+            height: 26,
+            px: 0.4,
+            borderRadius: 999,
+            border: "1px solid",
+            borderColor: "divider",
+            bgcolor: "background.paper",
+            textDecoration: "none",
+            color: "text.primary",
+            fontSize: 12.5,
+            lineHeight: 1.4,
+            transition: "border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease",
+            "&:hover": { borderColor: "primary.main", bgcolor: "action.hover", boxShadow: 1, zIndex: 2 }
+          },
+          children: [
+            failed ? /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                sx: {
+                  width: 18,
+                  height: 18,
+                  borderRadius: "50%",
+                  bgcolor: "primary.main",
+                  color: "primary.contrastText",
+                  display: "grid",
+                  placeItems: "center",
+                  fontSize: 9,
+                  fontWeight: 700,
+                  flexShrink: 0
+                },
+                children: domain.charAt(0).toUpperCase()
+              }
+            ) : /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                component: "img",
+                src: `https://icons.duckduckgo.com/ip3/${domain}.ico`,
+                alt: "",
+                loading: "lazy",
+                onError: () => setFailed(true),
+                sx: { width: 18, height: 18, borderRadius: "50%", flexShrink: 0 }
+              }
+            ),
+            /* @__PURE__ */ jsx5(
+              Box3,
+              {
+                className: "chip-label",
+                component: "span",
+                sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+                children: label
+              }
+            )
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 var SourceChips = ({ content }) => {
   const sources = useMemo(() => parseWebSources(content), [content]);
   if (sources.length === 0) return null;
-  return /* @__PURE__ */ jsx5(
-    Box3,
-    {
-      sx: { display: "flex", flexWrap: "wrap", gap: 0.75, mt: 1.5 },
-      "aria-label": "Sources",
-      children: sources.map((s, i) => /* @__PURE__ */ jsx5(SourceChip, { source: s }, `${s.url}-${i}`))
-    }
-  );
+  return /* @__PURE__ */ jsxs2(Box3, { sx: { display: "flex", alignItems: "center", gap: 0.75, mt: 1.5, flexWrap: "wrap" }, "aria-label": "Sources", children: [
+    /* @__PURE__ */ jsx5(
+      Box3,
+      {
+        component: "span",
+        sx: {
+          fontSize: 11,
+          fontWeight: 700,
+          color: "text.secondary",
+          textTransform: "uppercase",
+          letterSpacing: 0.5,
+          flexShrink: 0
+        },
+        children: "Sources"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      Box3,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          flexWrap: "wrap",
+          rowGap: 0.5,
+          // Touch / no-hover devices: chips stay expanded (no hover to reveal).
+          "& .source-chip": { ml: "4px" },
+          "& .source-chip:first-of-type": { ml: 0 },
+          "& .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 },
+          // Hover-capable devices: collapse into an overlapping favicon stack
+          // that spreads out and reveals titles when the rail is hovered.
+          "@media (hover: hover)": {
+            "& .source-chip": { ml: "-10px", transition: "margin-left 0.22s ease" },
+            "& .source-chip:first-of-type": { ml: 0 },
+            "& .chip-label": {
+              maxWidth: 0,
+              opacity: 0,
+              ml: 0,
+              transition: "max-width 0.28s ease, opacity 0.18s ease, margin-left 0.2s ease"
+            },
+            "&:hover .source-chip": { ml: "6px" },
+            "&:hover .source-chip:first-of-type": { ml: 0 },
+            "&:hover .chip-label": { maxWidth: 200, opacity: 1, ml: 0.6 }
+          }
+        },
+        children: sources.map((s, i) => /* @__PURE__ */ jsx5(SourceChip, { source: s }, `${s.url}-${i}`))
+      }
+    )
+  ] });
 };
 var source_chips_default = SourceChips;
 
@@ -622,7 +673,7 @@ var ChatMessages = ({
                   /* @__PURE__ */ jsx6(
                     StreamingMarkdown_default,
                     {
-                      content: isStreaming && isLast ? content : stripSourcesForDisplay(content),
+                      content: stripSourcesForDisplay(content),
                       isStreaming: isStreaming && isLast,
                       sources: sourceSummaries
                     }
@@ -805,7 +856,7 @@ var STTClient = class {
 // src/services/stt/transcriber.tsx
 import { CircularProgress, IconButton as IconButton3, useTheme as useTheme3 } from "@mui/material";
 import { from as from2, Subscription, switchMap as switchMap2 } from "rxjs";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var initialButtonStyles = (badgeBackground, fileText, hoverBadgeBackground) => ({
   bgcolor: badgeBackground,
   color: fileText,
@@ -863,7 +914,7 @@ var Transcriber = ({ onTranscriptionCompleted }) => {
         backgroundColor: status === "RECORDING" ? "rgba(0,0,0,.3)" : "rgba(0,0,0,0)",
         borderRadius: "50px"
       },
-      children: status === "IDLE" ? /* @__PURE__ */ jsx7(IconButton3, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx7(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      children: status === "IDLE" ? /* @__PURE__ */ jsx7(IconButton3, { sx: { ...iconButtonStyles }, onClick: handleRecordClick, children: /* @__PURE__ */ jsx7(MicIcon, { sx: { color: "#aaa", cursor: "pointer" } }) }) : status === "RECORDING" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
         /* @__PURE__ */ jsx7(
           IconButton3,
           {
@@ -929,7 +980,7 @@ var useVoiceModeStore = create((set) => ({
 
 // src/chat/chat-input.tsx
 import { shallow } from "zustand/shallow";
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var ChatInput = (props) => {
   const {
     inputValue,
@@ -1282,7 +1333,7 @@ ${sanitize(
     if (!hasSttAction) return null;
     return /* @__PURE__ */ jsx8(Box5, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx8(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
   };
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     /* @__PURE__ */ jsxs5(
       Box5,
       {
@@ -1512,7 +1563,7 @@ ${sanitize(
                             minHeight: primaryIconSize
                           },
                           children: [
-                            isVoiceModeEligible && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                            isVoiceModeEligible && /* @__PURE__ */ jsxs5(Fragment4, { children: [
                               /* @__PURE__ */ jsx8(
                                 Tooltip3,
                                 {
@@ -4590,7 +4641,7 @@ import {
 } from "@mui/material";
 import { Plus as AddIcon2, Pencil as EditIcon2, Trash2 as DeleteIcon, MoreVertical as MoreVertIcon, Folder as FolderIcon, X as CloseIcon3, ArrowLeft as ArrowBackIcon } from "lucide-react";
 import { useTheme as useTheme6, alpha as alpha3 } from "@mui/material/styles";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "#2196F3",
   "#4CAF50",
@@ -5053,7 +5104,7 @@ var ProjectManagementModal = ({
               justifyContent: "flex-end",
               gap: 1
             },
-            children: showCreateForm ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
+            children: showCreateForm ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
               /* @__PURE__ */ jsx10(
                 Button2,
                 {
@@ -5132,7 +5183,7 @@ var ProjectManagementModal = ({
       ]
     }
   );
-  return /* @__PURE__ */ jsx10(Fragment4, { children: isMobile ? /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx10(Fragment5, { children: isMobile ? /* @__PURE__ */ jsx10(
     SwipeableDrawer,
     {
       anchor: "bottom",
@@ -5368,7 +5419,7 @@ import {
 } from "@mui/material";
 import { MoreVertical as MoreVertIcon2, Pencil as EditIcon3, Trash2 as DeleteIcon2, GripVertical as DragIcon, MailOpen as MoveIcon } from "lucide-react";
 import { useTheme as useTheme8, alpha as alpha4 } from "@mui/material/styles";
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var SimpleConversationItem = ({
   conversation,
   isSelected,
@@ -5539,7 +5590,7 @@ var SimpleConversationItem = ({
       setIsTouchDragging(false);
     }
   }, [isTouchDragActive, isTouchDragging]);
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
     /* @__PURE__ */ jsxs9(
       Box9,
       {
@@ -6097,7 +6148,7 @@ var TOOLTIP_COPY = {
 var tooltip = (key) => TOOLTIP_COPY[key];
 
 // src/chat/conversation-drawer.tsx
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString = (value) => {
   if (typeof value !== "string") return void 0;
@@ -6350,7 +6401,7 @@ var ConversationDrawer = ({ open, onClose }) => {
     setMoveModalOpen(false);
     setConversationToMove(null);
   };
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
     /* @__PURE__ */ jsxs11(
       Drawer,
       {
@@ -6626,7 +6677,7 @@ var ConversationDrawer = ({ open, onClose }) => {
                   ]
                 }
               ),
-              group.id !== null ? /* @__PURE__ */ jsxs11(Fragment6, { children: [
+              group.id !== null ? /* @__PURE__ */ jsxs11(Fragment7, { children: [
                 /* @__PURE__ */ jsx14(
                   project_header_default,
                   {
@@ -6951,7 +7002,7 @@ import {
 } from "@mui/material";
 import { X as CloseIcon6, X as ClearIcon2, Search as SearchIcon2, Folder as FolderIcon5, MoreVertical as MoreVertIcon4, Trash2 as DeleteSweepIcon2, Inbox as InboxIcon4, Plus as AddIcon5, Settings as SettingsIcon3, Brain as MemoryIcon2 } from "lucide-react";
 import { useTheme as useTheme11, alpha as alpha7 } from "@mui/material/styles";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var BANDIT_AVATAR2 = "https://cdn.burtson.ai/images/bandit-head.png";
 var coerceOptionalString2 = (value) => {
   if (typeof value !== "string") return void 0;
@@ -7285,7 +7336,7 @@ var EnhancedMobileConversationsModal = ({
       return changed ? next : prev;
     });
   }, [conversations]);
-  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsx15(
       Modal2,
       {
@@ -7475,7 +7526,7 @@ var EnhancedMobileConversationsModal = ({
                                 fontWeight: 500,
                                 whiteSpace: "nowrap"
                               },
-                              children: activeHoverLabel ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+                              children: activeHoverLabel ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
                                 "to",
                                 " ",
                                 /* @__PURE__ */ jsx15(
@@ -7600,7 +7651,7 @@ var EnhancedMobileConversationsModal = ({
                           ]
                         }
                       ),
-                      group.id !== null ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
+                      group.id !== null ? /* @__PURE__ */ jsxs12(Fragment8, { children: [
                         /* @__PURE__ */ jsx15(
                           project_header_default,
                           {
@@ -7906,7 +7957,7 @@ var enhanced_mobile_conversations_modal_default = EnhancedMobileConversationsMod
 
 // src/chat/chat-app-bar.tsx
 import { shallow as shallow2 } from "zustand/shallow";
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var CDN_BASE = "https://cdn.burtson.ai/";
 var banditHead = `${CDN_BASE}/images/bandit-head.png`;
 var modelAvatars = {
@@ -8117,7 +8168,7 @@ var ChatAppBar = ({
     }
     safeNavigate("/");
   }
-  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
     /* @__PURE__ */ jsxs13(
       Box13,
       {
@@ -8589,7 +8640,7 @@ var ChatAppBar = ({
                     ))
                   }
                 ),
-                isTTSAvailable && /* @__PURE__ */ jsxs13(Fragment8, { children: [
+                isTTSAvailable && /* @__PURE__ */ jsxs13(Fragment9, { children: [
                   /* @__PURE__ */ jsx16(Tooltip6, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1]) : "Default"}`, arrow: true, children: /* @__PURE__ */ jsx16(
                     IconButton10,
                     {
@@ -8817,7 +8868,7 @@ import { useTheme as useTheme13, alpha as alpha8 } from "@mui/material/styles";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
-import { Fragment as Fragment9, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx17 } from "react/jsx-runtime";
 var markdownComponents = {
   p: ({ node, ...props }) => /* @__PURE__ */ jsx17("span", { ...props }),
   mark: ({ node, children, ...props }) => /* @__PURE__ */ jsx17("mark", { ...props, children }),
@@ -8896,7 +8947,7 @@ var QuerySuggestionPicker = ({
     return () => clearInterval(interval);
   }, [hasSentPrompt, examplePrompts.length]);
   const displayPrompts = isMobile ? visiblePrompts.slice(0, Math.min(visiblePrompts.length, 6)) : visiblePrompts;
-  return displayPrompts.length > 0 && /* @__PURE__ */ jsx17(Fragment9, { children: /* @__PURE__ */ jsx17(
+  return displayPrompts.length > 0 && /* @__PURE__ */ jsx17(Fragment10, { children: /* @__PURE__ */ jsx17(
     Box14,
     {
       ref: scrollRef,
@@ -10597,4 +10648,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-42X7ZU6O.mjs.map
+//# sourceMappingURL=chunk-JJNPBLJ7.mjs.map