B2 · Відкрите замовлення повним вікном

Замість drawer 420px, попап на весь екран, Esc/фон/✕ закривають, deep-link зберігається. · 10 варіантів, ранжовано оцінювачем. Клікай, дивись, обери номер.

🥇GeistНайробастніший: JS рахує чек/залишок наживо, стани 0/20/довгий/lock, семантична money-смуга due/paid, overflow-x:hidden, один шрифт, viewport є.90 🥈AttioFullscreen inset-попап, дві колонки з незалежним скролом, повний реальний список статусів як токени, динамічні товари 0/2/20, меню статусів з репозиці88 🥉SuperhumanНайповніший каркас (сайдбар+демо VP+дані+lock), money-first, всі блоки, живий рекалк; мінус - тягне дефолтний моношрифт.87 4LinearЧисто, таби, money-смуга, статуси згруповані, edit-lock+dim, рекалк залишку; товари статичні (без демо 0/20).84 5StripeАкордеони+money-hero 4 плитки, динамічні товари seed/zero/many/long, рекалк, коментар-textarea; трохи менш money-first за geist.83 6PipedriveКонтентно найбагатший, АЛЕ немає viewport-meta - реальний 375 зламається попри демо-тумблер Mobile.80 7MixpanelKPI-hero money-first, найясніший антифрод (2 колонки Прийшло|Зараз), 5 табів; товари статичні без рекалку.80 8MondayЯскраво-кольорова мова, таби зі скролом до секції, всі блоки; декоративніше (кольорові рейки), товари статичні.78 9RetoolЩільний inspector, всі блоки, рекалк; сумнівна IA - лічильники списку (Нові/Необроблені) всередині картки ОДНОГО замовлення.75 10NotionЕлегантні акордеони, але ДВА хард-штрафи: немає viewport-meta + оголошений моношрифт для ID/адрес (другий шрифт).69

Синтез фіналу: Каркас брати з 04-geist: fullscreen scrim+modal, дві колонки (ліворуч дані/таби, праворуч контекст) з overflow-x:hidden, семантична money-смуга що перемикає Залишок/Оплачено/Переплата, жива JS-логіка чек=сума позицій + рекалк залишку - єдиний, що тримає стани 0/20/довгий/edit-lock без пливу. Незалежний скрол двох колонок і меню статусів із фіксованим репозиціюванням краще в 06-attio (взяти .col-l/.col-r з окремим overflow + повний список токенів статусів s-new..s-nolead). Money-first hero у форматі 4 плиток (Чек/Передплата/Залишок/Оплата-пілюля) найчистіший у 09-mixpanel. Найясніший антифрод оригінал-vs-поточний теж 09-mixpanel: дві колонки 'Прийшло з сайту'|'Зараз у картці' з підсвіченим +рядком. Edit-lock банер+затемнення+'Перехопити' однаково добрий у 04/06/08. Мобільний sticky-футер із розтягнутими кнопками - з 04/08. Обовʼязково: додати meta viewport (бракує в 03 і 07) і прибрати будь-який моношрифт (03 оголошений, 08 через нестилізований kbd)."