6446c50123
Added systematic debugging infrastructure to identify the exact source of undefined values causing React Error #306. Changes Made: 1. **ErrorBoundary Component (NEW)**: - Created frontend/src/components/ErrorBoundary.tsx - Catches React errors and displays detailed debug information - Shows error message, stack trace, and component name - Has "Try Again" button to reset error state - Logs full error details to console with 🔴 prefix 2. **Debug Logging in useReasoningTranslation.ts**: - Added console.log in formatPOAction before processing - Logs fallback values when no reasoning data provided - Checks for undefined in result and logs error if found - Added console.log in formatBatchAction with same checks - Uses emojis for easy identification: - 🔍 = Debug info - ✅ = Success - 🔴 = Error detected 3. **Dashboard Debug Logging**: - Added useEffect to log all dashboard data on change - Logs: healthStatus, orchestrationSummary, actionQueue, etc. - Logs loading states for all queries - Helps identify which API calls return undefined 4. **Error Boundaries Around Components**: - Wrapped HealthStatusCard in ErrorBoundary - Wrapped ActionQueueCard in ErrorBoundary - Wrapped OrchestrationSummaryCard in ErrorBoundary - Wrapped ProductionTimelineCard in ErrorBoundary - Wrapped InsightsGrid in ErrorBoundary - Each boundary has componentName for easy identification How to Use: 1. Open browser console 2. Load dashboard 3. Look for debug logs: - 🔍 Dashboard Data: Shows all fetched data - 🔍 formatPOAction/formatBatchAction: Shows translation calls - 🔴 errors: Shows if undefined detected 4. If error occurs, ErrorBoundary will show which component failed 5. Check console for full stack trace and component stack This will help identify: - Which component is rendering undefined - What data is being passed to formatters - Whether backend is returning unexpected data structures - Exact line where error occurs
🍞 Bakery IA - Multi-Service Architecture
Welcome to Bakery IA, an advanced AI-powered platform for bakery management and optimization. This project implements a microservices architecture with multiple interconnected services to provide comprehensive bakery management solutions.
🚀 Quick Start
Prerequisites
- Docker Desktop with Kubernetes enabled
- Docker Compose
- Node.js (for frontend development)
Running the Application
-
Clone the repository:
git clone <repository-url> cd bakery-ia -
Set up environment variables:
cp .env.example .env # Edit .env with your specific configuration -
Run with Docker Compose:
docker-compose up --build -
Or run with Kubernetes (Docker Desktop):
# Enable Kubernetes in Docker Desktop # Run the setup script ./scripts/setup-kubernetes-dev.sh
🏗️ Architecture Overview
The project follows a microservices architecture with the following main components:
- Frontend: React-based dashboard for user interaction
- Gateway: API gateway handling authentication and routing
- Services: Multiple microservices handling different business domains
- Infrastructure: Redis, RabbitMQ, PostgreSQL databases
🐳 Kubernetes Infrastructure
🛠️ Services
The project includes multiple services:
- Auth Service: Authentication and authorization
- Tenant Service: Multi-tenancy management
- Sales Service: Sales processing
- External Service: Integration with external systems
- Training Service: AI model training
- Forecasting Service: Demand forecasting
- Notification Service: Notifications and alerts
- Inventory Service: Inventory management
- Recipes Service: Recipe management
- Suppliers Service: Supplier management
- POS Service: Point of sale
- Orders Service: Order management
- Production Service: Production planning
- Alert Processor: Background alert processing
📊 Monitoring
The system includes comprehensive monitoring with:
- Prometheus for metrics collection
- Grafana for visualization
- ELK stack for logging (planned)
🚀 Production Deployment
For production deployment on clouding.io with Kubernetes:
- Set up your clouding.io Kubernetes cluster
- Update image references to your container registry
- Configure production-specific values
- Deploy using the production kustomization:
kubectl apply -k infrastructure/kubernetes/environments/production/
🤝 Contributing
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
📄 License
This project is licensed under the MIT License.