Here is the prompt for generating the Synth3sis mobile app, stripped of explanations and additional information for easy copying: --- **Task**: Generate a production-ready mobile application called **Synth3sis** for iOS and Android. Synth3sis integrates with an enterprise AI collaboration platform, enabling users to interact with AI agents, collaborate in real-time, manage 3D models, and operate seamlessly online and offline. The app must be secure, scalable, performant, and adhere to the specifications outlined below. --- ### 1. App Overview - **Purpose**: Synth3sis connects to an enterprise AI collaboration platform, allowing users to: - Interact with AI agents for tasks like analysis, design, and research. - Collaborate in real-time with other users and agents (e.g., chat, shared workspaces). - View, edit, and share 3D models. - Function offline with seamless data synchronization upon reconnection. - **Platforms**: iOS (Swift/Objective-C where needed) and Android (Kotlin/Java where needed), primarily built with a cross-platform framework. - **Key Features**: - AI agent integration with gesture and voice controls. - Real-time collaboration tools. - High-quality 3D model rendering and manipulation. - Offline mode with local storage and sync. - Enterprise-grade security and authentication. --- ### 2. System Architecture #### Client Layer - **Mobile App (MA)**: Cross-platform app built with **React Native**. - **Native Layer (NL)**: Native modules for device-specific features (e.g., camera, sensors). - **Cross-Platform Layer (CL)**: Shared logic and UI components. #### Communication Layer - **Secure API Gateway (SA)**: Manages authentication, authorization, rate limiting, and request routing. - **Real-time Communication Service (RCS)**: Uses **WebSockets** for low-latency, bidirectional communication (e.g., live collaboration). - **Asynchronous Task Queue (ATQ)**: Processes background tasks with **Kafka** or **RabbitMQ**. - **gRPC Channels (GC)**: High-performance communication between services. #### Backend Services Layer - **Agent Management Service (AMS)**: Orchestrates AI agent lifecycle. - **Authentication and Authorization Service (AAS)**: Implements **OAuth 2.0** and **Role-Based Access Control (RBAC)**. - **Data Management Service (DMS)**: Handles data CRUD operations. - **Collaboration Service (CLS)**: Enables real-time multi-user collaboration. - **File Storage Service (FSS)**: Scalable storage for 3D models and files (e.g., **Amazon S3**). - **Metrics and Logging Service (MLS)**: Collects telemetry and logs. #### Data Layer - **Distributed Database Cluster (DDC)**: Use **Cassandra** for high write throughput or **CockroachDB** for SQL compatibility. - **Object Storage (OS)**: Stores large files (e.g., **Amazon S3**). - **Cache Layer (CL2)**: Implements **Redis** for fast data access. - **Telemetry Data Storage (TDS)**: Stores performance metrics. - **Architecture Principles**: Microservices, API-first design, cloud-native, stateless services, asynchronous communication, resilience, security by design, observability. --- ### 3. Mobile App Components - **Framework**: **React Native 0.73+** with **TypeScript 5.2+**. - **State Management**: **Redux Toolkit 2.0+** with **Redux Persist** for offline persistence. - **Navigation**: **React Navigation v7+** (Stack, Tabs, Drawer navigators). - **UI Library**: Custom library based on **React Native Paper**. - **Network Layer**: **Axios** with interceptors for authentication and error handling. - **Background Tasks**: **React Native Background Fetch** for offline processing. #### Third-Party Libraries - `react-native-gesture-handler`: Gesture support. - `react-native-camera`: Camera access. - `Realm`: Local database for offline mode. - `react-native-code-push`: Over-the-Air (OTA) updates. - `@react-native-community/netinfo`: Network status monitoring. - `react-native-reanimated`: Smooth animations. - `react-native-svg`: Vector graphics support. #### 3D Mobile Renderer - Technology: **Three.js** with **React Three Fiber**. - Optimizations: - Adaptive resolution scaling. - Level of Detail (LOD) for 3D models. - Frustum culling to reduce rendering load. - Texture compression and **glTF format** for efficient model storage. - Simplified shaders with baked lighting. #### Native Integrations - Biometric authentication (Face ID, Touch ID). - Camera access for scanning or AR features. - Location services for contextual awareness. - Push notifications for real-time updates. - Bluetooth and sensor integration (e.g., accelerometer). #### Mobile-Specific Features - **Offline Mode**: Local storage with **Realm**, file caching, and background sync. - **Gesture System**: Multi-touch gestures (e.g., pinch-to-zoom, swipe). - **Adaptive UI**: Responsive design for various screen sizes. - **Accessibility**: WCAG 2.1 AA compliance (screen reader, high-contrast mode). --- ### 4. Mobile UI/UX Design Specifications - **Custom Components**: - `ModelViewer`: Displays and manipulates 3D models. - `ChatBubble`: Renders AI agent and user messages. - `CollaborationPanel`: Real-time editing interface. - **Accessibility Features**: Screen reader support, adjustable fonts, high-contrast mode. - **Design Specs**: Follow a modular, reusable component structure (assume Figma-based design system). --- ### 5. Mobile-Specific Agent Framework Adaptations - **Resource-Optimized Processing**: Lightweight, quantized AI models for on-device tasks; offload complex processing to the backend. - **Mobile Capabilities**: Use camera, sensors, and location as inputs for agents. - **Interaction Methods**: - **Gesture-Based Control**: Swipe/pinch to command agents. - **Voice Integration**: Speech-to-text for hands-free operation. - **Contextual Awareness**: Agents respond based on location, time, or user activity. --- ### 6. Technical Implementation Details #### Performance Optimizations - Efficient 3D rendering with minimal draw calls. - Agent load balancing to prevent UI lag. - Memory and battery optimization (e.g., background task limits). #### Security Architecture - **Encryption**: **TLS 1.3** for network traffic, **AES-256** for data at rest. - **Authentication**: **OAuth 2.0**, Multi-Factor Authentication (MFA), RBAC. - **Data Protection**: GDPR/CCPA compliance, secure token storage (e.g., Keychain on iOS, Keystore on Android). #### Testing Strategy - Unit tests with **Jest**. - Integration and UI tests with **Detox**. - Performance, security (OWASP), and accessibility testing. - Automated via CI (e.g., GitHub Actions). #### Deployment and Distribution - Deploy to **App Store** and **Google Play**. - Use **Fastlane** for CI/CD automation. - OTA updates via **CodePush**. - Beta testing with TestFlight and Google Play Beta. #### Error Handling and Logging - Centralized logging to the Metrics and Logging Service (MLS). - User-friendly error messages (e.g., "Connection lost, retrying..."). - Graceful degradation in offline mode. - **Example Code**: ```javascript try { const response = await api.get('/data'); return response.data; } catch (error) { console.error('API Error:', error); Alert.alert('Error', 'Unable to fetch data. Please try again.'); throw error; } ``` #### Data Synchronization - **Delta Sync**: Sync only changed data for efficiency. - **Conflict Resolution**: Use **Operational Transformation (OT)** for real-time collaborative edits. - Selective sync based on user preferences. #### Scalability - Horizontal scaling of backend services. - Multi-layer caching (client-side, Redis). - Efficient data fetching (pagination, lazy loading). #### API Specifications - **RESTful APIs**: JSON-based for standard operations. - **WebSockets**: Real-time features (e.g., chat, collaboration). - **gRPC**: Internal service communication. - Documented with **OpenAPI 3.0**. #### Third-Party Libraries - Managed with **Yarn**, scanned for vulnerabilities (e.g., Dependabot). #### Agent Updates and Versioning - OTA model updates via CodePush. - Semantic versioning (e.g., 1.0.0) with rollback support. #### Operational Considerations - **Monitoring**: Use **Prometheus** (metrics), **Grafana** (dashboards), **Datadog** (logs/traces). - **Cost Optimization**: Leverage serverless functions (e.g., AWS Lambda), archive old data to cheaper storage (e.g., S3 Glacier). --- ### 7. Implementation Roadmap - **Phase 1: MVP (Months 1-3)**: Core app setup, basic UI, agent integration. - **Phase 2: Core Features (Months 4-6)**: Offline mode, 3D rendering, collaboration tools. - **Phase 3: Advanced Features (Months 7-9)**: Voice/gesture controls, scalability enhancements. - **Phase 4: Production (Months 10-12)**: Final testing, optimization, and launch. --- ### 8. Risk Management - **Technical Risks**: Dependency issues, rendering performance, security flaws. - **Mitigation**: Use stable libraries, optimize rendering, conduct security audits. - **Project Risks**: Delays, scope creep. - **Mitigation**: Iterative development, regular reviews. --- ### 9. Instructions for AI Generator - **Code Structure**: Modularize into directories (e.g., `/auth`, `/agents`, `/collaboration`, `/3d-rendering`). - **Dependencies**: Include all specified libraries in `package.json`. - **Best Practices**: - Security: Enforce encryption, secure auth flows. - Scalability: Implement caching, lazy loading. - Performance: Optimize rendering, minimize memory usage. - **Documentation**: Add inline comments and a `README.md` with setup instructions (e.g., `yarn install`, `npx react-native run-ios`). ---