Feature Toggle Management UI
Component Detail
Description
Admin page in the Next.js portal under Organization Management that lists all functional areas as toggleable modules per tenant. Renders a dependency graph so admins can see which prerequisites will be implicitly enabled, and displays always-on modules (authentication-access-control, home-navigation, admin-dashboard, admin-organization) as non-toggleable with an explanatory tooltip.
feature-toggle-management-ui
Sources & reasoning
The admin UI is the primary surface for this feature. The dependency graph rendering and always-on module display are explicit requirements from the source doc. High complexity because it must visualize a graph, enforce WCAG 2.2 AA, and handle implicit dependency cascades interactively.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render the full area taxonomy as a toggle list grouped by product (Mobile App, Admin Web Portal)
- Display module dependency graph visually so enabling one module shows which prerequisites will auto-enable
- Show always-on modules as disabled toggles with tooltip explaining why they cannot be changed
- Submit toggle changes to Module Configuration Service and reflect persisted state
- Restrict access to Organization Administrators and Global Administrators only
Interfaces
renderToggleList(organizationId: string): ModuleToggleItem[]
handleToggleChange(moduleId: string, enabled: boolean): Promise<void>
showDependencyGraph(moduleId: string): DependencyNode[]
renderAlwaysOnBadge(moduleId: string, reason: string): void
Related Data Entities (2)
Data entities managed by this component