connect all updated code

.gitignore

@@ -47,3 +47,9 @@ tmp/
 temp/
 auth_info_baileys/
 backend/auth_info_baileys/
+whatsapp-session/
+data/autoflow.db
+data/*.db
+data/*.sqlite
+data/*.sqlite3
+backend/autoflow.db

README.md

@@ -1,98 +1,164 @@
-# ⚡ AutoFlow AI
+# ⚡ AutoFlow AI: The Intelligent Agentic Ecosystem
 
-**The Intelligent AI Agent Builder for Everyone.**
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![FastAPI](https://img.shields.io/badge/Backend-FastAPI-009688?logo=fastapi&logoColor=white)](https://fastapi.tiangolo.com/)
+[![React](https://img.shields.io/badge/Frontend-React-61DAFB?logo=react&logoColor=black)](https://reactjs.org/)
+[![WhatsApp](https://img.shields.io/badge/Bridge-WhatsApp-25D366?logo=whatsapp&logoColor=white)](https://github.com/pedroslopez/whatsapp-web.js/)
+[![LLM](https://img.shields.io/badge/AI-Gemini%20%2F%20Ollama-blueviolet)](https://ai.google.dev/)
 
-AutoFlow AI is a powerful, low-code platform that allows you to build, visualize, and deploy AI automation agents effortlessly. It combines a state-of-the-art **React-based Visual Builder** with a robust **Node.js + Google Gemini AI Backend**.
+**AutoFlow AI** is a professional, low-code platform designed to build, visualize, and deploy autonomous AI agents. By combining a futuristic visual builder with a robust multi-service architecture, AutoFlow enables anyone to create complex automation workflows powered by Google Gemini and local LLMs (via Ollama).
 
-![AutoFlow Builder Screenshot](https://via.placeholder.com/800x450.png?text=AutoFlow+Builder+Preview)
+---
 
-## 🚀 Key Features
+## 🌟 Key Features
 
-- **🧠 Google Gemini Pro Integration**: Powered by the latest Gemini 1.5 Flash models for lightning-fast and cost-effective AI reasoning.
-- **🎨 Professional Visual Builder**: 
-  - **Dark Mode** infinite canvas.
-  - **Agent-Centric Topology**: All workflows centralized around your "AutoFlow Agent".
-  - **Dynamic Bezier Curves**: Smooth, professional connection lines.
-- **🔌 100+ Integration Tools**: Pre-built nodes for WhatsApp, Gmail, Slack, Salesforce, Stripe, and more.
-- **🛠️ Customization Mode**: Toggle between simple AI generation and advanced "Tech Mode" for manual fine-tuning.
-- **💬 Natural Language to Workflow**: Just type "Create a WhatsApp bot for order tracking" and watch the AI build it for you.
+- **🧠 Hybrid AI Intelligence**: Seamlessly switch between **Google Gemini 1.5 Pro** for cloud power and **Ollama (Qwen3:8B)** for local, private inference.
+- **🎨 Professional Visual Builder**: An infinite-canvas editor built with React Flow, featuring agent-centric topology and dynamic Bezier connections.
+- **🔌 Multi-Channel Connectivity**: Native bridge for **WhatsApp**, with upcoming support for Slack, Gmail, and Salesforce.
+- **📊 Real-Time Analytics**: Built-in ROI dashboard and audit logs to track agent performance and decision-making history.
+- **🛠️ Tech-Mode Customization**: Toggle between simple AI generation and advanced manual editing for granular control over tool nodes.
+- **📦 Data-Driven Actions**: Integrated CSV/Spreadsheet support for inventory lookups, payment logging, and automated broadcasting.
 
 ---
 
-## 🏗️ Project Structure
+## 🏗️ System Architecture
+
+AutoFlow is built on a high-performance microservice architecture, ensuring scalability and ease of deployment.
+
+```mermaid
+graph TB
+    subgraph "Frontend Layer (React + Vite)"
+        UI[Visual Builder UI]
+        State[Zustand Store]
+        Flow[React Flow Canvas]
+    end
+
+    subgraph "Backend Orchestrator (FastAPI)"
+        API[REST API Handlers]
+        Executor[Workflow Executor Engine]
+        DB[(SQLite / SQLModel)]
+    end
+
+    subgraph "AI & Intelligence"
+        Gemini[Google Gemini 1.5]
+        Ollama[Local Ollama Inference]
+    end
+
+    subgraph "Communication Bridge"
+        WA_Bridge[WhatsApp Bridge Node.js]
+        WA_Web[WhatsApp Web Protocol]
+    end
+
+    %% Connections
+    UI <--> API
+    API <--> Executor
+    Executor <--> DB
+    Executor <--> Gemini
+    Executor <--> Ollama
+    API <--> WA_Bridge
+    WA_Bridge <--> WA_Web
+```
 
-This is a monorepo containing both the frontend and backend:
+---
 
-\`\`\`
-AutoFlow/
-├── backend/            # Node.js Express Server + Gemini AI Logic
-│   ├── src/           
-│   ├── server.js       
-│   └── .env (Required)
-│
-└── autoflow-frontend/  # React + Vite + Tailwind Builder
-    ├── src/
-    └── package.json
-\`\`\`
+## 🔄 Agentic Workflow
+
+The following diagram illustrates how messages are processed through the AutoFlow ecosystem:
+
+```mermaid
+sequenceDiagram
+    participant User as 👤 Customer (WhatsApp)
+    participant Bridge as 🔌 WhatsApp Bridge
+    participant Backend as ⚙️ Backend Executor
+    participant AI as 🧠 LLM (Gemini/Ollama)
+    participant Data as 📊 Inventory/CSV
+
+    User->>Bridge: Sends Inquiry ("Is sugar in stock?")
+    Bridge->>Backend: Forward Webhook (JSON)
+    Backend->>Backend: Match Active Workflow
+    Backend->>Data: Lookup Resource (inventory.csv)
+    Data-->>Backend: Return Data (Qty: 50)
+    Backend->>AI: Contextual Prompt (Data + Inquiry)
+    AI-->>Backend: Generated Response ("Yes, we have 50 units!")
+    Backend->>Bridge: Send Message Command
+    Bridge-->>User: Delivers WhatsApp Message
+```
 
 ---
 
-## 🛠️ Installation & Setup
+## 🛠️ Technology Stack
 
-### Prerequisites
-- Node.js (v18 or higher)
-- Google AI Studio API Key (Free Tier supported)
+| Component | Technology |
+| :--- | :--- |
+| **Frontend** | React 18, Vite, TailwindCSS, React Flow, Zustand, Recharts |
+| **Backend** | Python 3.11, FastAPI, SQLModel, Uvicorn |
+| **Bridges** | Node.js, Express, WhatsApp-Web.js (Puppeteer) |
+| **Database** | SQLite (Production-ready via SQLModel) |
+| **AI/ML** | Google Gemini API, Ollama (Local LLM) |
+| **Deployment** | Docker, Docker Compose |
 
-### 1. Backend Setup
-
-\`\`\`bash
-cd backend
-npm install
-\`\`\`
+---
 
-Create a `.env` file in the `backend` folder:
-\`\`\`env
-GEMINI_API_KEY=your_google_ai_studio_key_here
-PORT=3000
-\`\`\`
+## 📂 Project Structure
 
-Start the server:
-\`\`\`bash
-node server.js
-\`\`\`
-*> Server runs on http://localhost:3000*
+```text
+AutoFlow/
+├── autoflow-frontend/     # React + Vite Visual Builder
+│   ├── src/               # UI Components & State Management
+│   └── public/            # Static Assets
+├── backend/               # FastAPI Orchestrator
+│   ├── routers/           # API Endpoints
+│   ├── executor.py        # Workflow Traversal Engine
+│   └── models.py          # Database Schemas
+├── whatsapp-bridge/       # Node.js WhatsApp WebSocket Bridge
+│   ├── server.js          # Express Webhook Handler
+│   └── session/           # WhatsApp Auth States
+├── data/                  # Persistent SQLite DB & CSV Resources
+└── docker-compose.yml     # Multi-service Orchestration
+```
 
-### 2. Frontend Setup
+---
 
-Open a new terminal:
-\`\`\`bash
-cd autoflow-frontend
-npm install
-npm run dev
-\`\`\`
-*> Builder runs on http://localhost:5173*
+## 🚀 Quick Start
 
----
+### 1. Prerequisites
+- Docker & Docker Compose
+- Google AI Studio API Key (Optional, for Gemini support)
 
-## 🎮 Usage Guide
+### 2. Environment Setup
+Create a `.env` file in the root directory:
+```env
+GEMINI_API_KEY=your_key_here
+WHATSAPP_PORT=3001
+BACKEND_PORT=8000
+```
 
-1.  Open the **Builder** in your browser.
-2.  **Chat with AI**: Type a prompt like *"Build a customer support agent that handles refunds via email"*.
-3.  **Visualize**: The AI will instantly generate a star-topology workflow centered around your **AutoFlow Agent**.
-4.  **Customize**:
-    - Click **"Customization Mode"** (top right) to open the toolbox.
-    - Drag & Drop extra tools (Slack, Sheets, etc.) from the library of 100+ plugins.
-    - Connect them to the **Agent Node's** special bottom ports.
+### 3. Launch the Ecosystem
+```bash
+docker-compose up --build
+```
+- **Builder UI**: `http://localhost:3000`
+- **Backend API**: `http://localhost:8000`
+- **WhatsApp Bridge**: `http://localhost:3001`
 
 ---
 
 ## 🤝 Contributing
 
-Contributions are welcome! Please feel free to submit a Pull Request.
+We welcome contributions! Please fork the repository and submit a pull request for any features or bug fixes.
+
+1. Fork the Project
+2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
+3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the Branch (`git push origin feature/AmazingFeature`)
+5. Open a Pull Request
+
+---
 
 ## 📄 License
 
-This project is open-source and available under the [MIT License](LICENSE).
+Distributed under the MIT License. See `LICENSE` for more information.
 
----
-*Built with ❤️ by [SIBAM890](https://github.com/SIBAM890)*
+<p align="center">
+  Built with ❤️ by the AutoFlow Team
+</p>