Vibe Campaign Approval Flow

F1 — Segmentation Explorer is a conversational analytics application for marketing teams that turns Zoho CRM customer data into a visual, interactive experience that goes far beyond text-based chat. Users can ask for customer segments in natural language, and the agent queries Zoho in read-only mode, understands the intent, and renders dynamic dashboards with bar charts, pie charts, and metric cards in real time. The generative experience is powered by Next.js, React, Tailwind, CopilotKit, LangGraph, Recharts, and the Zoho CRM API, using CopilotKit and State Streaming Middleware to connect agent output directly to live UI components. Instead of simply replying with numbers, the agent produces structured UI specifications through tools like get_field_distribution and render_chart, allowing the interface to adapt automatically to the data retrieved. The project’s originality lies in combining CRM exploration, intelligent agents, and generative UI so marketers can discover patterns, visualize customer segments, and receive proactive metric suggestions without writing queries or understanding Zoho’s data model. Technically, the project emphasizes working code, safe handling of real production data, audited API calls, PII controls, rate limiting, and a reusable architecture for future phases such as template creation, human approval workflows, and campaign distribution.