Skip to content

feat(IAV-814): glassmorphism styling, CustomSelect migration, AREN wizard steps, and community manager UX improvements

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

Overview

Apply SAV/AAG glassmorphism frosted glass design system across community manager sections,
migrate all MUI Select components to CustomSelect, add missing Rappels and Transcription
steps to AREN wizard, and improve integration card UX with toggle/button logic and reusable
components.

Changes

Community Manager - Glassmorphism & Styling

  • Applied glassmorphism frosted glass styling to integration cards, ideas, gallery, calendar, and statistics sections
  • Updated configuration buttons (Annuler, Enregistrer) with glassmorphism shimmer hover
    effects
  • Applied glassmorphism to Objectifs marketing section and Paramètres par canal de communication cards
  • Updated all calendar toolbar buttons (view, nav, today, filter, create) with glassmorphism + shimmer
  • Updated "Créer un post" button with glassmorphism styling
  • Replaced gallery loading spinner (rotating conic-gradient) with subtle horizontal shimmer
    animation
  • Removed container-level hover effects on integration and calendar sections, kept only
    card-level hover
  • Hidden scrollbar under navigation tabs (Intégrations, Configuration, Idées, Calendar,
    Galerie)

Community Manager - CustomSelect Migration

  • Replaced all MUI Select components with CustomSelect across configuration, calendar,
    gallery, ideas, and statistics sections
  • CustomSelect includes built-in z-index (9999/99999) for proper dropdown stacking

AREN Wizard - New Steps

  • Added dedicated Rappels (Reminders) step with: no-response reminder toggle, recurring
    reminders toggle, anticipation time dropdown
  • Added dedicated Transcription step with: language toggles (FR, EN, ES, AR) using Globe
    icons, automatic actions (extract actions, convert to email, create reminders)
  • Wizard now has 10 steps (was 8) matching the dashboard configuration tabs
  • Updated progress bar and resume/summary page with new sections

Integration & Components

  • 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
  • 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
  • src/shared/components/wizard/aren-wizard/step-reminders.tsx - Rappels wizard step
  • src/shared/components/wizard/aren-wizard/step-transcription.tsx - Transcription wizard
    step

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 (community-manager) - Removed container hover, glassmorphism
    cards
  • configuration-section.tsx (community-manager) - Glassmorphism buttons and sections
  • calendar-toolbar.styles.ts - All toolbar buttons with glassmorphism + shimmer
  • gallery-section.styles.ts - Loading shimmer, glassmorphism cards
  • view.styles.ts (community-manager) - Créer un post button, scrollbar hiding
  • agent-tabs/index.tsx - Hidden scrollbar on navigation tabs
  • aren-wizard/index.tsx - 10 steps, new icon map, new step cases
  • aren-wizard/types.ts - ReminderPreferences, TranscriptionPreferences interfaces
  • aren-wizard-data.tsx - New step definitions, mock data, option arrays
  • aren-wizard/step-resume.tsx - Rappels and Transcription summary sections
  • aren-wizard/progress-bar.tsx - Updated to 10 steps

Closes [IAV-825]

Modification effectuée par yahya.elmokhtari

Rapports de requête de fusion