The admin panel has always used Fomantic UI. This delivery creates a second layout, written in Tailwind, and lets each screen pick its own.
The menu
- Filter that tolerates accents and letter case.
- Keyboard navigation, returning to the search field.
- Adjustable width by dragging, from 220 to 450 px, remembered between sessions; a double click restores the default.
- On mobile, the menu opens over the content instead of pushing it and creating horizontal scroll.
The permission tree is the same: no access rule was duplicated for the new menu.
How the two generations live together
Each interface component gained a Tailwind counterpart, chosen when the page is assembled. The data a component receives does not change, only the HTML. Edit forms, alerts, delete confirmation and the restricted-area screen already have the new version.
Form validation was rewritten in plain JavaScript, reading the same rules the system already declared. The restricted-area screen does not close on Esc or on a click outside: closing without answering would bypass the lock.
Listing, creation and settings screens stay on the previous layout, which was not touched.
Source: Core · req-118 · BATCH-119