Friction Overlay System
EU AI Act Article 14 compliant interface for human oversight of AI decisions
When AI confidence is high (85%+) and no conflicts are detected, users can proceed immediately.
When AI detects potential issues, a 3-second mandatory pause prevents automation bias before users can accept.
When a direct conflict is detected, access is blocked entirely to protect client confidentiality.
Article 14 Compliance Features
Mandatory Pause
Accept button is disabled for 3 seconds minimum, forcing users to read and consider AI flagged issues before proceeding.
Explanation Visibility
Expandable "Why was this flagged?" section provides transparency into AI reasoning without overwhelming the interface.
Audit Logging
Every decision (accept/decline) is logged with timestamp, wait time, and whether the explanation was viewed.
Keyboard Accessible
Full keyboard navigation support including Escape to decline, with focus trapped within the overlay.
Implementation Stack
- Next.js 16 with App Router
- TypeScript in strict mode
- Tailwind CSS v4 with custom design tokens
- shadcn/ui components
- Accessibility-first design (WCAG 2.1 AA)
- Prefers-reduced-motion support