Skip to content

refactor(IAV-1244): Redesign INES telephony wizard & dashboard to match SAV/Ayal/Ziri design system

yahya.elmokhtari a demandé de fusionner feature/IAV-1244 vers develop

Summary

Brings the INES (telephony) agent wizard and all 8 dashboard sections in line with the glassmorphic design system used across SAV, IDER, Ayal, and Ziri agents.

Wizard (/dashboard/agents/new/ines)

  • Refactored to match Ayal/Ziri wizard patterns using shared components (CustomSelect, NavigationButtons, ConditionalComponent)
  • Dark glassmorphic input fields with blur, rounded corners, and agent-colored focus states
  • Navigation buttons with shine effects and FontAwesome icons
  • Integration config step redesigned with tabs, guide steps, and info banner
  • File upload with drag & drop support
  • URL-based step navigation via useWizardNavigation hook
  • Resume step with SummaryCard components

Dashboard (/dashboard/agents/telephony)

  • Theme fix: Added AgentThemeProvider with initialAgent="ines" — fixes purple color showing instead of INES burgundy (#AC1E42)
  • Nav sidebar: Gradient active states, shine pseudo-elements, hover animations
  • All sections: Replaced all MUI Select/MenuItem with CustomSelect component (~30 instances)
  • All inputs: Updated to dark glassmorphic style (rgba(0,0,0,0.3) bg, blur(20px), borderRadius: 12px)
  • Dashboard chart: Added Sem/Mois/Année date period filters with navigation arrows and dynamic data generation
  • Integration cards: Redesigned to SAV vertical layout with shine sweep animation on hover
  • Calendar: Replaced native date pickers with shared FilterDateSelect component (glassmorphic popup)
  • Buttons: All action buttons (Export CSV, Importer, Nouvelle campagne) styled with glassmorphic gradient design
  • Layout fixes: Search bars flex:1, status dropdowns constrained width, table grid alignment with minmax()

Files changed

Section File
Wizard telephony-wizard.tsx
Main layout view.tsx
Dashboard dashboard-section.tsx
Appels calls-section.tsx
Assistants IA assistant-section.tsx
Intégrations integrations-section.tsx
Numéros phone-numbers-section.tsx
Prospects prospects-section.tsx
Campagnes campaigns-section.tsx
Calendrier calendar-section.tsx

Rapports de requête de fusion