Add esIcon() JS helper and renderIcon() PHP helper that auto-detect
the icon framework (Material Icons on PS 8+/9+, FontAwesome 4 on PS
1.6/1.7) and render appropriate HTML. Includes bidirectional mapping
between FA4 class names and Material Icons names.
- Replace all hardcoded <i class="material-icons"> with esIcon()/renderIcon()
- Add FA4_MAP (Material→FA4) and reverse FA4→Material mapping in both JS and PHP
- Add detectIconMode() with PHP data-attribute hint and font-family probe fallback
- Fix 4 self/this scope bugs in esIcon calls across _methods.js, _tree.js, _preview.js
- Add esIconUpdate() for dynamically updating existing icon elements
- Add normalizeIconName() to handle both FA4 and Material input formats
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add validation system to prevent contradicting conditions:
- Same entity in include/exclude detection
- Parent-child conflict detection for tree entities
- Redundant selection prevention
- Toast notifications for validation errors
- Fix entity icons (employees: briefcase, taxes: calculator)
- Improve tooltip component:
- Use Material Icons instead of broken FA4 icons
- Fix positioning using getBoundingClientRect for viewport coords
- Add click-to-pin functionality with close button
- Pinned tooltips show X icon and close button in corner
- Add lightweight test suite (31 tests) for validation logic
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>