test(ui): проверить период трафика на телефоне

docs/ux-ui-progress.md

@@ -29,6 +29,11 @@
 | 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
 | 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
 
+## Блок 8.4А2 — мобильный период серверного трафика (2026-09-24)
+
+- Добавлены E2E ширин 320/390 px: кнопка 24ч помещается в экран, меняет период, показывает подтверждённые детали; документ не переполняется по горизонтали. Всего 4 теста деталей прошли, lint теста чистый. Изменений production-кода в этом блоке нет.
+- Использовано 98% пятичасового и 62% недельного лимита; работа сохранена локальным коммитом без push. Следующий шаг: мобильные клиенты/интерфейсы, длинные значения и пустые состояния трафика, затем оставшиеся пункты 8.4. Общая приёмка этапа 8 ещё не завершена.
+
 ## Блок 8.4А — адаптивная оболочка трафика (2026-09-24)
 
 - Общие списки/детали трафика и flow переходят в одну колонку на узких экранах; на широких — 300px + гибкая колонка. Отступы Frame адаптивны, заголовки и периоды переносятся, навигация разделов прокручивается по горизонтали.

tests/e2e/traffic-details.spec.ts

@@ -56,3 +56,19 @@ test('Детали трафика: ошибка интерфейса не под
   await expect(page.getByRole('heading', { name: 'Детали 1h ether2', exact: true })).toBeVisible()
   await expect(page.getByLabel('Скорость выбранного сервера')).toBeVisible()
 })
+
+for (const width of [320, 390]) {
+  test(`Детали трафика: период доступен на ${width}px`, async ({ page }) => {
+    await page.setViewportSize({ width, height: 900 })
+    await setup(page)
+    const period = page.getByRole('button', { name: '24ч', exact: true })
+    const box = await period.boundingBox()
+    expect(box).not.toBeNull()
+    expect(box!.x).toBeGreaterThanOrEqual(0)
+    expect(box!.x + box!.width).toBeLessThanOrEqual(width + 1)
+    await period.click()
+    await expect(page.getByRole('heading', { name: 'Детали 24h __all__', exact: true })).toBeVisible()
+    await expect(page.getByLabel('Скорость выбранного сервера')).toBeVisible()
+    expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth + 1)).toBe(true)
+  })
+}