Admin — Group Management UI Redesign

How should offer groups and product adding work in the admin form?

Sort: 0
🔍
AMD Ryzen 5 5600
Product ID: 1042
AMD Ryzen 5 5600X
Product ID: 1043
AMD Ryzen 5 5600G
Product ID: 1044
AMD Ryzen 5 5600
AMD Ryzen 5 5600X
Intel Core i5-13600K
3 products • drag to reorder

A — Inline Search with Dropdown

Search box inside each group. Typing "5600" instantly shows matching products in dropdown. Click "+ Add" to add without clearing search. Products list is drag-to-reorder. Groups themselves also draggable.

📁 Processors (3 products)
Search & Add Products
AMD Ryzen 5 5600
AMD Ryzen 5 5600X
AMD Ryzen 5 5600G
In Group (3)
Ryzen 5 5600
Ryzen 5 5600X
Core i5-13600K

B — Accordion + Split Panel

Groups collapse/expand. Split view: left side search results, right side current members. More spacious but takes more vertical space per group.

Both fix the search: uses LIKE '%5600%' substring match so partial terms work. Both support drag-to-reorder within groups and between groups.