Раскладка морды
Вариант 4 это минимум, только то, что ты одобрил в первом макете и на интервью. Ниже второй круг, варианты 1, 2, 3 и 3.2, в них много того, что ты не заказывал, они оставлены для сравнения.
4. Минимум, рекомендую
Один экран. Сверху проект, сессия и счётчик "N ждут тебя". Слева элементы сессии, вкладки "Активные" и "История". Справа открытый элемент, живое ревью это plannotator во всю ширину. Отдельно страница "Решения" с открытыми вопросами.
- Только одобренное, список в
docs/board-requirements.md, раздел "Минимум для первой версии" - Ничего не ждёт тебя, кроме живых ревью
- Остальное из второго круга добавляем по одному, когда не хватит
Открыть вариант 4
Состояния экрана
Второй круг
Четыре варианта на одних и тех же данных. 3.2 это вариант 3 после критики impeccable. В каждом нарисованы все экраны из списка требований 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
- Вся ширина под ревью
Минусы
- Когда "Дальше" ведёт в другую сессию, полоса вкладок меняется целиком
- Больше всего кода
3.2. Пульт, тише
Вариант 3 после критики: одна строка навигации вместо двух, места на потом спрятаны, у каждого факта один сигнал, тонкие панели сессий, три цвета (красный нужен ты, синий новое, остальное серое), без поясняющего текста, клавиши n, j, k, Esc.
Плюсы
- Читается спокойно, главное видно первым
- Всё из требований на месте, только тише
Минусы
- Места на потом видно только по кнопке слева внизу
Пунктир с меткой "потом" значит второй этап. Место под это уже есть, чтобы потом не переделывать раскладку (фоновые агенты, кнопки ответов, "принято" и "применено" с коммитом, уведомления, видео, поиск по архиву, телефон).
plannotator внутри нарисован копией его настоящего экрана, в работе там будет живой iframe. Скриншоты сняты на 1920 px, у тебя экран шире, там всё просторнее.