@adminide-stack/yantra-mobile 12.0.127 → 12.0.128-alpha.1

package/lib/screens/Chat/index.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useLayoutEffect,useCallback,useState,useRef,useEffect}from'react';import {useWindowDimensions,Keyboard,StyleSheet,View,Pressable}from'react-native';import {getDefaultLeftItems,Box,Text,InputToolBar}from'@admin-layout/gluestack-ui-mobile';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {useNavigation,useRoute,CommonActions}from'@react-navigation/native';import {MessageActionBar}from'../../features/chat/MessageActionBar.js';import {ChatTranscript}from'../../features/chat/ChatTranscript.js';import {ChatLinkOpenerProvider}from'../../features/links/ChatLinkOpenerProvider.js';import {AskUserCard}from'../../features/chat/AskUserCard.js';import {pendingAskUser}from'../../features/chat/askUser.js';import {PendingConnectorConnectCard}from'../../features/chat/ConnectorConnectPrompt.js';import {QueuedFollowUps}from'../../features/chat/QueuedFollowUps.js';import {displayConnectorConnectMessages,displayConnectorConnectText}from'common';import {splitPreResponse}from'../../features/chat/preResponse.js';import {useCdecliConnection}from'../../contexts/CdecliConnectionContext.js';import {useChatLiveStream}from'../../contexts/ChatLiveStreamContext.js';import {KeyboardAwareScreen,KeyboardComposerDock}from'../../components/KeyboardComposerDock.js';import {YantraBrandLoader,YANTRA_LOADER_SIZE_COMPACT}from'../../components/YantraBrandLoader.js';import ThinkingIndicator from'../../components/ThinkingIndicator.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import DeepSearchModal from'../Home/components/DeepSearchModal.js';import {normalizeSummaryText,extractDeepSearchSources}from'../Home/deepSearchUtils.js';import {AudioRecorderPanel}from'../../features/audio-input/AudioRecorderPanel.js';import {NativeDictationBar}from'../../features/audio-input/NativeDictationBar.js';import {isNativeDictationAvailable}from'../../features/audio-input/nativeDictation.js';import {useImageAttachments}from'../../features/attachments/useImageAttachments.js';import {ComposerAttachmentBar}from'../../features/attachments/ComposerAttachmentBar.js';import {useComposerAttachMenu}from'../../features/attachments/ComposerAttachMenu.js';import {hasComposerAttachments,takeComposerAttachments}from'../../features/attachments/composerAttachmentHandoff.js';import {MicErrorBoundary}from'../../features/audio-input/MicErrorBoundary.js';import {requestMicPermission}from'../../features/audio-input/useAudioPermission.js';import {shouldRedirectToShop}from'../../features/shopping/chat/homeShoppingIntent.js';import {replaceWithShopNative,shopHandoffParams,pushShopNative}from'../../features/shopping/chat/openShopNative.js';import {resolveNativeHandoff}from'../../features/apps/nativeAppHandoff.js';import {replaceWithNativeApp,nativeHandoffParams,pushNativeApp}from'../../features/apps/nativeAppNavigation.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useLayoutEffect,useState,useCallback,useRef,useEffect}from'react';import {useWindowDimensions,Keyboard,StyleSheet,View,Pressable}from'react-native';import {getDefaultLeftItems,Box,Text,InputToolBar}from'@admin-layout/gluestack-ui-mobile';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {useNavigation,useRoute,CommonActions}from'@react-navigation/native';import {MessageActionBar}from'../../features/chat/MessageActionBar.js';import {ChatTranscript}from'../../features/chat/ChatTranscript.js';import {ChatLinkOpenerProvider}from'../../features/links/ChatLinkOpenerProvider.js';import {AskUserCard}from'../../features/chat/AskUserCard.js';import {pendingAskUser}from'../../features/chat/askUser.js';import {PendingConnectorConnectCard}from'../../features/chat/ConnectorConnectPrompt.js';import {QueuedFollowUps}from'../../features/chat/QueuedFollowUps.js';import {displayConnectorConnectMessages,displayConnectorConnectText}from'common';import {splitPreResponse}from'../../features/chat/preResponse.js';import {useCdecliConnection}from'../../contexts/CdecliConnectionContext.js';import {useChatLiveStream}from'../../contexts/ChatLiveStreamContext.js';import {KeyboardAwareScreen,KeyboardComposerDock}from'../../components/KeyboardComposerDock.js';import {YantraBrandLoader,YANTRA_LOADER_SIZE_COMPACT}from'../../components/YantraBrandLoader.js';import ThinkingIndicator from'../../components/ThinkingIndicator.js';import {mobileTokens}from'../../theme/mobileTokens.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import DeepSearchModal from'../Home/components/DeepSearchModal.js';import {normalizeSummaryText,extractDeepSearchSources}from'../Home/deepSearchUtils.js';import {AudioRecorderPanel}from'../../features/audio-input/AudioRecorderPanel.js';import {NativeDictationBar}from'../../features/audio-input/NativeDictationBar.js';import {isNativeDictationAvailable}from'../../features/audio-input/nativeDictation.js';import {useImageAttachments}from'../../features/attachments/useImageAttachments.js';import {ComposerAttachmentBar}from'../../features/attachments/ComposerAttachmentBar.js';import {useComposerAttachMenu}from'../../features/attachments/ComposerAttachMenu.js';import {peekComposerAttachments,hasComposerAttachments,takeComposerAttachments}from'../../features/attachments/composerAttachmentHandoff.js';import {MicErrorBoundary}from'../../features/audio-input/MicErrorBoundary.js';import {requestMicPermission}from'../../features/audio-input/useAudioPermission.js';import {shouldRedirectToShop}from'../../features/shopping/chat/homeShoppingIntent.js';import {replaceWithShopNative,shopHandoffParams,pushShopNative}from'../../features/shopping/chat/openShopNative.js';import {resolveNativeHandoff}from'../../features/apps/nativeAppHandoff.js';import {replaceWithNativeApp,nativeHandoffParams,pushNativeApp}from'../../features/apps/nativeAppNavigation.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -26,6 +26,25 @@ function modeOf(isDeepSearchMode, isBuildMode) {
   if (isBuildMode) return "build";
   return "chat";
 }
+const FIRST_TURN = "first";
+function normalizeRouteAttachments(attachments) {
+  return attachments == null ? void 0 : attachments.map((a, index) => {
+    var _a, _b, _c, _d;
+    return __spreadValues(__spreadValues(__spreadValues(__spreadValues({
+      id: (_a = a.id) != null ? _a : `att-${index}`,
+      name: (_b = a.name) != null ? _b : `attachment-${index + 1}`,
+      type: a.type === "screenshot" ? "screenshot" : "file"
+    }, a.mimeType ? {
+      mimeType: a.mimeType
+    } : {}), a.size ? {
+      size: a.size
+    } : {}), ((_c = a.url) != null ? _c : a.uri) ? {
+      url: (_d = a.url) != null ? _d : a.uri
+    } : {}), a.dataUrl ? {
+      dataUrl: a.dataUrl
+    } : {});
+  });
+}
 const PLACEHOLDER = {
   "deep-search": "Research anything...",
   build: "Describe an app to build...",
@@ -67,6 +86,19 @@ function ChatScreen() {
     setActiveChannelId(channelId);
   }, [channelId, setActiveChannelId]);
   const chat = useChatLiveStream();
+  const [routingTurns, setRoutingTurns] = useState(() => {
+    var _a2, _b;
+    return initialQuery || (initialAttachments == null ? void 0 : initialAttachments.length) || ((_a2 = peekComposerAttachments(channelId)) == null ? void 0 : _a2.length) ? [{
+      id: FIRST_TURN,
+      text: initialQuery != null ? initialQuery : "",
+      attachments: (_b = peekComposerAttachments(channelId)) != null ? _b : normalizeRouteAttachments(initialAttachments),
+      placement: "thread"
+    }] : [];
+  });
+  const releaseRoutingTurn = useCallback((id) => {
+    setRoutingTurns((prev) => prev.filter((turn) => turn.id !== id));
+  }, []);
+  const routingSeqRef = useRef(0);
   const transcriptRows = useMemo(() => {
     var _a2;
     const waiting = chat.queuedFollowUps.map((queued) => queued.text.trim());
@@ -90,15 +122,23 @@ function ChatScreen() {
       // Turns typed while the gateway was down. They live in the outbox, not in
       // the thread, so they survive a backend hydration and an app restart - and
       // they are always the newest rows, so they belong at the end.
-      ...chat.queuedMessages.map((queued) => ({
+      ...chat.queuedMessages.map((queued) => __spreadValues({
         id: `queued-${queued.id}`,
         role: "user",
         content: queued.text,
         attachments: queued.attachments,
         queued: true
+      }, cdecli.channelConnected ? {
+        queuedNote: chat.outboxRetrying ? "Not sent yet \xB7 trying again" : "Not sent \xB7 tap Send now"
+      } : {})),
+      ...routingTurns.filter((turn) => turn.placement === "thread").map((turn) => ({
+        id: `routing-${turn.id}`,
+        role: "user",
+        content: turn.text,
+        attachments: turn.attachments
       }))
     ];
-  }, [chat.messages, chat.queuedMessages, chat.queuedFollowUps]);
+  }, [chat.messages, chat.queuedMessages, chat.queuedFollowUps, chat.outboxRetrying, cdecli.channelConnected, routingTurns]);
   const {
     messages,
     response,
@@ -108,6 +148,7 @@ function ChatScreen() {
     isStreaming,
     messagesLoading,
     queuedMessages,
+    outboxRetrying,
     flushQueuedMessages,
     discardQueuedMessages,
     queuedFollowUps,
@@ -153,42 +194,31 @@ function ChatScreen() {
   const [showNativeDictation, setShowNativeDictation] = useState(false);
   const [voiceError, setVoiceError] = useState(null);
   const autoFiredRef = useRef(false);
+  const firstTurnRef = useRef(null);
+  const [firstTurnRouted, setFirstTurnRouted] = useState(false);
   useEffect(() => {
     if (autoFiredRef.current) return;
     if (!channelId) return;
-    if (cdecli.status !== "connected" && cdecli.status !== "error") return;
     const stashed = hasComposerAttachments(channelId) ? takeComposerAttachments(channelId) : void 0;
-    const attachments = (stashed == null ? void 0 : stashed.length) ? stashed : initialAttachments == null ? void 0 : initialAttachments.map((a, index) => {
-      var _a2, _b, _c, _d;
-      return __spreadValues(__spreadValues(__spreadValues(__spreadValues({
-        id: (_a2 = a.id) != null ? _a2 : `att-${index}`,
-        name: (_b = a.name) != null ? _b : `attachment-${index + 1}`,
-        type: a.type === "screenshot" ? "screenshot" : "file"
-      }, a.mimeType ? {
-        mimeType: a.mimeType
-      } : {}), a.size ? {
-        size: a.size
-      } : {}), ((_c = a.url) != null ? _c : a.uri) ? {
-        url: (_d = a.url) != null ? _d : a.uri
-      } : {}), a.dataUrl ? {
-        dataUrl: a.dataUrl
-      } : {});
-    });
+    const attachments = (stashed == null ? void 0 : stashed.length) ? stashed : normalizeRouteAttachments(initialAttachments);
     if (!initialQuery && !(attachments == null ? void 0 : attachments.length)) return;
     autoFiredRef.current = true;
+    firstTurnRef.current = {
+      text: initialQuery != null ? initialQuery : "",
+      attachments
+    };
     if (isDeepSearchMode) {
       setIsDeepSearchModalOpen(true);
     }
     void (async () => {
       var _a2;
       const mode = modeOf(isDeepSearchMode, isBuildMode);
-      let openShop = false;
-      try {
-        openShop = !shopRouteChecked && await shouldRedirectToShop(initialQuery != null ? initialQuery : "", (_a2 = attachments == null ? void 0 : attachments.length) != null ? _a2 : 0, mode);
-      } catch (e) {
-        openShop = false;
-      }
+      const [openShop, nativeRoute] = shopRouteChecked ? [false, null] : await Promise.all([shouldRedirectToShop(initialQuery != null ? initialQuery : "", (_a2 = attachments == null ? void 0 : attachments.length) != null ? _a2 : 0, mode).catch(() => false), resolveNativeHandoff(initialQuery != null ? initialQuery : "", {
+        mode
+      })]);
       if (openShop) {
+        firstTurnRef.current = null;
+        releaseRoutingTurn(FIRST_TURN);
         replaceWithShopNative(navigation, shopHandoffParams({
           orgName: params.orgName,
           query: initialQuery != null ? initialQuery : "",
@@ -198,10 +228,9 @@ function ChatScreen() {
         }));
         return;
       }
-      const nativeRoute = shopRouteChecked ? null : await resolveNativeHandoff(initialQuery != null ? initialQuery : "", {
-        mode
-      });
       if (nativeRoute) {
+        firstTurnRef.current = null;
+        releaseRoutingTurn(FIRST_TURN);
         replaceWithNativeApp(navigation, nativeRoute, nativeHandoffParams({
           orgName: params.orgName,
           query: initialQuery != null ? initialQuery : "",
@@ -210,7 +239,7 @@ function ChatScreen() {
         }));
         return;
       }
-      void sendMessage(initialQuery != null ? initialQuery : "", attachments, channelId);
+      setFirstTurnRouted(true);
     })();
     try {
       navigation.setParams({
@@ -219,7 +248,15 @@ function ChatScreen() {
       });
     } catch (e) {
     }
-  }, [channelId, initialQuery, initialAttachments, sendMessage, navigation, cdecli.status, isDeepSearchMode, isBuildMode, params.orgName, shopRouteChecked]);
+  }, [channelId, initialQuery, initialAttachments, navigation, isDeepSearchMode, isBuildMode, params.orgName, shopRouteChecked, releaseRoutingTurn]);
+  useEffect(() => {
+    const turn = firstTurnRef.current;
+    if (!firstTurnRouted || !turn || !channelId) return;
+    if (cdecli.status !== "connected" && cdecli.status !== "error") return;
+    firstTurnRef.current = null;
+    releaseRoutingTurn(FIRST_TURN);
+    void sendMessage(turn.text, turn.attachments, channelId);
+  }, [firstTurnRouted, cdecli.status, channelId, sendMessage, releaseRoutingTurn]);
   const handleAskUserAnswer = useCallback((formatted) => {
     const text = formatted.trim();
     if (!text) return;
@@ -260,15 +297,27 @@ function ChatScreen() {
     if (isDeepSearchMode) {
       setIsDeepSearchModalOpen(true);
     }
+    const turnId = `turn-${routingSeqRef.current += 1}`;
+    setRoutingTurns((prev) => [...prev, {
+      id: turnId,
+      text: t,
+      attachments: pending,
+      placement: chatBusy ? "queue" : "thread"
+    }]);
     void (async () => {
       var _a3;
-      let openShop = false;
-      try {
-        openShop = await shouldRedirectToShop(t, (_a3 = pending == null ? void 0 : pending.length) != null ? _a3 : 0, isDeepSearchMode ? "deep-search" : "chat");
-      } catch (e) {
-        openShop = false;
-      }
+      const mode = isDeepSearchMode ? "deep-search" : "chat";
+      const [openShop, nativeRoute] = await Promise.all([
+        // `forSend()` is undefined with nothing attached; `.length` on it threw,
+        // so a typed shopping ask never reached Shop.
+        shouldRedirectToShop(t, (_a3 = pending == null ? void 0 : pending.length) != null ? _a3 : 0, mode).catch(() => false),
+        resolveNativeHandoff(t, {
+          mode,
+          followUp: hasAssistantReply
+        })
+      ]);
       if (openShop) {
+        releaseRoutingTurn(turnId);
         if (messages.length === 0) {
           replaceWithShopNative(navigation, shopHandoffParams({
             orgName: params.orgName,
@@ -285,11 +334,8 @@ function ChatScreen() {
         }
         return;
       }
-      const nativeRoute = await resolveNativeHandoff(t, {
-        mode: isDeepSearchMode ? "deep-search" : "chat",
-        followUp: hasAssistantReply
-      });
       if (nativeRoute) {
+        releaseRoutingTurn(turnId);
         if (messages.length === 0) {
           replaceWithNativeApp(navigation, nativeRoute, nativeHandoffParams({
             orgName: params.orgName,
@@ -306,10 +352,11 @@ function ChatScreen() {
         }
         return;
       }
+      releaseRoutingTurn(turnId);
       void sendMessage(t, pending, channelId);
     })();
     imageAttachments.clear();
-  }, [channelId, sendMessage, isDeepSearchMode, isBuildMode, navigation, params.orgName, imageAttachments, messages.length, hasAssistantReply]);
+  }, [channelId, sendMessage, isDeepSearchMode, isBuildMode, navigation, params.orgName, imageAttachments, messages.length, hasAssistantReply, chatBusy, releaseRoutingTurn]);
   const handleValueChange = useCallback((e) => {
     var _a2, _b;
     setValue((_b = (_a2 = e == null ? void 0 : e.nativeEvent) == null ? void 0 : _a2.text) != null ? _b : "");
@@ -452,15 +499,28 @@ function ChatScreen() {
     onStop: isStreaming && !canSubmit ? cancel : void 0,
     steerable: isLoading || isStreaming
   }), [canSubmit, handleSend, handleMicPress, isLoading, channelId, isStreaming, cancel, hasQuery, hasAttachments]);
+  const bannerError = chatError || (queuedMessages.length > 0 ? null : cdecli.error);
+  const followUpsAboveComposer = useMemo(() => [...queuedFollowUps, ...routingTurns.filter((turn) => turn.placement === "queue").map((turn) => ({
+    id: `routing-${turn.id}`,
+    text: turn.text,
+    attachments: turn.attachments
+  }))], [queuedFollowUps, routingTurns]);
+  const cancelFollowUpAboveComposer = useCallback((id) => {
+    if (id.startsWith("routing-")) return;
+    void cancelQueuedFollowUp(id);
+  }, [cancelQueuedFollowUp]);
   const gatewayLive = cdecli.channelConnected;
+  const queuedCount = queuedMessages.length === 1 ? "1 message" : `${queuedMessages.length} messages`;
+  let queuedNotice = `${queuedCount} waiting for the gateway. They send as soon as it connects.`;
+  if (gatewayLive) queuedNotice = `${queuedCount} not sent yet${outboxRetrying ? " - trying again" : ""}.`;
   const queuedActionColor = isDark ? "#fbbf24" : "#b45309";
   const handleSendQueuedNow = useCallback(() => {
     void flushQueuedMessages();
   }, [flushQueuedMessages]);
-  const isHydrating = messagesLoading && messages.length === 0 && !response && !quickReply && !isStreaming;
-  const isWaitingForGateway = !autoFiredRef.current && !!channelId && (!!initialQuery || hasComposerAttachments(channelId)) && cdecli.status !== "connected" && cdecli.status !== "error";
-  const showSendingLoader = waitingForAssistant;
-  const pinSendingLoaderNearComposer = messages.length > 0 || Boolean((response != null ? response : "").trim());
+  const routingInThread = routingTurns.some((turn) => turn.placement === "thread");
+  const isHydrating = messagesLoading && messages.length === 0 && !response && !quickReply && !isStreaming && !routingInThread;
+  const showSendingLoader = waitingForAssistant || routingInThread;
+  const pinSendingLoaderNearComposer = messages.length > 0 || Boolean((response != null ? response : "").trim()) || routingInThread;
   let transcriptArea;
   if (!channelId) {
     transcriptArea = /* @__PURE__ */ jsxs(Box, { flex: 1, alignItems: "center", justifyContent: "center", children: [
@@ -471,13 +531,6 @@ function ChatScreen() {
     ] });
   } else if (isHydrating) {
     transcriptArea = /* @__PURE__ */ jsx(Box, { flex: 1, px: "$4", pt: "$8", children: /* @__PURE__ */ jsx(ThinkingIndicator, { variant: "awaiting", color: secondaryTextColor, isDark, label: "Opening conversation\u2026" }) });
-  } else if (isWaitingForGateway) {
-    transcriptArea = /* @__PURE__ */ jsxs(Box, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-      /* @__PURE__ */ jsx(YantraBrandLoader, { size: YANTRA_LOADER_SIZE_COMPACT }),
-      /* @__PURE__ */ jsx(Text, { style: [styles.statusText, {
-        color: secondaryTextColor
-      }], children: "Connecting gateway\u2026" })
-    ] });
   } else {
     transcriptArea = // Links in the transcript open in the app on their surface, or in a browser sheet.
     /* @__PURE__ */ jsx(ChatLinkOpenerProvider, { children: /* @__PURE__ */ jsx(View, { style: styles.transcriptPane, children: /* @__PURE__ */ jsx(ChatTranscript, { messages: transcriptDisplayRows, streamingContent: transcriptStreaming, quickReply, listFooter: showSendingLoader && pinSendingLoaderNearComposer ? /* @__PURE__ */ jsx(View, { style: styles.thinkingInThread, children: /* @__PURE__ */ jsx(ThinkingIndicator, { variant: "awaiting", color: secondaryTextColor, isDark }) }) : null, renderMessageActions, isDark, listContentStyle: {
@@ -524,14 +577,10 @@ function ChatScreen() {
         flexDirection: "row",
         alignItems: "center"
       }, children: [
-        /* @__PURE__ */ jsxs(Text, { fontSize: "$sm", style: {
+        /* @__PURE__ */ jsx(Text, { fontSize: "$sm", style: {
           color: isDark ? "#fde68a" : "#92400e",
           flex: 1
-        }, children: [
-          queuedMessages.length === 1 ? "1 message waiting for the gateway." : `${queuedMessages.length} messages waiting for the gateway.`,
-          " ",
-          gatewayLive ? "Sending\u2026" : "They send as soon as it connects."
-        ] }),
+        }, children: queuedNotice }),
         gatewayLive ? /* @__PURE__ */ jsx(Pressable, { onPress: handleSendQueuedNow, hitSlop: 8, style: styles.queuedAction, children: /* @__PURE__ */ jsx(Text, { fontSize: "$xs", style: [styles.queuedActionText, {
           color: queuedActionColor
         }], children: "Send now" }) }) : null,
@@ -539,13 +588,13 @@ function ChatScreen() {
           color: queuedActionColor
         }], children: "Discard" }) })
       ] }),
-      (chatError || cdecli.error) && /* @__PURE__ */ jsx(Box, { mb: "$2", mx: "$4", p: "$3", borderRadius: "$md", style: {
+      bannerError && /* @__PURE__ */ jsx(Box, { mb: "$2", mx: "$4", p: "$3", borderRadius: "$md", style: {
         backgroundColor: isDark ? "#2b1a1d" : "#fef2f2",
         borderWidth: 1,
         borderColor: isDark ? "#7f1d1d" : "#fecaca"
       }, children: /* @__PURE__ */ jsx(Text, { fontSize: "$sm", style: {
         color: isDark ? "#fecaca" : "#991b1b"
-      }, children: chatError || cdecli.error }) }),
+      }, children: bannerError }) }),
       transcriptArea,
       showSendingLoader && !pinSendingLoaderNearComposer ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles.sendingLoaderEmptyState, children: /* @__PURE__ */ jsx(ThinkingIndicator, { variant: "awaiting", color: secondaryTextColor, isDark }) }) : null,
       /* @__PURE__ */ jsxs(KeyboardComposerDock, { closedInset: insets.bottom, onSwipeUp: () => {
@@ -569,7 +618,7 @@ function ChatScreen() {
         } }),
         /* @__PURE__ */ jsx(View, { style: {
           width: contentMaxWidth
-        }, children: /* @__PURE__ */ jsx(QueuedFollowUps, { items: queuedFollowUps, onCancel: cancelQueuedFollowUp, onSendNow: sendQueuedNow, isDark }) }),
+        }, children: /* @__PURE__ */ jsx(QueuedFollowUps, { items: followUpsAboveComposer, onCancel: cancelFollowUpAboveComposer, onSendNow: sendQueuedNow, isDark }) }),
         /* @__PURE__ */ jsxs(View, { style: [styles.bottomComposerInner, {
           width: contentMaxWidth
         }], children: [