@adminide-stack/yantra-mobile 12.0.28-alpha.54 → 12.0.28-alpha.59

package/lib/screens/Home/HomeScreen.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useCallback,useEffect}from'react';import {Pressable,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {getDefaultLeftItems,getDefaultRightItems,Box,Text,InputToolBar}from'@admin-layout/gluestack-ui-mobile';import {SafeAreaView}from'react-native-safe-area-context';import {useGetAccountChatSessionsQuery}from'common/graphql';import {v4}from'uuid';import {useNavigation}from'@react-navigation/native';import {MessagesContainerUI}from'@messenger-box/platform-mobile';import {useChatMutations}from'../../hooks/useChatApi.js';import {useChatStream}from'../../hooks/useChatStream.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs}from'react/jsx-runtime';import React,{useState,useMemo,useCallback,useEffect}from'react';import {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 {navigationRef}from'@common-stack/client-react';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +14,41 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+const SENDING_LOADER_COMPOSER_RESERVE_PX = 156;
+function organizationFromSettingsValue(settings) {
+  if (settings == null) return null;
+  if (typeof settings === "string") {
+    try {
+      const parsed = JSON.parse(settings);
+      const o = parsed == null ? void 0 : parsed.organization;
+      return typeof o === "string" && o.trim() ? o.trim() : null;
+    } catch (e) {
+      return null;
+    }
+  }
+  if (typeof settings === "object" && settings !== null && "organization" in settings) {
+    const o = settings.organization;
+    return typeof o === "string" && o.trim() ? o.trim() : null;
+  }
+  return null;
+}
+function projectFromSettingsValue(settings) {
+  if (settings == null) return null;
+  if (typeof settings === "string") {
+    try {
+      const parsed = JSON.parse(settings);
+      const p = parsed == null ? void 0 : parsed.project;
+      return typeof p === "string" && p.trim() ? p.trim() : null;
+    } catch (e) {
+      return null;
+    }
+  }
+  if (typeof settings === "object" && settings !== null && "project" in settings) {
+    const p = settings.project;
+    return typeof p === "string" && p.trim() ? p.trim() : null;
+  }
+  return null;
+}
 function HomeScreenContent({
   initialMode = "chat",
   onSubmit: onSubmitProp,
@@ -21,21 +56,74 @@ function HomeScreenContent({
   isLoading: isLoadingProp = false,
   disabled = false
 }) {
+  var _a, _b, _c, _d, _e, _f, _g;
   const navigation = useNavigation();
+  const route = useRoute();
+  const hasRehydratedOrgRef = React.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 {
-    createSession
+    createChannel
   } = useChatMutations();
-  const chat = useChatStream(activeSessionId);
-  useGetAccountChatSessionsQuery({
+  useChatSessions();
+  const {
+    orgName: resolvedOrgName,
+    projectId
+  } = usePrerequisiteIds();
+  const {
+    data: contextData
+  } = useGetContextDataQuery();
+  const cdecodeUri = (_a = contextData == null ? void 0 : contextData.getContextData) == null ? void 0 : _a.cdecodeUri;
+  const {
+    data: pageSettingsData
+  } = useGetPageSettingsQuery({
     variables: {
-      first: 25,
-      includeArchived: false
+      resourceUri: cdecodeUri,
+      options: {
+        schemaId: ContributionSchemaId.Configuration,
+        configKey: "account.default",
+        includeMarketplace: true
+      }
     },
+    skip: !cdecodeUri,
     fetchPolicy: "cache-first"
   });
+  const fallbackOrgNameFromSettings = useMemo(() => {
+    var _a2;
+    return organizationFromSettingsValue((_a2 = pageSettingsData == null ? void 0 : pageSettingsData.pageSettings) == null ? void 0 : _a2.settings);
+  }, [pageSettingsData]);
+  const fallbackProjectIdFromSettings = useMemo(() => {
+    var _a2;
+    return projectFromSettingsValue((_a2 = pageSettingsData == null ? void 0 : pageSettingsData.pageSettings) == null ? void 0 : _a2.settings);
+  }, [pageSettingsData]);
+  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,
@@ -44,17 +132,48 @@ function HomeScreenContent({
     isStreaming,
     hasMessages,
     sendMessage,
-    cancel
+    cancel,
+    clearMessages
   } = chat;
   const trimmedQuery = value.trim();
   const hasQuery = trimmedQuery.length > 0;
-  const canSubmit = hasQuery;
+  const canSubmit = hasQuery && Boolean(routeOrgName || effectiveOrgName);
   const isLoading = isLoadingProp || chatLoading;
   const isResearchMode = activeMode === "deep-search";
-  const inputPlaceholder = isResearchMode ? "Research anything..." : "Ask anything...";
+  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 insets = useSafeAreaInsets();
   const handleModeSwitch = useCallback((mode) => {
     setActiveMode(mode);
   }, []);
+  const ensureSessionId = useCallback(async (mode) => {
+    if (activeSessionId) return activeSessionId;
+    if (!effectiveOrgName || !effectiveProjectId) {
+      throw new Error("Workspace is still initializing. Please retry in a moment.");
+    }
+    const requestedChannelId = v4();
+    const title = mode === "deep-search" ? `deep-search-${requestedChannelId}` : `chat-channel-${requestedChannelId}`;
+    const session = await createChannel({
+      id: requestedChannelId,
+      title,
+      isShared: false,
+      sharedSlug: null,
+      isArchived: false,
+      isPinned: false,
+      model: null,
+      systemPrompt: null,
+      orgName: effectiveOrgName,
+      projectId: effectiveProjectId
+    });
+    setActiveSessionId(session.id);
+    return session.id;
+  }, [activeSessionId, createChannel, effectiveOrgName, effectiveProjectId]);
   const handleSubmit = useCallback(async (attachments) => {
     if (!canSubmit || isLoading || disabled) return;
     const submission = {
@@ -62,9 +181,24 @@ function HomeScreenContent({
       query: trimmedQuery,
       attachments
     };
-    if (activeMode === "deep-search" && onSubmitProp) {
-      onSubmitProp(submission);
+    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") {
@@ -72,63 +206,111 @@ function HomeScreenContent({
       setValue("");
       return;
     }
-    if (!activeSessionId) {
-      const newSessionId = v4();
-      const title = activeMode === "deep-search" ? "Deep Search" : "New Chat";
-      try {
-        await createSession({
-          id: newSessionId,
-          title
-        });
-        setActiveSessionId(newSessionId);
-        setValue("");
-        sendMessage(trimmedQuery, void 0, newSessionId);
-      } catch (err) {
-        console.error("[HomeScreen] Failed to create session:", err);
-      }
-    } else {
+    try {
+      setChannelBootstrap(true);
+      const sessionId = await ensureSessionId("chat");
       setValue("");
-      sendMessage(trimmedQuery);
+      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, createSession, sendMessage]);
+  }, [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;
+  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()) || "";
+    if (!effectiveOrgName || currentOrgName === effectiveOrgName) return;
+    (_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]);
+  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()) || "";
+    if (hasRehydratedOrgRef.current || currentOrgName || !effectiveOrgName) return;
+    hasRehydratedOrgRef.current = true;
+    console.log("effectiveOrgName..", effectiveOrgName);
+    (_c2 = navigation.getParent()) == null ? void 0 : _c2.dispatch(CommonActions.navigate("MainStack", {
+      screen: "MainStack.Layout.Home",
+      params: {
+        orgName: effectiveOrgName
+      },
+      merge: true,
+      key: Date.now().toString()
+    }));
+  }, [navigation, (_g = route == null ? void 0 : route.params) == null ? void 0 : _g.orgName, effectiveOrgName, navigationRef]);
   useEffect(() => {
     navigation.setOptions({
-      headerRight: () => /* @__PURE__ */ jsx(Pressable, { onPress: handleNewChat, style: ({
+      drawerLabel: "Chat",
+      headerTitle: showChatHistory ? "Chats" : "Yantra",
+      headerLeft: showChatHistory ? () => /* @__PURE__ */ jsx(Pressable, { onPress: handleCloseChatHistory, style: ({
         pressed
-      }) => [styles.newChatButton, pressed && styles.newChatButtonPressed], accessibilityLabel: "New chat", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chat-plus-outline", size: 26, color: "#000" }) })
+      }) => [styles.backButton, pressed && styles.newChatButtonPressed], accessibilityLabel: "Back to chat", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 24, color: "#111827" }) }) : void 0,
+      headerRight: () => /* @__PURE__ */ jsxs(View, { style: styles.headerRight, children: [
+        /* @__PURE__ */ jsx(GatewayToolbarButtonMobile, { gatewayStatus: gatewayToolbarStatus, gatewayError: gatewayToolbarError, onToggleGateway: handleToggleGateway, disabled: false, statusLabel: gatewayToolbarLabel, tone: gatewayToolbarTone }),
+        !showChatHistory ? /* @__PURE__ */ jsx(Pressable, { onPress: handleOpenChatHistory, style: ({
+          pressed
+        }) => [styles.historyHeaderButton, pressed && styles.historyHeaderButtonPressed], accessibilityLabel: "Chat history", accessibilityRole: "button", children: /* @__PURE__ */ jsx(View, { style: styles.historyHeaderButtonInner, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "history", size: 19, color: "#4338ca" }) }) }) : null,
+        /* @__PURE__ */ jsx(Pressable, { onPress: handleNewChat, style: ({
+          pressed
+        }) => [styles.newChatButton, pressed && styles.newChatButtonPressed], accessibilityLabel: "New chat", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chat-plus-outline", size: 26, color: "#000" }) })
+      ] })
     });
-  }, [navigation, handleNewChat]);
+  }, [navigation, showChatHistory, handleCloseChatHistory, handleOpenChatHistory, handleNewChat, handleToggleGateway, gatewayToolbarStatus, gatewayToolbarError, gatewayToolbarLabel, gatewayToolbarTone]);
   const handleSendMessage = useCallback(async (text) => {
     if (!text.trim() || isLoading || disabled) return;
     const submission = {
       mode: activeMode,
       query: text.trim()
     };
-    if (activeMode === "deep-search" && onSubmitProp) {
-      onSubmitProp(submission);
-      return;
-    }
-    if (!activeSessionId) {
-      const newSessionId = v4();
-      const title = activeMode === "deep-search" ? "Deep Search" : "New Chat";
+    if (activeMode === "deep-search") {
+      if (onSubmitProp) {
+        onSubmitProp(submission);
+      }
+      setDeepSearchQuery(text.trim());
+      setDeepSearchSummary("");
+      setDeepSearchSources([]);
+      setIsDeepSearchModalOpen(true);
       try {
-        await createSession({
-          id: newSessionId,
-          title
-        });
-        setActiveSessionId(newSessionId);
-        sendMessage(text.trim(), void 0, newSessionId);
+        setChannelBootstrap(true);
+        const sessionId = await ensureSessionId("deep-search");
+        await sendMessage(text.trim(), void 0, sessionId);
       } catch (err) {
-        console.error("[HomeScreen] Failed to create session:", err);
+        console.error("[HomeScreen] Failed to create deep-search session:", err);
+      } finally {
+        setChannelBootstrap(false);
       }
-    } else {
-      sendMessage(text.trim());
+      return;
     }
-  }, [isLoading, disabled, activeSessionId, activeMode, onSubmitProp, createSession, sendMessage]);
+    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 leftItems = getDefaultLeftItems({
     search: {
       active: activeMode === "chat",
@@ -150,75 +332,216 @@ function HomeScreenContent({
       enabled: false
     },
     camera: {
+      enabled: false,
       onClick: () => console.log("camera")
     },
     image: {
+      enabled: false,
       onClick: () => console.log("image")
     },
     attach: {
+      enabled: false,
       onClick: () => console.log("attach")
     }
   });
-  return /* @__PURE__ */ jsx(SafeAreaView, { style: {
+  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]);
+  useEffect(() => {
+    if (!deepSearchQuery || isStreaming || !latestAssistantMessage) return;
+    setDeepSearchSummary(normalizeSummaryText(latestAssistantMessage));
+    setDeepSearchSources(extractDeepSearchSources(latestAssistantMessage));
+  }, [deepSearchQuery, isStreaming, latestAssistantMessage]);
+  return /* @__PURE__ */ jsxs(SafeAreaView, { edges: ["left", "right", "bottom"], style: {
     flex: 1,
     backgroundColor: "#fff"
-  }, children: /* @__PURE__ */ jsxs(Box, { flex: 1, width: "100%", children: [
-    chatError && /* @__PURE__ */ jsx(Box, { mb: "$2", mx: "$4", p: "$3", bg: "$gray200", borderRadius: "$md", children: /* @__PURE__ */ jsx(Text, { fontSize: "$sm", color: "$gray900", children: chatError }) }),
-    hasMessages || response ? /* @__PURE__ */ jsx(Box, { flex: 1, width: "100%", alignSelf: "stretch", children: /* @__PURE__ */ jsx(MessagesContainerUI, { mode: "plan", showBackButton: false, onBackPress: handleNewChat, compactTop: true, messagesContainerStyle: {
-      paddingHorizontal: 0,
-      paddingTop: 0,
-      margin: 0
-    }, listContentStyle: {
-      paddingTop: 0,
-      margin: 0
-    }, 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: handleSendMessage, disabled: isLoading || disabled, isLoading, onStop: isStreaming ? cancel : onStop, renderPlanInputToolbar: ({
-      value: value2,
-      onChange,
-      onSend,
-      disabled: inputDisabled
-    }) => /* @__PURE__ */ jsx(InputToolBar, { inputConfig: {
-      value: value2,
-      onChange: (e) => onChange(e.nativeEvent.text),
-      placeholder: inputPlaceholder,
-      disabled: inputDisabled
-    }, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton: {
-      hasContent: value2.trim().length > 0,
-      onSend: () => onSend(value2.trim()),
-      onMic: () => console.log("mic"),
-      disabled: inputDisabled,
-      isLoading,
-      onStop: isStreaming ? cancel : onStop
-    } }), renderBuildInputToolbar: () => null }) }) : /* @__PURE__ */ jsx(Box, { flex: 1, justifyContent: "center", alignItems: "stretch", p: "$4", children: /* @__PURE__ */ jsx(InputToolBar, { inputConfig: {
-      value,
-      onChange: (e) => setValue(e.nativeEvent.text),
-      placeholder: inputPlaceholder,
-      disabled: isLoading || disabled
-    }, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton: {
-      hasContent: canSubmit,
-      onSend: () => handleSubmit(),
-      onMic: () => console.log("mic"),
-      disabled: isLoading || disabled,
-      isLoading,
-      onStop
-    } }) })
-  ] }) });
+  }, children: [
+    /* @__PURE__ */ jsxs(Box, { flex: 1, width: "100%", position: "relative", children: [
+      (chatError || cdecli.error) && /* @__PURE__ */ jsx(Box, { mb: "$2", mx: "$4", p: "$3", bg: "$gray200", borderRadius: "$md", children: /* @__PURE__ */ jsx(Text, { fontSize: "$sm", color: "$gray900", children: chatError || cdecli.error }) }),
+      showChatHistory ? /* @__PURE__ */ jsx(ChatHistoryLanding, { onSelectSession: (channelId) => {
+        setShowChatHistory(false);
+        setActiveSessionId(channelId);
+        setActiveMode("chat");
+      }, onCompose: () => {
+        setShowChatHistory(false);
+        setActiveSessionId(null);
+        setValue("");
+        clearMessages();
+      } }) : hasMessages || response ? /* @__PURE__ */ jsx(Box, { flex: 1, width: "100%", alignSelf: "stretch", children: /* @__PURE__ */ jsx(MessagesContainerUI, { mode: "chat", showBackButton: false, onBackPress: handleNewChat, compactTop: false, messagesContainerStyle: {
+        paddingHorizontal: 0,
+        paddingTop: 6,
+        margin: 0
+      }, listContentStyle: {
+        paddingTop: 8,
+        margin: 0
+      }, 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: handleSendMessage, disabled: isLoading || disabled, isLoading, onStop: isStreaming ? cancel : onStop, renderPlanInputToolbar: ({
+        value: value2,
+        onChange,
+        onSend,
+        disabled: inputDisabled
+      }) => /* @__PURE__ */ jsx(InputToolBar, { inputConfig: {
+        value: value2,
+        onChange: (e) => onChange(e.nativeEvent.text),
+        placeholder: inputPlaceholder,
+        disabled: inputDisabled
+      }, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton: {
+        hasContent: value2.trim().length > 0,
+        onSend: () => onSend(value2.trim()),
+        onMic: () => console.log("mic"),
+        disabled: inputDisabled,
+        isLoading,
+        onStop: isStreaming ? cancel : onStop
+      } }), renderBuildInputToolbar: () => null }) }) : /* @__PURE__ */ jsxs(Box, { flex: 1, width: "100%", children: [
+        /* @__PURE__ */ jsx(View, { style: styles.emptyCenterTitleWrap, children: /* @__PURE__ */ jsx(Text, { style: styles.emptyCenterTitle, children: "What can I do for you?" }) }),
+        /* @__PURE__ */ jsx(View, { style: [styles.bottomComposerWrap, {
+          paddingBottom: Math.max(insets.bottom - 6, 2),
+          marginBottom: -Math.max(insets.bottom - 2, 0)
+        }], children: /* @__PURE__ */ jsx(InputToolBar, { inputConfig: {
+          value,
+          onChange: (e) => setValue(e.nativeEvent.text),
+          placeholder: inputPlaceholder,
+          disabled: isLoading || disabled
+        }, leftItems, rightItems, templateButton: null, templateModalConfig: null, micSendButton: {
+          hasContent: canSubmit,
+          onSend: () => handleSubmit(),
+          onMic: () => console.log("mic"),
+          disabled: isLoading || disabled,
+          isLoading,
+          onStop
+        } }) })
+      ] }),
+      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: () => setResearchProcessOpen((prev) => !prev), onToggleSourcesAccordion: () => setSourcesAccordionOpen((prev) => !prev), onRetry: () => {
+      void handleRetryDeepSearch();
+    }, onStop: cancel, onClose: handleDeepSearchClose })
+  ] });
 }
 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: 4,
+    gap: 2
+  },
+  historyHeaderButton: {
+    marginHorizontal: 2,
+    padding: 4,
+    borderRadius: 22
+  },
+  historyHeaderButtonPressed: {
+    opacity: 0.72
+  },
+  historyHeaderButtonInner: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#eef2ff",
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "rgba(67, 56, 202, 0.22)",
+    shadowColor: "#4338ca",
+    shadowOpacity: 0.12,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
+  },
   newChatButton: {
     padding: 6,
-    marginRight: 4,
     alignItems: "center",
     justifyContent: "center"
   },
+  backButton: {
+    marginLeft: 6,
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#f3f4f6"
+  },
   newChatButtonPressed: {
     opacity: 0.6
+  },
+  emptyCenterTitleWrap: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 24,
+    paddingTop: 44
+  },
+  emptyCenterTitle: {
+    fontSize: 52 / 2,
+    fontWeight: "400",
+    color: "#111827",
+    textAlign: "center",
+    letterSpacing: 0.2
+  },
+  bottomComposerWrap: {
+    paddingHorizontal: 14
   }
 });
 const HomeScreen = (props) => /* @__PURE__ */ jsx(HomeScreenContent, __spreadValues({}, props));export{HomeScreen as default};//# sourceMappingURL=HomeScreen.js.map