@adminide-stack/yantra-mobile 12.0.28-alpha.66 → 12.0.28-alpha.68

package/lib/screens/Home/HomeScreen.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import React,{useState,useMemo,useEffect,useCallback}from'react';import {useWindowDimensions,useColorScheme,Platform,Keyboard,TouchableWithoutFeedback,View,StyleSheet,Pressable}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {getDefaultLeftItems,getDefaultRightItems,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 {MessagesContainerUI}from'@messenger-box/platform-mobile';import {v4}from'uuid';import {ContributionSchemaId}from'common';import {useGetContextDataQuery,useGetPageSettingsQuery}from'common/graphql';import {useGatewayContext}from'../../contexts/GatewayContext.js';import {GatewayToolbarButtonMobile}from'../../components/GatewayToolbarButtonMobile.js';import {useCdecliAutoConnect}from'../../hooks/useCdecliAutoConnect.js';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {useChatMutations,useChatSessions}from'../../hooks/useChatApi.js';import {useChatStream}from'../../hooks/useChatStream.js';import DeepSearchModal from'./components/DeepSearchModal.js';import ChatHistoryLanding from'./components/ChatHistoryLanding.js';import {normalizeSummaryText,extractDeepSearchSources}from'./deepSearchUtils.js';import {YantraBrandLoader,YANTRA_LOADER_SIZE_COMPACT}from'../../components/YantraBrandLoader.js';import {mobileTokens}from'../../theme/mobileTokens.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs}from'react/jsx-runtime';import React,{useRef,useState,useMemo,useEffect,useCallback}from'react';import {useWindowDimensions,useColorScheme,Platform,Keyboard,TouchableWithoutFeedback,View,StyleSheet,Pressable}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {getDefaultLeftItems,getDefaultRightItems,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 {v4}from'uuid';import {ContributionSchemaId}from'common';import {useGetContextDataQuery,useGetPageSettingsQuery}from'common/graphql';import {usePrerequisiteIds}from'../../hooks/usePrerequisiteIds.js';import {useChatMutations}from'../../hooks/useChatApi.js';import {AudioRecorderPanel}from'../../features/audio-input/AudioRecorderPanel.js';import {mobileTokens}from'../../theme/mobileTokens.js';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,8 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const SENDING_LOADER_COMPOSER_RESERVE_PX = 156;
-const COMPOSER_SCROLL_RESERVE_PX = 164;
+function buildChannelTitle(mode, channelId) {
+  return mode === "deep-search" ? `deep-search-${channelId}` : `chat-channel-${channelId}`;
+}
 function organizationFromSettingsValue(settings) {
   if (settings == null) return null;
   if (typeof settings === "string") {
@@ -50,44 +51,6 @@ function projectFromSettingsValue(settings) {
   }
   return null;
 }
-const ChatContentSection = React.memo(function ChatContentSection2({
-  contentMaxWidth,
-  composerScrollBottomPadding,
-  messages,
-  response,
-  isLoading,
-  disabled,
-  isStreaming,
-  onStop,
-  cancel,
-  onSend,
-  onBackPress
-}) {
-  return /* @__PURE__ */ jsx(Box, { flex: 1, width: "100%", alignSelf: "stretch", children: /* @__PURE__ */ jsx(MessagesContainerUI, { mode: "chat", showBackButton: false, onBackPress, compactTop: true, messagesContainerStyle: {
-    paddingHorizontal: 0,
-    paddingTop: 0,
-    paddingBottom: composerScrollBottomPadding,
-    margin: 0,
-    marginTop: 0,
-    alignSelf: "center",
-    width: contentMaxWidth
-  }, listContentStyle: {
-    paddingTop: 0,
-    paddingBottom: composerScrollBottomPadding,
-    margin: 0,
-    marginTop: 0,
-    width: contentMaxWidth,
-    alignSelf: "center",
-    justifyContent: "flex-end"
-  }, messages: messages.map((msg, index) => ({
-    id: `msg-${index}-${msg.role}`,
-    role: msg.role,
-    content: msg.content,
-    metadata: msg.metadata
-  })), streamingContent: response, currentUser: {
-    id: "user"
-  }, onSend, disabled: isLoading || disabled, isLoading, onStop: isStreaming ? cancel : onStop, renderPlanInputToolbar: () => null, renderBuildInputToolbar: () => null }) });
-});
 const EmptyStateSection = React.memo(function EmptyStateSection2({
   isDark,
   secondaryTextColor,
@@ -118,6 +81,14 @@ const EmptyStateSection = React.memo(function EmptyStateSection2({
         /* @__PURE__ */ jsx(Text, { style: [styles.emptyModePillLabel, {
           color: activeMode === "deep-search" ? "#ffffff" : secondaryTextColor
         }], children: "Deep Search" })
+      ] }),
+      /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+        console.log("build mode");
+      }, style: styles.emptyModePill, accessibilityRole: "button", accessibilityLabel: "Build mode (preview)", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "lightbulb-outline", size: 14, color: secondaryTextColor }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.emptyModePillLabel, {
+          color: secondaryTextColor
+        }], children: "Build" })
       ] })
     ] }),
     /* @__PURE__ */ jsx(Text, { style: [styles.emptyCenterTitle, {
@@ -125,48 +96,16 @@ const EmptyStateSection = React.memo(function EmptyStateSection2({
     }], children: "How do you want to start?" }),
     /* @__PURE__ */ jsx(Text, { style: [styles.emptySubtitle, {
       color: secondaryTextColor
-    }], children: "Use Chat for quick help, or Deep Search for researched, source-backed answers." })
+    }], children: "Use Chat for quick help, Deep Search for source-backed answers, or Build to assemble workflows." })
   ] }) });
 });
-const HeaderBackButton = React.memo(function HeaderBackButton2({
-  color,
-  onPress
-}) {
-  return /* @__PURE__ */ jsx(Pressable, { onPress, style: ({
-    pressed
-  }) => [styles.backButton, pressed && styles.newChatButtonPressed], accessibilityLabel: "Back to chat", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 24, color }) });
-});
-const HeaderRightActions = React.memo(function HeaderRightActions2({
-  gatewayToolbarStatus,
-  gatewayToolbarError,
-  onToggleGateway,
-  gatewayToolbarLabel,
-  gatewayToolbarTone,
-  showChatHistory,
-  onOpenChatHistory,
-  onNewChat,
-  isDark,
-  accentColor,
-  newChatIconColor
-}) {
-  return /* @__PURE__ */ jsxs(View, { style: styles.headerRight, children: [
-    /* @__PURE__ */ jsx(GatewayToolbarButtonMobile, { gatewayStatus: gatewayToolbarStatus, gatewayError: gatewayToolbarError, onToggleGateway, disabled: false, statusLabel: gatewayToolbarLabel, tone: gatewayToolbarTone }),
-    !showChatHistory ? /* @__PURE__ */ jsx(Pressable, { onPress: onOpenChatHistory, style: ({
-      pressed
-    }) => [styles.historyHeaderButton, pressed && styles.historyHeaderButtonPressed], accessibilityLabel: "Chat history", accessibilityRole: "button", children: /* @__PURE__ */ jsx(View, { style: [styles.historyHeaderButtonInner, isDark ? styles.historyHeaderButtonInnerDark : null], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "history", size: 19, color: accentColor }) }) }) : null,
-    /* @__PURE__ */ jsx(Pressable, { onPress: onNewChat, style: ({
-      pressed
-    }) => [styles.newChatButton, pressed && styles.newChatButtonPressed], accessibilityLabel: "New chat", children: /* @__PURE__ */ jsx(View, { style: [styles.newChatButtonInner, isDark ? styles.newChatButtonInnerDark : null], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chat-plus-outline", size: 20, color: newChatIconColor }) }) })
-  ] });
-});
 function HomeScreenContent({
   initialMode = "chat",
   onSubmit: onSubmitProp,
-  onStop,
   isLoading: isLoadingProp = false,
   disabled = false
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
   const {
     width: screenWidth
   } = useWindowDimensions();
@@ -174,22 +113,14 @@ function HomeScreenContent({
   const isDark = colorScheme === "dark";
   const navigation = useNavigation();
   const route = useRoute();
-  const hasRehydratedOrgRef = React.useRef(false);
+  const hasRehydratedOrgRef = useRef(false);
   const [value, setValue] = useState("");
   const [activeMode, setActiveMode] = useState(initialMode);
-  const [activeSessionId, setActiveSessionId] = useState(null);
-  const [isDeepSearchModalOpen, setIsDeepSearchModalOpen] = useState(false);
-  const [deepSearchQuery, setDeepSearchQuery] = useState(null);
-  const [deepSearchSummary, setDeepSearchSummary] = useState("");
-  const [deepSearchSources, setDeepSearchSources] = useState([]);
-  const [researchProcessOpen, setResearchProcessOpen] = useState(true);
-  const [sourcesAccordionOpen, setSourcesAccordionOpen] = useState(true);
-  const [showChatHistory, setShowChatHistory] = useState(false);
-  const [channelBootstrap, setChannelBootstrap] = useState(false);
+  const [showAudioRecorder, setShowAudioRecorder] = useState(false);
+  const [voiceError, setVoiceError] = useState(null);
   const {
     createChannel
   } = useChatMutations();
-  useChatSessions();
   const {
     orgName: resolvedOrgName,
     projectId
@@ -223,46 +154,12 @@ function HomeScreenContent({
   const routeOrgName = ((_c = (_b = route == null ? void 0 : route.params) == null ? void 0 : _b.orgName) != null ? _c : "").trim() || null;
   const effectiveOrgName = resolvedOrgName || fallbackOrgNameFromSettings || routeOrgName || null;
   const effectiveProjectId = projectId || fallbackProjectIdFromSettings || null;
-  const {
-    selectedGateway
-  } = useGatewayContext();
-  const cdecliSelected = (selectedGateway == null ? void 0 : selectedGateway.channelType) === "cdecli-serve";
-  const cdecli = useCdecliAutoConnect(cdecliSelected, activeSessionId != null ? activeSessionId : void 0);
-  const cdecliConnected = cdecliSelected && cdecli.channelConnected;
-  const effectivePersistenceMode = (_e = (_d = cdecli.persistenceMode) != null ? _d : selectedGateway == null ? void 0 : selectedGateway.persistenceMode) != null ? _e : "frontend";
-  const chatRouting = useMemo(() => cdecliConnected ? {
-    kind: "cdecli",
-    channelConnected: cdecli.channelConnected,
-    accountId: cdecli.accountId,
-    persistenceMode: effectivePersistenceMode
-  } : {
-    kind: "groq"
-  }, [cdecliConnected, cdecli.channelConnected, cdecli.accountId, effectivePersistenceMode]);
-  const chat = useChatStream(activeSessionId, chatRouting);
-  const {
-    messages,
-    response,
-    error: chatError,
-    isLoading: chatLoading,
-    isStreaming,
-    sendMessage,
-    cancel,
-    clearMessages
-  } = chat;
   const trimmedQuery = value.trim();
   const hasQuery = trimmedQuery.length > 0;
   const canSubmit = hasQuery && Boolean(routeOrgName || effectiveOrgName);
-  const isLoading = isLoadingProp || chatLoading;
+  const isLoading = isLoadingProp;
   const isResearchMode = activeMode === "deep-search";
   const inputPlaceholder = !effectiveOrgName ? "Initializing workspace..." : isResearchMode ? "Research anything..." : "Ask anything...";
-  const waitingForAssistant = useMemo(() => {
-    var _a2;
-    if (!chatLoading && !isStreaming || messages.length === 0) return false;
-    return ((_a2 = messages[messages.length - 1]) == null ? void 0 : _a2.role) === "user";
-  }, [chatLoading, isStreaming, messages]);
-  const pinSendingLoaderNearComposer = useMemo(() => messages.length > 0 || Boolean((response != null ? response : "").trim()), [messages.length, response]);
-  const showSendingLoader = !showChatHistory && (channelBootstrap || waitingForAssistant);
-  const hasRenderableConversation = messages.length > 0 || isStreaming;
   const insets = useSafeAreaInsets();
   const [keyboardHeight, setKeyboardHeight] = useState(0);
   useEffect(() => {
@@ -295,14 +192,42 @@ function HomeScreenContent({
   const handleModeSwitch = useCallback((mode) => {
     setActiveMode(mode);
   }, []);
-  const ensureSessionId = useCallback(async (mode) => {
-    if (activeSessionId) return activeSessionId;
+  const navigateToChat = useCallback((channelId, query, mode, attachments) => {
+    var _a2;
+    const params = {
+      channelId,
+      orgName: (_a2 = effectiveOrgName != null ? effectiveOrgName : routeOrgName) != null ? _a2 : void 0,
+      initialQuery: query,
+      initialMode: mode
+    };
+    if (attachments && attachments.length > 0) {
+      params.initialAttachments = attachments;
+    }
+    navigation.dispatch(CommonActions.navigate({
+      name: "MainStack.Chat",
+      params
+    }));
+  }, [navigation, effectiveOrgName, routeOrgName]);
+  const handleSubmit = useCallback(async (attachments) => {
+    if (!canSubmit || isLoading || disabled) return;
+    const submission = {
+      mode: activeMode,
+      query: trimmedQuery,
+      attachments
+    };
+    if (onSubmitProp) {
+      onSubmitProp(submission);
+    }
     if (!effectiveOrgName || !effectiveProjectId) {
-      throw new Error("Workspace is still initializing. Please retry in a moment.");
+      console.warn("[HomeScreen] orgName/projectId not ready \u2014 skipping submit.");
+      return;
     }
     const requestedChannelId = v4();
-    const title = mode === "deep-search" ? `deep-search-${requestedChannelId}` : `chat-channel-${requestedChannelId}`;
-    const session = await createChannel({
+    const title = buildChannelTitle(activeMode, requestedChannelId);
+    const queryToForward = trimmedQuery;
+    const attachmentsToForward = attachments;
+    setValue("");
+    void createChannel({
       id: requestedChannelId,
       title,
       isShared: false,
@@ -313,76 +238,14 @@ function HomeScreenContent({
       systemPrompt: null,
       orgName: effectiveOrgName,
       projectId: effectiveProjectId
+    }).catch((err) => {
+      console.error("[HomeScreen] createChannel failed:", err);
     });
-    setActiveSessionId(session.id);
-    return session.id;
-  }, [activeSessionId, createChannel, effectiveOrgName, effectiveProjectId]);
-  const handleSubmit = useCallback(async (attachments) => {
-    if (!canSubmit || isLoading || disabled) return;
-    const submission = {
-      mode: activeMode,
-      query: trimmedQuery,
-      attachments
-    };
-    if (activeMode === "deep-search") {
-      if (onSubmitProp) {
-        onSubmitProp(submission);
-      }
-      setValue("");
-      setDeepSearchQuery(trimmedQuery);
-      setDeepSearchSummary("");
-      setDeepSearchSources([]);
-      setIsDeepSearchModalOpen(true);
-      try {
-        setChannelBootstrap(true);
-        const sessionId = await ensureSessionId("deep-search");
-        await sendMessage(trimmedQuery, void 0, sessionId);
-      } catch (err) {
-        console.error("[HomeScreen] Failed to create deep-search session:", err);
-      } finally {
-        setChannelBootstrap(false);
-      }
-      return;
-    }
-    if (onSubmitProp && activeMode === "chat") {
-      onSubmitProp(submission);
-      setValue("");
-      return;
-    }
-    try {
-      setChannelBootstrap(true);
-      const sessionId = await ensureSessionId("chat");
-      setValue("");
-      await sendMessage(trimmedQuery, void 0, sessionId);
-    } catch (err) {
-      console.error("[HomeScreen] Failed to create session:", err);
-    } finally {
-      setChannelBootstrap(false);
-    }
-  }, [canSubmit, isLoading, disabled, activeMode, trimmedQuery, activeSessionId, onSubmitProp, ensureSessionId, sendMessage]);
-  const handleNewChat = useCallback(() => {
-    setShowChatHistory(false);
-    setActiveSessionId(null);
-    setValue("");
-    clearMessages();
-  }, [clearMessages]);
-  const handleOpenChatHistory = useCallback(() => {
-    setShowChatHistory(true);
-  }, []);
-  const handleCloseChatHistory = useCallback(() => {
-    setShowChatHistory(false);
-  }, []);
-  const handleToggleGateway = useCallback(() => {
-  }, []);
-  const gatewayToolbarStatus = cdecli.status === "connecting" ? "connecting" : cdecli.status === "connected" ? "connected" : cdecli.status === "error" ? "error" : "disconnected";
-  const gatewayToolbarTone = "default";
-  const gatewayToolbarLabel = cdecli.status === "connecting" ? "Checking..." : void 0;
-  const gatewayToolbarError = cdecli.error;
+    navigateToChat(requestedChannelId, queryToForward, activeMode, attachmentsToForward);
+  }, [canSubmit, isLoading, disabled, activeMode, trimmedQuery, onSubmitProp, effectiveOrgName, effectiveProjectId, createChannel, navigateToChat]);
   const surfaceColor = isDark ? "#0f172a" : mobileTokens.color.surface;
   const primaryTextColor = isDark ? "#e5e7eb" : mobileTokens.color.text;
   const secondaryTextColor = isDark ? "#94a3b8" : mobileTokens.color.textMuted;
-  const accentColor = isDark ? "#a5b4fc" : "#4338ca";
-  const newChatIconColor = isDark ? "#e5e7eb" : "#000000";
   const contentMaxWidth = Math.min(720, Math.max(360, screenWidth - 24));
   useEffect(() => {
     var _a2, _b2, _c2;
@@ -391,7 +254,7 @@ function HomeScreenContent({
     (_c2 = navigation.setParams) == null ? void 0 : _c2.call(navigation, {
       orgName: effectiveOrgName
     });
-  }, [navigation, (_f = route == null ? void 0 : route.params) == null ? void 0 : _f.orgName, effectiveOrgName]);
+  }, [navigation, (_d = route == null ? void 0 : route.params) == null ? void 0 : _d.orgName, effectiveOrgName]);
   useEffect(() => {
     var _a2, _b2, _c2;
     const currentOrgName = ((_b2 = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName) == null ? void 0 : _b2.trim()) || "";
@@ -405,116 +268,28 @@ function HomeScreenContent({
       merge: true,
       key: Date.now().toString()
     }));
-  }, [navigation, (_g = route == null ? void 0 : route.params) == null ? void 0 : _g.orgName, effectiveOrgName]);
-  useEffect(() => {
-    const headerLeft = showChatHistory ? () => /* @__PURE__ */ jsx(HeaderBackButton, { color: primaryTextColor, onPress: handleCloseChatHistory }) : void 0;
-    const headerRight = () => /* @__PURE__ */ jsx(HeaderRightActions, { gatewayToolbarStatus, gatewayToolbarError, onToggleGateway: handleToggleGateway, gatewayToolbarLabel, gatewayToolbarTone, showChatHistory, onOpenChatHistory: handleOpenChatHistory, onNewChat: handleNewChat, isDark, accentColor, newChatIconColor });
-    navigation.setOptions({
-      drawerLabel: "Chat",
-      headerTitle: showChatHistory ? "Chats" : "Yantra",
-      headerLeft,
-      headerRight
-    });
-  }, [navigation, showChatHistory, handleCloseChatHistory, handleOpenChatHistory, handleNewChat, handleToggleGateway, gatewayToolbarStatus, gatewayToolbarError, gatewayToolbarLabel, gatewayToolbarTone, primaryTextColor, accentColor, newChatIconColor, isDark]);
-  const handleSendMessage = useCallback(async (text) => {
-    if (!text.trim() || isLoading || disabled) return;
-    const submission = {
-      mode: activeMode,
-      query: text.trim()
-    };
-    if (activeMode === "deep-search") {
-      if (onSubmitProp) {
-        onSubmitProp(submission);
-      }
-      setDeepSearchQuery(text.trim());
-      setDeepSearchSummary("");
-      setDeepSearchSources([]);
-      setIsDeepSearchModalOpen(true);
-      try {
-        setChannelBootstrap(true);
-        const sessionId = await ensureSessionId("deep-search");
-        await sendMessage(text.trim(), void 0, sessionId);
-      } catch (err) {
-        console.error("[HomeScreen] Failed to create deep-search session:", err);
-      } finally {
-        setChannelBootstrap(false);
-      }
-      return;
-    }
-    try {
-      setChannelBootstrap(true);
-      const sessionId = await ensureSessionId("chat");
-      await sendMessage(text.trim(), void 0, sessionId);
-    } catch (err) {
-      console.error("[HomeScreen] Failed to create session:", err);
-    } finally {
-      setChannelBootstrap(false);
-    }
-  }, [isLoading, disabled, activeMode, onSubmitProp, ensureSessionId, sendMessage]);
-  const latestAssistantMessage = useMemo(() => {
-    var _a2, _b2, _c2;
-    for (let i = messages.length - 1; i >= 0; i -= 1) {
-      if (((_a2 = messages[i]) == null ? void 0 : _a2.role) === "assistant") return (_c2 = (_b2 = messages[i]) == null ? void 0 : _b2.content) != null ? _c2 : "";
-    }
-    return "";
-  }, [messages]);
-  const deepSearchPreviewContent = response || deepSearchSummary;
-  const deepSearchPreviewNormalized = useMemo(() => normalizeSummaryText(deepSearchPreviewContent || deepSearchSummary || ""), [deepSearchPreviewContent, deepSearchSummary]);
-  const handleDeepSearchClose = useCallback(() => {
-    if (isStreaming) {
-      cancel();
-    }
-    setIsDeepSearchModalOpen(false);
-    setDeepSearchQuery(null);
-    setDeepSearchSummary("");
-    setDeepSearchSources([]);
-    setResearchProcessOpen(true);
-    setSourcesAccordionOpen(true);
-  }, [isStreaming, cancel]);
-  const handleRetryDeepSearch = useCallback(async () => {
-    if (!deepSearchQuery || isStreaming) return;
-    try {
-      setChannelBootstrap(true);
-      const sessionId = await ensureSessionId("deep-search");
-      await sendMessage(deepSearchQuery, void 0, sessionId);
-    } catch (error) {
-      console.error("[HomeScreen] Failed to retry deep-search:", error);
-    } finally {
-      setChannelBootstrap(false);
-    }
-  }, [deepSearchQuery, isStreaming, ensureSessionId, sendMessage]);
+  }, [navigation, (_e = route == null ? void 0 : route.params) == null ? void 0 : _e.orgName, effectiveOrgName]);
   const handleValueChange = useCallback((e) => {
     setValue(e.nativeEvent.text);
   }, []);
   const handleMicPress = useCallback(() => {
-    console.log("mic");
-  }, []);
-  const handleSelectHistorySession = useCallback((channelId) => {
-    setShowChatHistory(false);
-    setActiveSessionId(channelId);
-    setActiveMode("chat");
+    if (hasQuery) return;
+    setVoiceError(null);
+    Keyboard.dismiss();
+    setShowAudioRecorder(true);
+  }, [hasQuery]);
+  const handleTranscriptionComplete = useCallback((text) => {
+    const cleaned = (text != null ? text : "").trim();
+    setShowAudioRecorder(false);
+    if (!cleaned) return;
+    setValue((prev) => prev.trim().length > 0 ? `${prev.trim()} ${cleaned}` : cleaned);
   }, []);
-  const handleComposeFromHistory = useCallback(() => {
-    setShowChatHistory(false);
-    setActiveSessionId(null);
-    setValue("");
-    clearMessages();
-  }, [clearMessages]);
-  const handleToggleResearchProcess = useCallback(() => {
-    setResearchProcessOpen((prev) => !prev);
+  const handleRecorderCancel = useCallback(() => {
+    setShowAudioRecorder(false);
   }, []);
-  const handleToggleSourcesAccordion = useCallback(() => {
-    setSourcesAccordionOpen((prev) => !prev);
+  const handleRecorderError = useCallback((error) => {
+    setVoiceError(error);
   }, []);
-  const handleRetryDeepSearchPress = useCallback(() => {
-    void handleRetryDeepSearch();
-  }, [handleRetryDeepSearch]);
-  useEffect(() => {
-    if (!deepSearchQuery || isStreaming || !latestAssistantMessage) return;
-    setDeepSearchSummary(normalizeSummaryText(latestAssistantMessage));
-    setDeepSearchSources(extractDeepSearchSources(latestAssistantMessage));
-  }, [deepSearchQuery, isStreaming, latestAssistantMessage]);
-  const composerScrollBottomPadding = COMPOSER_SCROLL_RESERVE_PX;
   const leftItems = useMemo(() => getDefaultLeftItems({
     search: {
       active: activeMode === "chat",
@@ -525,7 +300,9 @@ function HomeScreenContent({
       onClick: () => handleModeSwitch("deep-search")
     },
     lightbulb: {
-      enabled: false
+      onClick: () => {
+        console.log("build mode");
+      }
     }
   }), [activeMode, handleModeSwitch]);
   const rightItems = useMemo(() => getDefaultRightItems({
@@ -536,16 +313,13 @@ function HomeScreenContent({
       enabled: false
     },
     camera: {
-      enabled: false,
-      onClick: () => console.log("camera")
+      enabled: false
     },
     image: {
-      enabled: false,
-      onClick: () => console.log("image")
+      enabled: false
     },
     attach: {
-      enabled: false,
-      onClick: () => console.log("attach")
+      enabled: false
     }
   }), []);
   const inputConfig = useMemo(() => ({
@@ -559,136 +333,30 @@ function HomeScreenContent({
     onSend: () => handleSubmit(),
     onMic: handleMicPress,
     disabled: isLoading || disabled,
-    isLoading,
-    onStop: isStreaming ? cancel : onStop
-  }), [canSubmit, handleSubmit, handleMicPress, isLoading, disabled, isStreaming, cancel, onStop]);
-  return /* @__PURE__ */ jsxs(SafeAreaView, { edges: ["left", "right", "bottom"], style: {
+    isLoading
+  }), [canSubmit, handleSubmit, handleMicPress, isLoading, disabled]);
+  return /* @__PURE__ */ jsx(SafeAreaView, { edges: ["left", "right", "bottom"], style: {
     flex: 1,
     backgroundColor: surfaceColor
-  }, children: [
-    /* @__PURE__ */ jsx(TouchableWithoutFeedback, { onPress: Keyboard.dismiss, accessible: false, children: /* @__PURE__ */ jsxs(Box, { flex: 1, width: "100%", position: "relative", children: [
-      (chatError || cdecli.error) && /* @__PURE__ */ jsx(Box, { mb: "$2", mx: "$4", p: "$3", borderRadius: "$md", style: {
+  }, children: /* @__PURE__ */ jsx(TouchableWithoutFeedback, { onPress: Keyboard.dismiss, accessible: false, children: /* @__PURE__ */ jsxs(Box, { flex: 1, width: "100%", position: "relative", children: [
+    /* @__PURE__ */ jsx(EmptyStateSection, { isDark, secondaryTextColor, primaryTextColor, activeMode, onModeSwitch: handleModeSwitch }),
+    /* @__PURE__ */ jsx(View, { style: [styles.bottomComposerWrap, {
+      bottom: Math.max(0, keyboardHeight - insets.bottom),
+      paddingBottom: Math.max(insets.bottom - 6, 2)
+    }], children: /* @__PURE__ */ jsxs(View, { style: [styles.bottomComposerInner, {
+      width: contentMaxWidth
+    }], children: [
+      voiceError ? /* @__PURE__ */ jsx(View, { style: [styles.voiceErrorBanner, {
         backgroundColor: isDark ? "#2b1a1d" : "#fef2f2",
-        borderWidth: 1,
         borderColor: isDark ? "#7f1d1d" : "#fecaca"
-      }, children: /* @__PURE__ */ jsx(Text, { fontSize: "$sm", style: {
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.voiceErrorText, {
         color: isDark ? "#fecaca" : "#991b1b"
-      }, children: chatError || cdecli.error }) }),
-      showChatHistory ? /* @__PURE__ */ jsx(ChatHistoryLanding, { onSelectSession: handleSelectHistorySession, onCompose: handleComposeFromHistory }) : hasRenderableConversation ? /* @__PURE__ */ jsx(ChatContentSection, { contentMaxWidth, composerScrollBottomPadding, messages, response, isLoading, disabled, isStreaming, onStop, cancel, onSend: handleSendMessage, onBackPress: handleNewChat }) : /* @__PURE__ */ jsx(EmptyStateSection, { isDark, secondaryTextColor, primaryTextColor, activeMode, onModeSwitch: handleModeSwitch }),
-      !showChatHistory ? /* @__PURE__ */ jsx(View, { style: [styles.bottomComposerWrap, {
-        bottom: Math.max(0, keyboardHeight - insets.bottom),
-        paddingBottom: Math.max(insets.bottom - 6, 2)
-        // backgroundColor: composerBarBackground,
-        // borderTopColor: composerBarBorder,
-      }], children: /* @__PURE__ */ jsx(View, { style: [styles.bottomComposerInner, {
-        width: contentMaxWidth
-      }], children: /* @__PURE__ */ jsx(InputToolBar, { inputConfig, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton }) }) }) : null,
-      showSendingLoader ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: pinSendingLoaderNearComposer ? [styles.sendingLoaderAboveComposer, {
-        bottom: Math.max(insets.bottom, 12) + SENDING_LOADER_COMPOSER_RESERVE_PX
-      }] : styles.sendingLoaderEmptyState, children: /* @__PURE__ */ jsx(YantraBrandLoader, { size: YANTRA_LOADER_SIZE_COMPACT }) }) : null
-    ] }) }),
-    /* @__PURE__ */ jsx(DeepSearchModal, { visible: isDeepSearchModalOpen, query: deepSearchQuery, summaryText: deepSearchPreviewNormalized, sources: deepSearchSources, isStreaming, researchProcessOpen, sourcesAccordionOpen, onToggleResearchProcess: handleToggleResearchProcess, onToggleSourcesAccordion: handleToggleSourcesAccordion, onRetry: handleRetryDeepSearchPress, onStop: cancel, onClose: handleDeepSearchClose })
-  ] });
+      }], children: voiceError }) }) : null,
+      showAudioRecorder ? /* @__PURE__ */ jsx(AudioRecorderPanel, { isDark, onTranscriptionComplete: handleTranscriptionComplete, onCancel: handleRecorderCancel, onError: handleRecorderError }) : /* @__PURE__ */ jsx(InputToolBar, { inputConfig, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton })
+    ] }) })
+  ] }) }) });
 }
 const styles = StyleSheet.create({
-  /** First message / empty screen: loader in the middle of the pane. */
-  sendingLoaderEmptyState: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    justifyContent: "center",
-    alignItems: "center",
-    zIndex: 40
-  },
-  /** Active thread: loader just above the input, not over message history. */
-  sendingLoaderAboveComposer: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    paddingBottom: 8,
-    zIndex: 40
-  },
-  headerRight: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginRight: 6,
-    gap: 6
-  },
-  historyHeaderButton: {
-    marginHorizontal: 0,
-    padding: 0,
-    borderRadius: 22
-  },
-  historyHeaderButtonPressed: {
-    opacity: 0.72
-  },
-  historyHeaderButtonInner: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: mobileTokens.color.primarySoft,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: mobileTokens.color.primaryBorder,
-    shadowColor: "#312e81",
-    shadowOpacity: 0.1,
-    shadowRadius: 5,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    elevation: 2
-  },
-  historyHeaderButtonInnerDark: {
-    backgroundColor: "#1e293b",
-    borderColor: "rgba(148, 163, 184, 0.35)",
-    shadowColor: "#111827"
-  },
-  newChatButton: {
-    padding: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 22
-  },
-  newChatButtonInner: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: mobileTokens.color.surface,
-    borderWidth: 1,
-    borderColor: mobileTokens.color.border,
-    shadowColor: "#0f172a",
-    shadowOpacity: 0.08,
-    shadowRadius: 5,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    elevation: 2
-  },
-  newChatButtonInnerDark: {
-    backgroundColor: "#0f172a",
-    borderColor: "#334155"
-  },
-  backButton: {
-    marginLeft: 6,
-    width: 36,
-    height: 36,
-    borderRadius: 18,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "#f3f4f6"
-  },
-  newChatButtonPressed: {
-    opacity: 0.6
-  },
   emptyCenterTitleWrap: {
     flex: 1,
     alignItems: "center",
@@ -729,7 +397,6 @@ const styles = StyleSheet.create({
     bottom: 0,
     alignItems: "center",
     justifyContent: "flex-end",
-    // borderTopWidth: 1,
     shadowColor: "#0f172a",
     shadowOpacity: 0.08,
     shadowRadius: 8,
@@ -745,6 +412,17 @@ const styles = StyleSheet.create({
     paddingTop: 10,
     paddingBottom: 4
   },
+  voiceErrorBanner: {
+    marginBottom: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 10,
+    borderWidth: 1
+  },
+  voiceErrorText: {
+    fontSize: 12,
+    fontWeight: "500"
+  },
   emptyModePillRow: {
     flexDirection: "row",
     alignItems: "center",