Skip to content

IAV-599/ feat(community-manager): Implement wizard and add URL navigation system

fatima senan a demandé de fusionner feature/IAV-599 vers develop

This MR introduces the complete ZIRI (Community Manager) agent configuration wizard with a new URL-based navigation system that allows users to navigate through wizard steps using browser history.

ZIRI Wizard Features

  1. Welcome: Introduction to ZIRI agent with animated presentation
  2. Company Info: Collect business sector, products/services, and website URL
  3. Marketing Objectives: Select marketing goals
  4. Channels: Choose social media platforms
  5. Integration Config: Configure API credentials for each platform with option to select existing accounts or create new ones
  6. Platform Settings: Customize content tone, caption length, posting frequency per platform
  7. Summary: Review all configuration before agent creation

Dynamic Credential Forms

  • Forms are generated dynamically based on platform schema
  • Currently uses mock schemas, easily replaceable with real API calls
  • Each platform has its own required fields (access tokens, API keys, account IDs, etc.)

UI Improvements

  • Migrated from emojis to Lucide React icons for a cleaner, more professional look

URL-Based Navigation System

The wizard now uses URL query parameters to track the current step: /dashboard/agents/new/ziri?step=welcome /dashboard/agents/new/ziri?step=company /dashboard/agents/new/ziri?step=configuration ...

Implementation Details

  • Routes centralized in /src/routes/paths.ts
  • Wizard step configuration in /src/shared/config/wizard-steps.ts
  • Custom hooks: useWizardNavigation and useWizardUrlInit

How to Add Other Agents

Step 1: Add wizard steps configuration in /src/shared/config/wizard-steps.ts

Step 2: Import and render wizard in /src/app/dashboard/agents/new/[agentType]/page.tsx

Step 3: Remove the agent from the showWizard switch case in /src/app/dashboard/agents/[agentId]/page.tsx,

Rapports de requête de fusion