Skip to content

feat(IAV-814): Add Instagram integration, AgentChatInput component, and integration card improvements

yahya.elmokhtari a demandé de fusionner IAV-837 vers develop

Overview

Add Instagram integration to AYAL wizard, create reusable AgentChatInput component, improve integration card UX with toggle/button logic, and add email tag management to AREN configuration with glassmorphism styling.

Changes

  • Added Instagram Message integration to AYAL wizard with copy fields and documentation button
  • Created reusable AgentChatInput component with agent color theming
  • Updated integration cards: toggle only visible when connected, button shows "Modifier"/"Connecter"
  • Added keyword/tag management to AREN email configuration (add/remove tags per category)
  • Applied glassmorphism styling to integration cards and email category cards
  • Removed chat section from AREN dashboard
  • Removed Discord from SAV integrations
  • Restored AuthGuard in dashboard layout

Components Added

  • src/shared/components/ui/agent-chat-input.tsx - Reusable chat input with agent color props

Key Files Updated

  • step-integration-config-dynamic.tsx - Instagram integration, copy fields, documentation button
  • IntegrationCard.tsx (shared & SAV) - Toggle visibility, Modifier/Connecter states, glassmorphism
  • integration-section.tsx (AREN) - Toggle logic, removed icon from button
  • configuration-section.tsx (AREN) - Email tag management with glassmorphism cards
  • view.tsx (AREN) - Removed chat section
  • layout.tsx - Restored AuthGuard

Technical Highlights

  • Glassmorphism: backdrop-filter: blur(24px) with gradient backgrounds
  • Shine hover effect: ::after pseudo-element with translateX animation
  • MUI override: !important for agent colors to override global theme
  • ConditionalComponent pattern for all conditional rendering

Closes [IAV-814]

Modification effectuée par yahya.elmokhtari

Rapports de requête de fusion