@adminide-stack/yantra-mobile 12.0.28-alpha.7 → 12.0.28-alpha.71

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,{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 {MicErrorBoundary}from'../../features/audio-input/MicErrorBoundary.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,47 +14,200 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+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") {
+    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;
+}
+const EmptyStateSection = React.memo(function EmptyStateSection2({
+  isDark,
+  secondaryTextColor,
+  primaryTextColor,
+  activeMode,
+  onModeSwitch
+}) {
+  return /* @__PURE__ */ jsx(Box, { flex: 1, width: "100%", children: /* @__PURE__ */ jsxs(View, { style: styles.emptyCenterTitleWrap, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.emptyEyebrow, {
+      color: secondaryTextColor
+    }], children: "Choose your mode" }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.emptyModePillRow, {
+      backgroundColor: isDark ? "rgba(30, 41, 59, 0.9)" : "#eef2ff",
+      borderColor: isDark ? "rgba(148, 163, 184, 0.26)" : "rgba(67, 56, 202, 0.15)"
+    }], children: [
+      /* @__PURE__ */ jsxs(Pressable, { onPress: () => onModeSwitch("chat"), style: [styles.emptyModePill, activeMode === "chat" && styles.emptyModePillActive, activeMode === "chat" && {
+        backgroundColor: isDark ? "#312e81" : "#4338ca"
+      }], accessibilityRole: "button", accessibilityLabel: "Switch to chat mode", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 14, color: activeMode === "chat" ? "#ffffff" : secondaryTextColor }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.emptyModePillLabel, {
+          color: activeMode === "chat" ? "#ffffff" : secondaryTextColor
+        }], children: "Chat" })
+      ] }),
+      /* @__PURE__ */ jsxs(Pressable, { onPress: () => onModeSwitch("deep-search"), style: [styles.emptyModePill, activeMode === "deep-search" && styles.emptyModePillActive, activeMode === "deep-search" && {
+        backgroundColor: isDark ? "#312e81" : "#4338ca"
+      }], accessibilityRole: "button", accessibilityLabel: "Switch to deep-search mode", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "lightning-bolt-outline", size: 14, color: activeMode === "deep-search" ? "#ffffff" : secondaryTextColor }),
+        /* @__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, {
+      color: primaryTextColor
+    }], children: "How do you want to start?" }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.emptySubtitle, {
+      color: secondaryTextColor
+    }], children: "Use Chat for quick help, Deep Search for source-backed answers, or Build to assemble workflows." })
+  ] }) });
+});
 function HomeScreenContent({
   initialMode = "chat",
   onSubmit: onSubmitProp,
-  onStop,
   isLoading: isLoadingProp = false,
   disabled = false
 }) {
+  var _a, _b, _c, _d, _e;
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+  const colorScheme = useColorScheme();
+  const isDark = colorScheme === "dark";
   const navigation = useNavigation();
+  const route = useRoute();
+  const hasRehydratedOrgRef = useRef(false);
   const [value, setValue] = useState("");
   const [activeMode, setActiveMode] = useState(initialMode);
-  const [activeSessionId, setActiveSessionId] = useState(null);
+  const [showAudioRecorder, setShowAudioRecorder] = useState(false);
+  const [voiceError, setVoiceError] = useState(null);
   const {
-    createSession
+    createChannel
   } = useChatMutations();
-  const chat = useChatStream(activeSessionId);
-  useGetAccountChatSessionsQuery({
+  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 {
-    messages,
-    response,
-    error: chatError,
-    isLoading: chatLoading,
-    isStreaming,
-    hasMessages,
-    sendMessage,
-    cancel
-  } = chat;
+  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 trimmedQuery = value.trim();
   const hasQuery = trimmedQuery.length > 0;
-  const canSubmit = hasQuery;
-  const isLoading = isLoadingProp || chatLoading;
+  const canSubmit = hasQuery && Boolean(routeOrgName || effectiveOrgName);
+  const isLoading = isLoadingProp;
   const isResearchMode = activeMode === "deep-search";
-  const inputPlaceholder = isResearchMode ? "Research anything..." : "Ask anything...";
+  const inputPlaceholder = !effectiveOrgName ? "Initializing workspace..." : isResearchMode ? "Research anything..." : "Ask anything...";
+  const insets = useSafeAreaInsets();
+  const [keyboardHeight, setKeyboardHeight] = useState(0);
+  useEffect(() => {
+    if (Platform.OS === "ios") {
+      const frameSub = Keyboard.addListener("keyboardWillChangeFrame", (event) => {
+        var _a2, _b2;
+        return setKeyboardHeight((_b2 = (_a2 = event.endCoordinates) == null ? void 0 : _a2.height) != null ? _b2 : 0);
+      });
+      const showSub2 = Keyboard.addListener("keyboardWillShow", (event) => {
+        var _a2, _b2;
+        return setKeyboardHeight((_b2 = (_a2 = event.endCoordinates) == null ? void 0 : _a2.height) != null ? _b2 : 0);
+      });
+      const hideSub2 = Keyboard.addListener("keyboardWillHide", () => setKeyboardHeight(0));
+      return () => {
+        frameSub.remove();
+        showSub2.remove();
+        hideSub2.remove();
+      };
+    }
+    const showSub = Keyboard.addListener("keyboardDidShow", (event) => {
+      var _a2, _b2;
+      return setKeyboardHeight((_b2 = (_a2 = event.endCoordinates) == null ? void 0 : _a2.height) != null ? _b2 : 0);
+    });
+    const hideSub = Keyboard.addListener("keyboardDidHide", () => setKeyboardHeight(0));
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
   const handleModeSwitch = useCallback((mode) => {
     setActiveMode(mode);
   }, []);
+  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 = {
@@ -62,74 +215,101 @@ function HomeScreenContent({
       query: trimmedQuery,
       attachments
     };
-    if (activeMode === "deep-search" && onSubmitProp) {
+    if (onSubmitProp) {
       onSubmitProp(submission);
-      setValue("");
-      return;
     }
-    if (onSubmitProp && activeMode === "chat") {
-      onSubmitProp(submission);
-      setValue("");
+    if (!effectiveOrgName || !effectiveProjectId) {
+      console.warn("[HomeScreen] orgName/projectId not ready \u2014 skipping submit.");
       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 {
-      setValue("");
-      sendMessage(trimmedQuery);
-    }
-  }, [canSubmit, isLoading, disabled, activeMode, trimmedQuery, activeSessionId, onSubmitProp, createSession, sendMessage]);
-  const handleNewChat = useCallback(() => {
-    setActiveSessionId(null);
+    const requestedChannelId = v4();
+    const title = buildChannelTitle(activeMode, requestedChannelId);
+    const queryToForward = trimmedQuery;
+    const attachmentsToForward = attachments;
     setValue("");
-  }, []);
+    void createChannel({
+      id: requestedChannelId,
+      title,
+      isShared: false,
+      sharedSlug: null,
+      isArchived: false,
+      isPinned: false,
+      model: null,
+      systemPrompt: null,
+      orgName: effectiveOrgName,
+      projectId: effectiveProjectId
+    }).catch((err) => {
+      console.error("[HomeScreen] createChannel failed:", err);
+    });
+    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 contentMaxWidth = Math.min(720, Math.max(360, screenWidth - 24));
   useEffect(() => {
-    navigation.setOptions({
-      headerRight: () => /* @__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" }) })
+    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, handleNewChat]);
-  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";
+  }, [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()) || "";
+    if (hasRehydratedOrgRef.current || currentOrgName || !effectiveOrgName) return;
+    hasRehydratedOrgRef.current = true;
+    (_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, (_e = route == null ? void 0 : route.params) == null ? void 0 : _e.orgName, effectiveOrgName]);
+  const handleValueChange = useCallback((e) => {
+    setValue(e.nativeEvent.text);
+  }, []);
+  const handleMicPress = useCallback(() => {
+    if (hasQuery) return;
+    setVoiceError(null);
+    Keyboard.dismiss();
+    void (async () => {
       try {
-        await createSession({
-          id: newSessionId,
-          title
-        });
-        setActiveSessionId(newSessionId);
-        sendMessage(text.trim(), void 0, newSessionId);
+        const {
+          AudioModule
+        } = await import('expo-audio');
+        if (!AudioModule || typeof AudioModule.requestRecordingPermissionsAsync !== "function") {
+          setVoiceError("Voice input is not available on this device.");
+          return;
+        }
+        const perm = await AudioModule.requestRecordingPermissionsAsync();
+        if (!(perm == null ? void 0 : perm.granted)) {
+          setVoiceError("Microphone permission is required for voice input.");
+          return;
+        }
+        setShowAudioRecorder(true);
       } catch (err) {
-        console.error("[HomeScreen] Failed to create session:", err);
+        const msg = err instanceof Error ? err.message : String(err);
+        setVoiceError(`Could not start voice input: ${msg}`);
       }
-    } else {
-      sendMessage(text.trim());
-    }
-  }, [isLoading, disabled, activeSessionId, activeMode, onSubmitProp, createSession, sendMessage]);
-  const leftItems = getDefaultLeftItems({
+    })();
+  }, [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 handleRecorderCancel = useCallback(() => {
+    setShowAudioRecorder(false);
+  }, []);
+  const handleRecorderError = useCallback((error) => {
+    setVoiceError(error);
+  }, []);
+  const leftItems = useMemo(() => getDefaultLeftItems({
     search: {
       active: activeMode === "chat",
       onClick: () => handleModeSwitch("chat")
@@ -139,10 +319,12 @@ function HomeScreenContent({
       onClick: () => handleModeSwitch("deep-search")
     },
     lightbulb: {
-      enabled: false
+      onClick: () => {
+        console.log("build mode");
+      }
     }
-  });
-  const rightItems = getDefaultRightItems({
+  }), [activeMode, handleModeSwitch]);
+  const rightItems = useMemo(() => getDefaultRightItems({
     tag: {
       enabled: false
     },
@@ -150,75 +332,166 @@ function HomeScreenContent({
       enabled: false
     },
     camera: {
-      onClick: () => console.log("camera")
+      enabled: false
     },
     image: {
-      onClick: () => console.log("image")
+      enabled: false
     },
     attach: {
-      onClick: () => console.log("attach")
+      enabled: false
     }
-  });
-  return /* @__PURE__ */ jsx(SafeAreaView, { style: {
+  }), []);
+  const inputConfig = useMemo(() => ({
+    value,
+    onChange: handleValueChange,
+    placeholder: inputPlaceholder,
+    disabled: isLoading || disabled
+  }), [value, handleValueChange, inputPlaceholder, isLoading, disabled]);
+  const micSendButton = useMemo(() => ({
+    hasContent: canSubmit,
+    onSend: () => handleSubmit(),
+    onMic: handleMicPress,
+    disabled: isLoading || disabled,
+    isLoading
+  }), [canSubmit, handleSubmit, handleMicPress, isLoading, disabled]);
+  return /* @__PURE__ */ jsx(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
-    } }) })
-  ] }) });
+    backgroundColor: surfaceColor
+  }, 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",
+        borderColor: isDark ? "#7f1d1d" : "#fecaca"
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.voiceErrorText, {
+        color: isDark ? "#fecaca" : "#991b1b"
+      }], children: voiceError }) }) : null,
+      showAudioRecorder ? (
+        /*
+         * Render-time JS errors thrown by `useAudioRecorder`
+         * (e.g. expo-audio native module missing, recorder
+         * constructor throws in a release build) are caught
+         * by the boundary and converted into a soft cancel
+         * via the same handlers the panel itself uses on
+         * runtime errors. Without this, a throw during the
+         * panel's render phase kills the JS thread in
+         * release / TestFlight.
+         */
+        /* @__PURE__ */ jsx(MicErrorBoundary, { onCancel: handleRecorderCancel, onError: handleRecorderError, children: /* @__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({
-  newChatButton: {
+  emptyCenterTitleWrap: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "flex-start",
+    paddingHorizontal: 24,
+    paddingTop: 88,
+    paddingBottom: 52,
+    maxWidth: 520,
+    alignSelf: "center"
+  },
+  emptyEyebrow: {
+    fontSize: 12,
+    fontWeight: "600",
+    letterSpacing: 0.4,
+    textTransform: "uppercase",
+    marginBottom: 10
+  },
+  emptyCenterTitle: {
+    marginTop: 2,
+    fontSize: 30,
+    fontWeight: "700",
+    textAlign: "center",
+    letterSpacing: -0.5
+  },
+  emptySubtitle: {
+    marginTop: 12,
+    fontSize: 14,
+    lineHeight: 22,
+    textAlign: "center",
+    paddingHorizontal: 16,
+    maxWidth: 360
+  },
+  bottomComposerWrap: {
+    position: "absolute",
+    width: "100%",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: "center",
+    justifyContent: "flex-end",
+    shadowColor: "#0f172a",
+    shadowOpacity: 0.08,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: -2
+    },
+    backgroundColor: "transparent",
+    elevation: 6
+  },
+  bottomComposerInner: {
+    paddingHorizontal: 14,
+    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",
+    gap: 8,
+    marginBottom: 22,
+    borderRadius: 16,
     padding: 6,
-    marginRight: 4,
+    borderWidth: 1,
+    shadowColor: "#312e81",
+    shadowOpacity: 0.08,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    elevation: 3
+  },
+  emptyModePill: {
+    flexDirection: "row",
     alignItems: "center",
-    justifyContent: "center"
+    gap: 4,
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 11
+  },
+  emptyModePillActive: {
+    shadowColor: "#312e81",
+    shadowOpacity: 0.18,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 2
   },
-  newChatButtonPressed: {
-    opacity: 0.6
+  emptyModePillLabel: {
+    fontSize: 12,
+    fontWeight: "600"
   }
 });
 const HomeScreen = (props) => /* @__PURE__ */ jsx(HomeScreenContent, __spreadValues({}, props));export{HomeScreen as default};//# sourceMappingURL=HomeScreen.js.map