IAV-[496] ITRI Agent Configuration Wizard update
CustomSelect Component Improvements
- Update dropdown styling with enhanced glassmorphism design
- Increase backdrop blur from 24px to 40px for stronger frosted glass effect
- Implement gradient backgrounds with improved opacity (rgba(10, 10, 20, 0.98))
- Add gradient hover states on menu items for better UX
- Update trigger button background to darker rgba(0, 0, 0, 0.3) for visibility
- Fix z-index issues causing dropdowns to appear under navigation buttons
- Implement position: fixed for dropdown menu to break out of stacking contexts
- Add dynamic position calculation for proper dropdown placement
FAQ Step Complete Refactor
- Rebuild FAQ step from scratch with clean, maintainable architecture
- Implement navigation-style glassmorphism buttons (Add, Cancel, Save, Delete)
- Add shine animation effects matching navigation button design
- Remove problematic wrapper containers causing z-index conflicts
- Update TextFields with consistent styling (rgba(0, 0, 0, 0.3) background)
- Add info banner explaining FAQ functionality
- Implement empty state with illustration when no FAQs exist
- Add FAQ counter in header displaying total count
Spam Filtering Feature
- Create TagInput component with glassmorphism design
- Add 'Filtrage indésirable' section in identity/availability step
- Support adding keywords with Enter key and removing with Backspace
- Style tags with gradient backgrounds and smooth animations
- Implement spamKeywords state management throughout wizard flow
- Update TypeScript interfaces to include spam filtering props
Dropdown Consistency Improvements
- Standardize dropdown label styling across all wizard steps
- Increase font size from 14px to 15px for better readability
- Update font weight from 600 to 700 for stronger visual hierarchy
- Fix z-index and positioning in notifications and FAQ steps
- Add position relative and proper z-index values to prevent clipping
- Ensure dropdown menus appear above all other UI elements
CLOSE-[496]