Merge branch 'mobile-app' of github.com:PostHog/Array into mobile-app

skoob13 · skoob13 · commit 5b491d59131e · 2025-12-10T14:50:36.000+01:00
diff --git a/apps/mobile/src/app/chat.tsx b/apps/mobile/src/app/chat.tsx
@@ -52,6 +52,7 @@ export default function ChatScreen() {
         options={{
           headerShown: true,
           headerTitle: "Chat",
+          headerBackTitle: "",
           headerStyle: { backgroundColor: "#09090b" },
           headerTintColor: "#fff",
           headerTitleStyle: {
diff --git a/apps/mobile/src/app/conversation/[id].tsx b/apps/mobile/src/app/conversation/[id].tsx
@@ -79,6 +79,7 @@ export default function ConversationDetailScreen() {
           options={{
             headerShown: true,
             headerTitle: "Error",
+            headerBackTitle: "",
             headerStyle: { backgroundColor: "#09090b" },
             headerTintColor: "#fff",
           }}
diff --git a/apps/mobile/src/components/AIMessage.tsx b/apps/mobile/src/components/AIMessage.tsx
@@ -1,4 +1,4 @@
-import { ActivityIndicator, Text, View } from "react-native";
+import { Text, View } from "react-native";
 import type { AssistantToolCall } from "../types/max";
 import { ToolCallMessage } from "./ToolCallMessage";
 
@@ -35,12 +35,9 @@ export function AIMessage({
       {(content || isLoading) && (
         <View className="max-w-[95%] px-4 py-1">
           {isLoading && !content ? (
-            <View className="flex-row items-center gap-2">
-              <ActivityIndicator size="small" color="#f1a82c" />
-              <Text className="font-mono text-[13px] text-neutral-400 italic">
-                {thinkingText || "Generating..."}
-              </Text>
-            </View>
+            <Text className="font-mono text-[13px] text-neutral-400 italic">
+              {thinkingText || "Generating..."}
+            </Text>
           ) : (
             <Text className="font-mono text-[13px] text-neutral-200 leading-5">
               {content}
diff --git a/apps/mobile/src/components/FailureMessage.tsx b/apps/mobile/src/components/FailureMessage.tsx
@@ -7,7 +7,7 @@ interface FailureMessageProps {
 export function FailureMessage({ content }: FailureMessageProps) {
   return (
     <View className="px-4 py-2">
-      <View className="max-w-[95%] bg-red-500/15 px-3 py-2">
+      <View className="max-w-[95%] rounded bg-red-500/15 px-3 py-2">
         <Text className="font-mono text-[13px] text-red-300 leading-5">
           {content || "Something went wrong. Please try again."}
         </Text>
diff --git a/apps/mobile/src/components/HumanMessage.tsx b/apps/mobile/src/components/HumanMessage.tsx
@@ -7,7 +7,7 @@ interface HumanMessageProps {
 export function HumanMessage({ content }: HumanMessageProps) {
   return (
     <View className="px-4 py-2">
-      <View className="mt-3 max-w-[95%] bg-amber-500/20 px-3 py-2">
+      <View className="mt-3 max-w-[95%] rounded bg-amber-500/20 px-3 py-2">
         <Text className="font-mono text-[13px] text-amber-100 leading-5">
           {content}
         </Text>
diff --git a/apps/mobile/src/components/MessagesList.tsx b/apps/mobile/src/components/MessagesList.tsx
@@ -110,7 +110,7 @@ export function MessagesList({
           </Text>
         </View>
       }
-      ListFooterComponent={
+      ListHeaderComponent={
         streamingActive &&
         messages.length > 0 &&
         messages[messages.length - 1]?.status !== "loading" ? (
diff --git a/apps/mobile/src/components/ToolCallMessage.tsx b/apps/mobile/src/components/ToolCallMessage.tsx
@@ -280,7 +280,7 @@ export function ToolCallMessage({
               <Text className="mb-1 font-mono text-[13px] text-neutral-400">
                 Arguments
               </Text>
-              <View className="bg-amber-500/20 p-2">
+              <View className="rounded bg-amber-500/20 p-2">
                 <Text className="font-mono text-[13px] text-amber-100">
                   {JSON.stringify(args, null, 2)}
                 </Text>
@@ -292,7 +292,7 @@ export function ToolCallMessage({
               <Text className="mb-1 font-mono text-[13px] text-neutral-400">
                 Result
               </Text>
-              <View className="bg-neutral-800/50 p-2">
+              <View className="rounded bg-neutral-800/50 p-2">
                 <Text
                   className="font-mono text-[13px] text-neutral-300"
                   numberOfLines={10}
diff --git a/apps/mobile/src/components/VisualizationArtifact.tsx b/apps/mobile/src/components/VisualizationArtifact.tsx
@@ -166,7 +166,7 @@ export function VisualizationArtifact({
   if (!renderQueryUrl || !projectId || !accessToken) {
     return (
       <View className="items-start px-4 py-3">
-        <View className="max-w-[85%] bg-red-900/50 px-4 py-3">
+        <View className="max-w-[85%] rounded bg-red-900/50 px-4 py-3">
           <Text className="font-mono text-[13px] text-red-300">
             Unable to load visualization: Not authenticated
           </Text>
@@ -178,7 +178,7 @@ export function VisualizationArtifact({
   if (hasError) {
     return (
       <View className="items-start px-4 py-3">
-        <View className="max-w-[85%] bg-red-900/50 px-4 py-3">
+        <View className="max-w-[85%] rounded bg-red-900/50 px-4 py-3">
           <Text className="font-mono text-[13px] text-red-300">
             {errorMessage || "Failed to load visualization"}
           </Text>
@@ -191,7 +191,7 @@ export function VisualizationArtifact({
   if (!queryResults) {
     return (
       <View className="w-full items-start px-4 py-3">
-        <View className="w-full overflow-hidden bg-dark-border">
+        <View className="w-full overflow-hidden rounded bg-dark-border">
           {content.name && (
             <View className="border-gray-700 border-b px-4 py-2">
               <Text className="font-mono text-[13px] text-white">
@@ -212,7 +212,7 @@ export function VisualizationArtifact({
 
   return (
     <View className="w-full items-start px-4 py-3">
-      <View className="w-full overflow-hidden bg-dark-border">
+      <View className="w-full overflow-hidden rounded bg-dark-border">
         {/* Header with title */}
         {content.name && (
           <View className="border-gray-700 border-b px-4 py-2">
diff --git a/apps/mobile/src/stores/maxStore.ts b/apps/mobile/src/stores/maxStore.ts
@@ -36,7 +36,7 @@ interface MaxState {
   abortController: AbortController | null;
 
   // Actions
-  askMax: (prompt: string) => Promise<void>;
+  askMax: (prompt: string, conversationId?: string) => Promise<void>;
   stopGeneration: () => void;
   resetThread: () => void;
   setConversation: (conversation: Conversation | null) => void;
@@ -64,7 +64,7 @@ export const useMaxStore = create<MaxState>((set, get) => ({
   conversationLoading: false,
   abortController: null,
 
-  askMax: async (prompt: string) => {
+  askMax: async (prompt: string, conversationId?: string) => {
     const authState = useAuthStore.getState();
 
     if (
@@ -104,10 +104,10 @@ export const useMaxStore = create<MaxState>((set, get) => ({
         trace_id: traceId,
       };
 
-      // Include conversation ID if we have one
-      const currentConversation = get().conversation;
-      if (currentConversation?.id) {
-        requestBody.conversation = currentConversation.id;
+      // Include conversation ID - prefer explicit param over store state
+      const effectiveConversationId = conversationId ?? get().conversation?.id;
+      if (effectiveConversationId) {
+        requestBody.conversation = effectiveConversationId;
       }
       console.log(requestBody);
       const response = await fetch(

Original file line number	Diff line number	Diff line change
`@@ -110,7 +110,7 @@ export function MessagesList({`
`110`	`110`	`</Text>`
`111`	`111`	`</View>`
`112`	`112`	`}`
`113`		`- ListFooterComponent={`
	`113`	`+ ListHeaderComponent={`
`114`	`114`	`streamingActive &&`
`115`	`115`	`messages.length > 0 &&`
`116`	`116`	`messages[messages.length - 1]?.status !== "loading" ? (`