Итерация 2026-06-02 — Phase 1-5

Desktop · 1440 · before / after

Слева — v11 из предыдущей сессии (последний срез до фидбека). Справа — после Phase 1-4 с применёнными изменениями.

BEFORE · v11 (2026-06-01 17:54)

AFTER · Phase 1-4 (2026-06-02 08:29)

Mobile · 375 · после правок

Проверка адаптива (требование feedback-mobile-first-mandatory). Page-header, объединённый блок «Источник + Кабинеты», правая колонка ложатся в одну колонку, скролл общий.

1Page-head 1:1 со staging

В v11 page-head был «налеплен по-своему» — кастомные классы cB4-page-head / cB4-ph-* / cB4-src-tabs, обводки, и cB4-draft-id с border. Переработка — повторение staging-паттерна page-header-card один-в-один.

• Структура · .page-header-card + .ph-left (icon-badge-lg + .ph-title + .ph-subtitle) + .ph-actions (с разделителем border-top divider ровно как на staging pageCreatives, не как обводка вокруг карточки)
• CSS · скопирован дословно из dashboard-v2.html lines 2007-2024, scoped к .concept-screen[data-concept="B"] чтобы не задеть концепты A/C/D/E
• Sticky · добавлен position: sticky; top: calc(56px + 8px) (cB4-topbar = 56px) + backdrop-filter: blur(8px) — page-head прилипает при скролле
• «Новый запуск» — теперь статичный <h1 class="ph-title">, НЕ редактируемый input. Имя draft'а вынесено в отдельный блок (см. фазу 2)
• Source-tabs убраны из page-head — они переехали в объединённый блок «Источник + Кабинеты» (это твоё предложение)
• Border у cB4-draft-id удалён — нарушал feedback-no-borders-no-mince

2«Источник + Кабинеты» — один блок

Tabs FB / NB / SN теперь header-row внутри блока «Источник и кабинеты». Под ними — список кабинетов выбранного источника. Empty-state на старте, sticky-collapse для экономии места после выбора, disabled-overlay для остальных секций пока кабинеты не выбраны.

• HTML · одна cB4-sec#cB4-source-cabs с заголовком «Источник и кабинеты», meta «FB · 2 выбрано · 11 доступно», collapse-кнопка в углу
• Empty-state · когда выбрано 0 кабинетов — показывается карточка «Сначала выберите кабинеты» с кнопкой «Добавить первый кабинет»
• Disabled overlay · класс .is-cabs-empty на .cB4-workspace — все остальные cB4-sec + struct-zone + ads-zone приглушаются (opacity 0.4 + filter grayscale + pointer-events none) пока нет кабинетов
• JS setupSourceCabsBlock() · live-обновление meta при удалении/восстановлении кабинетов, source-switch меняет лейбл (FB/NB/SN) и количество доступных кабинетов (11/7/4 mock)
• Collapse-toggle · кнопка chevron в sec-head → сворачивает блок (когда кабинеты выбраны и не хочется видеть весь список — экономит вертикаль)

3Правая панель «Рекламные материалы» + общий скролл

«Пул креативов» и «Тексты объявлений» теперь не отдельные cB4-sec, а подзаголовки внутри одной карточки «Рекламные материалы». Независимый скролл правой колонки убран — она теперь скроллится общим скроллом страницы.

• HTML · одна cB4-sec.cB4-ads-card с заголовком «Рекламные материалы · 6 креативов · 2 текста». Внутри две .cB4-subsection с подзаголовками «Креативы» (6/28) и «Тексты объявлений» (2/5)
• Подзаголовки без border — разделение через typography (uppercase 11px text-secondary) и gap 22px, никаких разделительных линий (по feedback-no-borders-no-mince)
• Удалён независимый скролл — было position: sticky + max-height: calc(100vh - 32px) + overflow-y: auto, стало просто flex column + gap 14px + align-self: start. Правая колонка едет общим скроллом
• Disabled-overlay применяется к этой панели тоже когда нет кабинетов

4Визуализатор «Схема распределения»

Заголовок переименован, добавлен help-tooltip, presets-bar для быстрого save/load схемы, counter-inputs стали редактируемыми (можно вводить число напрямую), описания «По кругу» и «Ручной» уточнены, логика collapse переделана — теперь схлопывается только тот уровень, который превысил 10.

• Заголовок · «Схема распределения» (было «Структура и распределение») + help-icon с tooltip-объяснением
• Counter inputs editable · <input type="number"> вместо <span> — можно вводить число напрямую (плюсики/минусики остаются). Hover/focus как у draft-name input. Spinners убраны
• Presets bar · поле «Пресеты» (select) слева + кнопка «Сохранить пресет» справа. localStorage mock — сохраняет {cmp, ads, ad, mode}, при выборе из dropdown — применяет через триггер существующего setCounter()
• Collapse logic переписана · лимит CMP_DRAW_MAX = ADS_DRAW_MAX = AD_DRAW_MAX = 10 (было 6/4/6). При cmp > 10 — одна карточка «N кампаний», но adsets+ads под ней развёрнуто если их меньше 10 каждого. Уровни схлопываются независимо
• Zebra ветки · через :nth-child(odd/even) на узлах .is-cmp и .is-ads — чередование оттенков purple-tint, как зебра в таблицах
• Описания «По кругу» и «Ручной» уточнены с примерами раскладки (A B C A B C для round-robin, конкретный sweepstake-сценарий для manual)

5Verify + публикация

Playwright snapshots при 1440 desktop и 375 mobile, console чистая (1 error — favicon 404, игнорим). Этот отчёт опубликован на *.obahoba.com через локальный Caddy.

Что не вошло в эту итерацию

• Перенос правок на staging dashboard-v2.html (pageLaunchNew) — отдельная задача через scp + sudo cp + verify md5
• Концепты A / C / D / E — не тронуты, scope ограничен B
• Backend system drafts (POST/PATCH/GET/DELETE/publish) — это для партнёра, фронт только mock'ает через localStorage
• Mobile-specific доводки блока «Рекламные материалы» (карточка на 375 может потребовать pool grid в 2-3 колонки вместо 4) — нужно если важно
• Старый CSS .cB4-ads-zone-head остался мёртвым в стилях (1 ссылка) — не удалял чтобы не плодить шум