@mobileai/react-native 0.8.8 → 0.9.0

package/src/components/AgentOverlay.tsx

@@ -4,6 +4,7 @@
  */
 
 import { View, Text, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
+import { CloseIcon } from './Icons';
 
 interface AgentOverlayProps {
   visible: boolean;
@@ -25,7 +26,7 @@ export function AgentOverlay({ visible, statusText, onCancel }: AgentOverlayProp
             style={styles.cancelButton}
             hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
           >
-            <Text style={styles.cancelText}>✕</Text>
+            <CloseIcon size={12} color="#fff" />
           </TouchableOpacity>
         )}
       </View>
@@ -50,11 +51,13 @@ const styles = StyleSheet.create({
     paddingHorizontal: 16,
     paddingVertical: 10,
     borderRadius: 20,
+    maxWidth: '85%',
   },
   text: {
     color: '#fff',
     fontSize: 14,
     fontWeight: '500',
+    flexShrink: 1,
   },
   cancelButton: {
     marginLeft: 4,
@@ -64,10 +67,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'rgba(255, 255, 255, 0.2)',
     alignItems: 'center',
     justifyContent: 'center',
-  },
-  cancelText: {
-    color: '#fff',
-    fontSize: 12,
-    fontWeight: '700',
+    flexShrink: 0,
   },
 });
+

package/src/core/AgentRuntime.ts

@@ -1254,7 +1254,7 @@ ${screen.elementsText}
         // Dynamic status update based on tool being executed + Reasoning
         const statusLabel = this.getToolStatusLabel(toolCall.name, toolCall.args);
         // Prefer the human-readable plan over the raw tool status if available to avoid double statuses
-        const statusDisplay = reasoning.plan ? `🤔 ${reasoning.plan}` : `👆 ${statusLabel}`;
+        const statusDisplay = reasoning.plan || statusLabel;
         this.config.onStatusUpdate?.(statusDisplay);
 
         // Find and execute the tool

package/src/providers/GeminiProvider.ts

@@ -102,9 +102,8 @@ export class GeminiProvider implements AIProvider {
     } catch (error: any) {
       logger.error('GeminiProvider', 'Request failed:', error.message);
 
-      // Preserve HTTP error format for backward compatibility with tests
       if (error.status) {
-        throw new Error(`Gemini API error ${error.status}: ${error.message}`);
+        throw new Error(this.formatProviderError(error.status, error.message));
       }
       throw error;
     }
@@ -315,4 +314,44 @@ export class GeminiProvider implements AIProvider {
 
     return { promptTokens, completionTokens, totalTokens, estimatedCostUSD };
   }
+
+  // ─── Error Formatting ──────────────────────────────────────
+
+  /**
+   * Converts raw API errors into clean, user-friendly messages.
+   * Parses JSON error bodies and maps HTTP codes to plain language.
+   */
+  private formatProviderError(status: number, rawMessage: string): string {
+    // Try to extract the human-readable message from JSON body
+    let humanMessage = '';
+    try {
+      const parsed = JSON.parse(rawMessage);
+      humanMessage = parsed?.error?.message || parsed?.message || '';
+    } catch {
+      // rawMessage may contain JSON embedded in a string like "503: {json}"
+      const jsonMatch = rawMessage.match(/\{[\s\S]*\}/);
+      if (jsonMatch) {
+        try {
+          const parsed = JSON.parse(jsonMatch[0]);
+          humanMessage = parsed?.error?.message || parsed?.message || '';
+        } catch { /* ignore */ }
+      }
+    }
+
+    // Map status codes to friendly descriptions
+    switch (status) {
+      case 429:
+        return humanMessage || 'Too many requests. Please wait a moment and try again.';
+      case 503:
+        return humanMessage || 'The AI service is temporarily unavailable. Please try again shortly.';
+      case 500:
+        return humanMessage || 'The AI service encountered an internal error. Please try again.';
+      case 401:
+        return 'Authentication failed. Please check your API key.';
+      case 403:
+        return 'Access denied. Your API key may not have the required permissions.';
+      default:
+        return humanMessage || `Something went wrong (${status}). Please try again.`;
+    }
+  }
 }