8. Data Flow Architecture

The data flow architecture shows how requests move through the Agentic Plugin system from frontend to backend agents.

System Architecture Diagram

┌─────────────────────────────────────────────────────────────────────────┐
│                              FRONTEND                                    │
│  ┌──────────────┐  ┌──────────────┐  ┌───────────────────────────────┐ │
│  │ Chat Widget  │  │ Smart Search │  │ Personalized Content Blocks  │ │
│  └──────┬───────┘  └──────┬───────┘  └───────────────┬───────────────┘ │
└─────────┼─────────────────┼──────────────────────────┼──────────────────┘
          │                 │                          │
          ▼                 ▼                          ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                         REST API Layer                                   │
│         /wp-json/agent/v1/chat  |  /task  |  /personalize               │
└─────────────────────────────────────────────────────────────────────────┘
          │                 │                          │
          ▼                 ▼                          ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                      WP_Agent_Controller                                 │
│  ┌─────────────────────────────────────────────────────────────────┐   │
│  │                                                                   │   │
│  │  ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ ┌────────────┐ │   │
│  │  │Tool Registry│ │Memory Store │ │ Guardrails  │ │ Audit Log  │ │   │
│  │  └─────────────┘ └─────────────┘ └─────────────┘ └────────────┘ │   │
│  │                                                                   │   │
│  │  ┌─────────────┐ ┌─────────────┐ ┌─────────────────────────────┐ │   │
│  │  │ Cost Meter  │ │Rate Limiter │ │    Approval Queue           │ │   │
│  │  └─────────────┘ └─────────────┘ └─────────────────────────────┘ │   │
│  │                                                                   │   │
│  └─────────────────────────────────────────────────────────────────┘   │
└─────────────────────────────────────────────────────────────────────────┘
          │                 │                          │
          ▼                 ▼                          ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                         BACKEND AGENTS                                   │
│  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐  ┌─────────────┐ │
│  │Content Agent │  │ Admin Agent  │  │Commerce Agent│  │ Dev Agent   │ │
│  └──────────────┘  └──────────────┘  └──────────────┘  └─────────────┘ │
└─────────────────────────────────────────────────────────────────────────┘
          │                 │                          │
          ▼                 ▼                          ▼
┌─────────────────────────────────────────────────────────────────────────┐
│                    LLM Provider Abstraction Layer                        │
│  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐  ┌─────────────┐ │
│  │   OpenAI     │  │  Anthropic   │  │    Local     │  │   Custom    │ │
│  └──────────────┘  └──────────────┘  └──────────────┘  └─────────────┘ │
└─────────────────────────────────────────────────────────────────────────┘
          │                 │                          │
          ▼                 ▼                          ▼
┌─────────────────────────────────────────────────────────────────────────┐
│              WordPress Core + Database + Object Cache                    │
└─────────────────────────────────────────────────────────────────────────┘

Key Components

Frontend Layer

• Chat Widget – Conversational interface for user interactions
• Smart Search – AI-powered semantic search
• Personalized Content Blocks – Dynamic content adaptation

Controller Layer

• Tool Registry – Available actions agents can take
• Memory Store – Persistent context across sessions
• Guardrails – Safety constraints and limits
• Audit Log – Complete action history
• Cost Meter – API usage tracking
• Rate Limiter – Request throttling
• Approval Queue – Human-in-the-loop workflow

Agent Layer

• Content Agent – Draft creation, SEO, media management
• Admin Agent – Security, performance, maintenance
• Commerce Agent – Orders, inventory, customer service
• Dev Agent – Code scaffolding, debugging, testing

LLM Provider Layer

• OpenAI (GPT-4, GPT-4o)
• Anthropic (Claude)
• Local models (Ollama, LM Studio)
• Custom providers

Related Articles

• Audit Log
• 5. Plugin Architecture
• 2. Core Architecture
• 6. Theme Architecture