@burtson-labs/bandit-engine 2.0.136 → 2.0.138

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-72TR4XAJ.mjs";
+} from "./chunk-LDGJKNI4.mjs";
 import {
   chat_provider_default
 } from "./chunk-PU74BI6Y.mjs";
@@ -10,7 +10,7 @@ import {
   useGatewayHealth,
   useGatewayMemory,
   useGatewayModels
-} from "./chunk-LG4S6XLH.mjs";
+} from "./chunk-WBWVXJF3.mjs";
 import "./chunk-BVYSGIWG.mjs";
 import "./chunk-F7JXIW6T.mjs";
 import "./chunk-K2JGFKEB.mjs";

package/dist/management/management.js

@@ -21438,6 +21438,8 @@ ${sanitize(
       const hasFeedbackAction = isFeedbackEnabled && isMobile;
       const hasSttAction = isSTTAvailable && !isVoiceModeEnabled;
       const hasVoicePickerAction = isMobile && isTTSAvailable && availableVoices.length > 0;
+      const hasComposeContent = !!inputValue.trim() || pastedImages.length > 0 || fileInputs.length > 0;
+      const showSendButton = streamingActive || hasComposeContent || !isVoiceModeEligible;
       const hasSecondaryActions = isMobile && (hasAttachmentAction || hasMemoryAction || hasFeedbackAction || hasSttAction || hasVoicePickerAction);
       (0, import_react46.useEffect)(() => {
         if (!isMobile || !hasSecondaryActions) {
@@ -21502,6 +21504,33 @@ ${sanitize(
         if (!hasSttAction) return null;
         return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Box, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
       };
+      const renderVoiceModeButton = (key) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        import_material39.Tooltip,
+        {
+          title: !isVoiceModeEnabled ? "Enable voice mode" : voiceStatus === "error" ? voiceError || "Voice mode error" : voiceStatus === "processing" ? "Transcribing your speech" : voiceStatus === "recording" ? "Recording - click to stop" : voiceStatus === "initializing" ? "Preparing microphone" : "Listening - click to turn off",
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            import_material39.IconButton,
+            {
+              onClick: toggleVoiceMode,
+              sx: {
+                width: sendIconSize,
+                height: sendIconSize,
+                borderRadius: "50%",
+                bgcolor: isVoiceModeEnabled ? (0, import_styles24.alpha)(theme.palette.error.main, theme.palette.mode === "dark" ? 0.45 : 0.3) : fileText,
+                color: isVoiceModeEnabled ? theme.palette.common.white : fileIconBg,
+                boxShadow: isVoiceModeEnabled && voiceStatus === "recording" ? `0 0 0 2px ${(0, import_styles24.alpha)(theme.palette.error.main, 0.25)}` : "none",
+                transform: isVoiceModeEnabled && voiceStatus === "recording" ? "scale(1.05)" : "none",
+                transition: "transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",
+                "&:hover": {
+                  bgcolor: isVoiceModeEnabled ? (0, import_styles24.alpha)(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
+                }
+              },
+              children: !isVoiceModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small" }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.CircularProgress, { size: 18, sx: { color: theme.palette.common.white } }) : voiceStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
+            }
+          )
+        },
+        key ?? "voice-mode"
+      );
       const renderVoicePickerButton = (key) => {
         if (!hasVoicePickerAction) return null;
         return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Tooltip, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1] ?? selectedVoice) : "Default"}`, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -21749,51 +21778,22 @@ ${sanitize(
                                 minHeight: primaryIconSize
                               },
                               children: [
-                                isVoiceModeEligible && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                                    import_material39.Tooltip,
-                                    {
-                                      title: !isVoiceModeEnabled ? "Enable voice mode" : voiceStatus === "error" ? voiceError || "Voice mode error" : voiceStatus === "processing" ? "Transcribing your speech" : voiceStatus === "recording" ? "Recording - click to stop" : voiceStatus === "initializing" ? "Preparing microphone" : "Listening - click to turn off",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                                        import_material39.IconButton,
-                                        {
-                                          onClick: toggleVoiceMode,
-                                          sx: {
-                                            width: primaryIconSize,
-                                            height: primaryIconSize,
-                                            borderRadius: "50%",
-                                            bgcolor: isVoiceModeEnabled ? (0, import_styles24.alpha)(theme.palette.error.main, theme.palette.mode === "dark" ? 0.45 : 0.3) : badgeBackground,
-                                            color: isVoiceModeEnabled ? theme.palette.common.white : fileText,
-                                            boxShadow: isVoiceModeEnabled && voiceStatus === "recording" ? `0 0 0 2px ${(0, import_styles24.alpha)(theme.palette.error.main, 0.25)}` : "none",
-                                            transform: isVoiceModeEnabled && voiceStatus === "recording" ? "scale(1.05)" : "none",
-                                            transition: "transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",
-                                            "&:hover": {
-                                              bgcolor: isVoiceModeEnabled ? (0, import_styles24.alpha)(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
-                                            }
-                                          },
-                                          children: !isVoiceModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.CircularProgress, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
-                                        }
-                                      )
-                                    }
-                                  ),
-                                  !isMobile && isVoiceModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                                    import_material39.Typography,
-                                    {
-                                      variant: "caption",
-                                      sx: {
-                                        color: voiceStatus === "error" ? theme.palette.error.main : voiceStatus === "processing" ? theme.palette.warning.main : fileText,
-                                        maxWidth: 240,
-                                        overflow: "hidden",
-                                        textOverflow: "ellipsis",
-                                        whiteSpace: "nowrap"
-                                      },
-                                      children: voiceStatus === "error" ? voiceError || "Voice mode unavailable" : voiceStatus === "initializing" ? "Starting voice mode..." : voiceStatus === "recording" ? "Recording..." : voiceStatus === "processing" ? "Transcribing..." : voiceLastTranscript ? `Heard: "${voiceLastTranscript.length > 60 ? `${voiceLastTranscript.slice(0, 57)}...` : voiceLastTranscript}"` : "Listening..."
-                                    }
-                                  )
-                                ] }),
                                 !isMobile && renderAttachmentButton("attach-inline"),
                                 !isMobile && renderMemoryButton("memory-inline"),
-                                !isMobile && renderSttButton("stt-inline"),
+                                !isMobile && isVoiceModeEligible && isVoiceModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                                  import_material39.Typography,
+                                  {
+                                    variant: "caption",
+                                    sx: {
+                                      color: voiceStatus === "error" ? theme.palette.error.main : voiceStatus === "processing" ? theme.palette.warning.main : fileText,
+                                      maxWidth: 240,
+                                      overflow: "hidden",
+                                      textOverflow: "ellipsis",
+                                      whiteSpace: "nowrap"
+                                    },
+                                    children: voiceStatus === "error" ? voiceError || "Voice mode unavailable" : voiceStatus === "initializing" ? "Starting voice mode..." : voiceStatus === "recording" ? "Recording..." : voiceStatus === "processing" ? "Transcribing..." : voiceLastTranscript ? `Heard: "${voiceLastTranscript.length > 60 ? `${voiceLastTranscript.slice(0, 57)}...` : voiceLastTranscript}"` : "Listening..."
+                                  }
+                                ),
                                 isMobile && hasSecondaryActions && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                                   import_material39.IconButton,
                                   {
@@ -21849,7 +21849,9 @@ ${sanitize(
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_material39.Box, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: [
                             !isMobile && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(engine_picker_default, {}),
-                            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Tooltip, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                            !isMobile && renderSttButton("stt-right"),
+                            isVoiceModeEligible && !showSendButton && renderVoiceModeButton("voice-right"),
+                            showSendButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Tooltip, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                               import_material39.IconButton,
                               {
                                 onClick: isStreaming ? onStop || (() => {
@@ -28131,8 +28133,10 @@ var init_enhanced_mobile_conversations_modal = __esm({
                   // Keep in sync with MOBILE_CONVERSATIONS_DRAWER_WIDTH in chat.tsx
                   // (the chat shell translates by the same amount).
                   width: "min(calc(100vw - 56px), 360px)",
-                  // top/bottom stretch instead of 100dvh — iOS standalone
-                  // under-reports dvh, leaving a dead band above the home bar.
+                  // Explicit 100lvh overflows iOS standalone's under-reported
+                  // viewport downward — bottom-anchoring alone stops short.
+                  height: "100dvh",
+                  "@supports (height: 100lvh)": { height: "100lvh" },
                   bgcolor: theme.palette.background.paper,
                   display: "flex",
                   flexDirection: "column",
@@ -31228,18 +31232,20 @@ var init_chat2 = __esm({
             sx: (theme) => ({
               display: "flex",
               flexDirection: "column",
-              // Stretch via top/bottom instead of 100dvh — the iOS standalone
-              // webview under-reports dvh and left a dead band above the home
-              // indicator; inset-stretched fixed elements get the real viewport.
+              // iOS standalone under-reports both dvh AND the fixed-position
+              // containing block, stranding a dead band above the home bar.
+              // An explicit 100lvh height can overflow that short viewport
+              // downward, which bottom-anchoring cannot.
               overflow: "hidden",
               bgcolor: theme.palette.chat.shell,
               color: theme.palette.text.primary,
               position: "fixed",
               top: 0,
               bottom: 0,
+              height: "100dvh",
+              "@supports (height: 100lvh)": { height: "100lvh" },
               left: drawerOpen && !isMobile ? "340px" : 0,
               width: !isMobile && canvasOpen ? `calc(100vw - ${drawerOpen ? "340px" : "0px"} - ${CANVAS_WIDTH})` : drawerOpen && !isMobile ? "calc(100vw - 340px)" : "100vw",
-              zIndex: 0,
               // Claude-style push (mobile only; desktop stays flush): the chat
               // shell slides right as a full-height rounded card — exactly like
               // Claude iOS, where the card runs edge-to-edge vertically and the
@@ -31250,15 +31256,20 @@ var init_chat2 = __esm({
               // status area, the bottom stays flush with the screen edge, and the
               // motion reads as the native sheet-behind effect instead of the
               // content lurching downward.
-              transform: isMobile && mobileConversationsOpen ? "translateX(min(calc(100vw - 56px), 360px)) scale(0.93)" : "none",
+              // Slides 12px OVER the drawer's edge (not edge-to-edge) and rides
+              // above it in z-order, so the card's shadow falls on the drawer —
+              // the overlapped-sheet look.
+              transform: isMobile && mobileConversationsOpen ? "translateX(calc(min(calc(100vw - 56px), 360px) - 12px)) scale(0.93)" : "none",
               transformOrigin: "left bottom",
               borderRadius: isMobile && mobileConversationsOpen ? "36px" : 0,
+              zIndex: isMobile && mobileConversationsOpen ? theme.zIndex.modal + 1 : 0,
               // Hairline border so the rounded card reads even when the backdrop
               // is the same near-black as the shell.
               border: isMobile && mobileConversationsOpen ? `1px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)"}` : "none",
               boxShadow: isMobile && mobileConversationsOpen ? `0 12px 40px ${theme.palette.mode === "dark" ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.25)"}` : "none",
               transition: "left 0.3s ease-in-out, width 0.3s ease-in-out, transform 0.3s ease-in-out, border-radius 0.3s ease-in-out"
             }),
+            onClick: isMobile && mobileConversationsOpen ? () => setMobileConversationsOpen(false) : void 0,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 chat_app_bar_default,
@@ -31363,7 +31374,10 @@ var init_chat2 = __esm({
                     px: isMobile ? 1 : 2,
                     // Reduce padding on mobile for better width utilization
                     pb: logoOnly ? 0 : `${inputHeight + 24}px`,
-                    maxHeight: isMobile ? "calc(var(--vh, 1vh) * 100)" : "100%",
+                    // The flex column already bounds this; the old --vh cap (from
+                    // window.innerHeight) under-measured in iOS standalone and let
+                    // the composer's auto margins float it above the bottom.
+                    maxHeight: "100%",
                     WebkitOverflowScrolling: "touch",
                     overscrollBehavior: "contain",
                     position: "relative",
@@ -31489,7 +31503,7 @@ var init_chat2 = __esm({
                     display: "flex",
                     flexDirection: "column",
                     alignItems: "center",
-                    margin: "auto",
+                    margin: "0 auto",
                     width: "100vw",
                     maxWidth: "768px"
                   },