Раскладка морды, 2 круг
Три варианта на одних и тех же данных. В каждом нарисованы все экраны из списка требований docs/board-requirements.md (46 пунктов). Всё кликается, клавиша n открывает следующее ожидающее. Справа внизу в каждом варианте список экранов. Данные выдуманы по настоящим сессиям 30.09.
1. Очередь слева
Слева колонка. Сверху закреплён блок "Ждут тебя" (первыми вопросы, на которых агент стоит, дальше старые). Под ним "Новое", "Вопросы", "Архив" и сессии со строкой "что делает агент". На главной сессии панелями. Когда открыт элемент, колонка сужается до 230 px, но очередь и сессии в ней видны.
Плюсы
- Очередь и сессии видны всегда, и во время ревью тоже
- Так сделаны Cursor Agents Window и
claude agents, это вывод ресерча
Минусы
- Колонка всегда отнимает 230-300 px
- Одно и то же видно в трёх местах: колонка, панель, страница сессии
2. Входящие
Сверху вкладки "Ждут тебя", "Новое", "Вопросы", "Сессии", "Архив". На главной полоса сессий и список ожидающего по сессиям. Элемент на всю ширину с полосой "очередь 3 из 6", история сессии выезжает справа поверх, очередь не теряется.
Плюсы
- Вся ширина всегда
- Быстрее всего разбирать пачку подряд
- Проще всего ложится на телефон
Минусы
- Во время разбора сессий не видно, только полоса на главной
- По сути это вариант очереди из первого круга, у критика самый низкий балл
3. Пульт и вкладки, рекомендую
Главная это пульт, по панели на сессию: ожидающее крупно, новое полосой, статус агента, счётчики. Внутри сессии вкладки как в первом макете: ожидающее закреплено, "Новое", "Все элементы", "Вопросы", "Архив", справа место в общей очереди "3 из 6".
Плюсы
- Ближе всего к макету, который зашёл
- Лучший балл у независимого UX-разбора, 28 из 40 против 24 и 23
- Вся ширина под ревью
Минусы
- Когда "Дальше" ведёт в другую сессию, полоса вкладок меняется целиком
- Больше всего кода
Пунктир с меткой "потом" значит второй этап. Место под это уже есть, чтобы потом не переделывать раскладку (фоновые агенты, кнопки ответов, "принято" и "применено" с коммитом, уведомления, видео, поиск по архиву, телефон).
plannotator внутри нарисован копией его настоящего экрана, в работе там будет живой iframe. Скриншоты сняты на 1920 px, у тебя экран шире, там всё просторнее.