@burtson-labs/bandit-engine 2.0.136 → 2.0.138

package/dist/{chat-AIQIJCAR.mjs → chat-VBE333NU.mjs}

@@ -1,6 +1,6 @@
 import {
   chat_default
-} from "./chunk-72TR4XAJ.mjs";
+} from "./chunk-LDGJKNI4.mjs";
 import "./chunk-ONQMRE2G.mjs";
 import "./chunk-BVYSGIWG.mjs";
 import "./chunk-K2JGFKEB.mjs";
@@ -13,4 +13,4 @@ import "./chunk-BJTO5JO5.mjs";
 export {
   chat_default as default
 };
-//# sourceMappingURL=chat-AIQIJCAR.mjs.map
+//# sourceMappingURL=chat-VBE333NU.mjs.map

package/dist/{chunk-72TR4XAJ.mjs → chunk-LDGJKNI4.mjs}

@@ -1647,6 +1647,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);
   useEffect4(() => {
     if (!isMobile || !hasSecondaryActions) {
@@ -1711,6 +1713,33 @@ ${sanitize(
     if (!hasSttAction) return null;
     return /* @__PURE__ */ jsx9(Box6, { sx: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx9(transcriber_default, { onTranscriptionCompleted: handleTranscriptionCompleted }) }, key ?? "stt");
   };
+  const renderVoiceModeButton = (key) => /* @__PURE__ */ jsx9(
+    Tooltip2,
+    {
+      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__ */ jsx9(
+        IconButton5,
+        {
+          onClick: toggleVoiceMode,
+          sx: {
+            width: sendIconSize,
+            height: sendIconSize,
+            borderRadius: "50%",
+            bgcolor: isVoiceModeEnabled ? alpha3(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 ${alpha3(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 ? alpha3(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
+            }
+          },
+          children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small" }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx9(CircularProgress2, { size: 18, sx: { color: theme.palette.common.white } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx9(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
+        }
+      )
+    },
+    key ?? "voice-mode"
+  );
   const renderVoicePickerButton = (key) => {
     if (!hasVoicePickerAction) return null;
     return /* @__PURE__ */ jsx9(Tooltip2, { title: `Voice: ${selectedVoice ? toTitleCase(selectedVoice.split("-")[1] ?? selectedVoice) : "Default"}`, children: /* @__PURE__ */ jsx9(
@@ -1958,51 +1987,22 @@ ${sanitize(
                             minHeight: primaryIconSize
                           },
                           children: [
-                            isVoiceModeEligible && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-                              /* @__PURE__ */ jsx9(
-                                Tooltip2,
-                                {
-                                  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__ */ jsx9(
-                                    IconButton5,
-                                    {
-                                      onClick: toggleVoiceMode,
-                                      sx: {
-                                        width: primaryIconSize,
-                                        height: primaryIconSize,
-                                        borderRadius: "50%",
-                                        bgcolor: isVoiceModeEnabled ? alpha3(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 ${alpha3(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 ? alpha3(theme.palette.error.main, theme.palette.mode === "dark" ? 0.55 : 0.38) : hoverBadgeBackground
-                                        }
-                                      },
-                                      children: !isVoiceModeEnabled ? /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.mode === "dark" ? fileText : theme.palette.text.secondary } }) : voiceStatus === "processing" || voiceStatus === "initializing" ? /* @__PURE__ */ jsx9(CircularProgress2, { size: 18, sx: { color: fileText } }) : voiceStatus === "error" ? /* @__PURE__ */ jsx9(HearingDisabledIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : voiceStatus === "recording" ? /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.error.light } }) : /* @__PURE__ */ jsx9(GraphicEqIcon, { fontSize: "small", sx: { color: theme.palette.common.white } })
-                                    }
-                                  )
-                                }
-                              ),
-                              !isMobile && isVoiceModeEnabled && /* @__PURE__ */ jsx9(
-                                Typography3,
-                                {
-                                  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__ */ jsx9(
+                              Typography3,
+                              {
+                                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__ */ jsx9(
                               IconButton5,
                               {
@@ -2058,7 +2058,9 @@ ${sanitize(
                       ),
                       /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: isMobile ? 0.6 : 1 }, children: [
                         !isMobile && /* @__PURE__ */ jsx9(engine_picker_default, {}),
-                        /* @__PURE__ */ jsx9(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9(
+                        !isMobile && renderSttButton("stt-right"),
+                        isVoiceModeEligible && !showSendButton && renderVoiceModeButton("voice-right"),
+                        showSendButton && /* @__PURE__ */ jsx9(Tooltip2, { title: isStreaming ? "Stop response" : "Send message", children: /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9(
                           IconButton5,
                           {
                             onClick: isStreaming ? onStop || (() => {
@@ -8265,8 +8267,10 @@ var EnhancedMobileConversationsModal = ({
               // 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",
@@ -11233,18 +11237,20 @@ var ChatContent = () => {
         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
@@ -11255,15 +11261,20 @@ var ChatContent = () => {
           // 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__ */ jsx23(
             chat_app_bar_default,
@@ -11368,7 +11379,10 @@ var ChatContent = () => {
                 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",
@@ -11494,7 +11508,7 @@ var ChatContent = () => {
                 display: "flex",
                 flexDirection: "column",
                 alignItems: "center",
-                margin: "auto",
+                margin: "0 auto",
                 width: "100vw",
                 maxWidth: "768px"
               },
@@ -11570,4 +11584,4 @@ var chat_default = Chat;
 export {
   chat_default
 };
-//# sourceMappingURL=chunk-72TR4XAJ.mjs.map
+//# sourceMappingURL=chunk-LDGJKNI4.mjs.map