fix(ui): раскрывать предупреждения ресурсов порциями

app/(main)/uptime/page.tsx

@@ -870,6 +870,34 @@ function SortIcon({ k, sortKey, sortAsc }: { k: ResSortKey; sortKey: ResSortKey;
 
 type ResTypeFilter = "all" | "jump-host" | "exit-node" | "home-router"
 
+function ResourceWarnings({ rows }: { rows: UptimeResourceRow[] }) {
+  const [expanded, setExpanded] = useState(false)
+  const [visible, setVisible] = useState(55)
+  if (!rows.length) return null
+  function renderRow(row: UptimeResourceRow) {
+    const issues: string[] = []
+    if (row.cpu >= 85) issues.push(`CPU ${row.cpu}%`)
+    if (row.ramPct >= 85) issues.push(`RAM ${row.ramPct}%`)
+    if (row.hddPct >= 85) issues.push(`HDD ${row.hddPct}%`)
+    if ((row.temp ?? 0) >= 70) issues.push(`${row.temp}°C`)
+    return <span key={row.serverId} data-resource-warning={row.serverId} className="inline-flex items-center gap-1 text-[11px] font-mono rounded border border-destructive/30 bg-destructive/10 px-2 py-0.5">
+      <Flag code={row.server.country} size={10} />{row.server.name} — {issues.join(", ")}
+    </span>
+  }
+  return <Alert variant="destructive">
+    <ServerCrashIcon />
+    <AlertTitle className="text-xs mb-1">Серверов с предупреждениями: {rows.length}</AlertTitle>
+    <AlertDescription>
+      <div className="flex flex-wrap gap-1.5">{rows.slice(0, 5).map(renderRow)}</div>
+      {rows.length > 5 && <details onToggle={event => { setExpanded(event.currentTarget.open); if (!event.currentTarget.open) setVisible(55) }}>
+        <summary className="cursor-pointer rounded-md py-2 text-xs focus-visible:ring-2 focus-visible:ring-ring">Ещё {rows.length - 5}</summary>
+        {expanded && <div className="flex flex-wrap gap-1.5">{rows.slice(5, visible).map(renderRow)}</div>}
+        {expanded && rows.length > visible && <Button type="button" variant="ghost" size="sm" onClick={() => setVisible(count => Math.min(count + 50, rows.length))}>Показать ещё {Math.min(50, rows.length - visible)}</Button>}
+      </details>}
+    </AlertDescription>
+  </Alert>
+}
+
 function ResourcesTab({ resources, serversList, liveApi }: { resources: ServerResource[]; serversList: Server[]; liveApi?: boolean }) {
   const { resource, setResourceSearch: setResSearch, setResourceType: setTypeFilter, resetResources } = useUptimeUrlState()
   const { search: resSearch, type: typeFilter, error: resourceError } = resource
@@ -944,32 +972,7 @@ function ResourcesTab({ resources, serversList, liveApi }: { resources: ServerRe
     <div className="p-6 flex flex-col gap-4">
 
       {/* ── Alert banner ──────────────────────────────────────────────────── */}
-      {alerts.length > 0 && (
-        <Alert variant="destructive">
-          <ServerCrashIcon />
-          <AlertTitle className="text-xs mb-1">
-            {alerts.length} {alerts.length === 1 ? "сервер требует внимания" : "сервера требуют внимания"}
-          </AlertTitle>
-          <AlertDescription>
-            <div className="flex flex-wrap gap-1.5">
-              {alerts.map(r => {
-                const s = r.server
-                const issues: string[] = []
-                if (r.cpu >= 85)    issues.push(`CPU ${r.cpu}%`)
-                if (r.ramPct >= 85) issues.push(`RAM ${r.ramPct}%`)
-                if (r.hddPct >= 85) issues.push(`HDD ${r.hddPct}%`)
-                if ((r.temp ?? 0) >= 70) issues.push(`${r.temp}°C`)
-                return (
-                  <span key={r.serverId} className="inline-flex items-center gap-1 text-[11px] font-mono rounded border border-destructive/30 bg-destructive/10 px-2 py-0.5">
-                    <Flag code={s.country} size={10} />
-                    {s.name} — {issues.join(", ")}
-                  </span>
-                )
-              })}
-            </div>
-          </AlertDescription>
-        </Alert>
-      )}
+      <ResourceWarnings rows={alerts} />
 
       <KpiStatGrid
         aria-label="Сводка ресурсов"

docs/ux-ui-performance.md

@@ -54,3 +54,5 @@
 12.3.7: speed grid принят на1000 строках в описанных локальных границах.50 строк/739 nodes секции; вся страница11265 nodes из-за полного каталога устройств. ServerTileRail требует отдельного ограничения DOM с проверкой поиска, выбора и клавиатуры. Следующий блок12.3.8 — uptime resources.
 
 12.3.8: ресурсы приняты на1000 CPU10% строках; глобальный поиск/URL/сортировка/страница20/refresh/1000→1/320px. Большой список1000 предупреждений ресурсов требует отдельной проверки12.3.9.
+
+12.3.9:1000 предупреждений CPU90% — warning nodes2009→21, страница4739→2751 при закрытом списке.5→55→105→5→55 карточек по явному раскрытию; полный счётчик сохранён.9 browser и tagged axe прошли. Полное постепенное раскрытие допускает весь список, это не виртуализация.

docs/ux-ui-plan.md

@@ -4,7 +4,7 @@
 
 ## Актуальная точка продолжения — 2026-10-04
 
-Этап 11Б завершён в границах локальной приёмки (11Б.7); внешний выпуск не проверен. 12.1 принят локально: доступность оболочки/клавиатура/health в описанных сценариях. 12.2.1 принят локально: strict BGP catalog/partial/nullable counters. 12.2.2 принят локально: strict traffic DTO и агрегация без выдуманных точек. 12.2.3 принят локально: observations для server traffic от backend до dashboard. 12.2.4 принят локально: strict servers/probes и unknown server status. 12.2.5 принят локально: реальные ping samples/unknown/ось RTT/Recharts. 12.2.6 принят локально: strict GRE/WireGuard/VXLAN и device failures. 12.2.7 принят локально: strict Internet path snapshot/fallback. 12.2.8 принят локально: подтверждение полного backend сбора. 12.2.9 принят локально: метрики участков и наблюдаемый WAN без эвристической подмены. 12.3.1 принят локально:1000 серверов/штатная пагинация. 12.3.2 принят локально: пагинация CompactDataGrid/1000 строк статистики. 12.3.3 принят локально: порционный DOM очереди проблем. 12.3.4 принят локально: большой BGP каталог/страница при обновлении. Production build и123 профильных browser приняты локально на3978976. 12.2.10 принят локально: обязательные RouterOS поля. 12.3.5 принят локально: страница CompactDataGrid сохраняется при опросе,89 browser и повторный production build прошли. 12.3.6 сохранён: baseline1000 speed probes (ограничение DOM пока не выполнено). 12.3.7 принят локально:50 строк speed-проб/сохранение страницы/глобальная сортировка/1000→1; каталог1001 устройства остаётся в DOM. 12.3.8 принят локально:50 строк ресурсов, URL/поиск/сохранение страницы/1000→1; исправлена pagination оболочки с children, production build и8 больших browser прошли. Следующий блок12.3.9:1000 предупреждений ресурсов, затем каталог устройств/schedule entries и остальные grids;12.4/12.5 ещё не завершены. См. docs/ux-ui-stage-12.md. Внешние ограничения 11Б сохраняются.
+Этап 11Б завершён в границах локальной приёмки (11Б.7); внешний выпуск не проверен. 12.1 принят локально: доступность оболочки/клавиатура/health в описанных сценариях. 12.2.1 принят локально: strict BGP catalog/partial/nullable counters. 12.2.2 принят локально: strict traffic DTO и агрегация без выдуманных точек. 12.2.3 принят локально: observations для server traffic от backend до dashboard. 12.2.4 принят локально: strict servers/probes и unknown server status. 12.2.5 принят локально: реальные ping samples/unknown/ось RTT/Recharts. 12.2.6 принят локально: strict GRE/WireGuard/VXLAN и device failures. 12.2.7 принят локально: strict Internet path snapshot/fallback. 12.2.8 принят локально: подтверждение полного backend сбора. 12.2.9 принят локально: метрики участков и наблюдаемый WAN без эвристической подмены. 12.3.1 принят локально:1000 серверов/штатная пагинация. 12.3.2 принят локально: пагинация CompactDataGrid/1000 строк статистики. 12.3.3 принят локально: порционный DOM очереди проблем. 12.3.4 принят локально: большой BGP каталог/страница при обновлении. Production build и123 профильных browser приняты локально на3978976. 12.2.10 принят локально: обязательные RouterOS поля. 12.3.5 принят локально: страница CompactDataGrid сохраняется при опросе,89 browser и повторный production build прошли. 12.3.6 сохранён: baseline1000 speed probes (ограничение DOM пока не выполнено). 12.3.7 принят локально:50 строк speed-проб/сохранение страницы/глобальная сортировка/1000→1; каталог1001 устройства остаётся в DOM. 12.3.8 принят локально:50 строк ресурсов, URL/поиск/сохранение страницы/1000→1; исправлена pagination оболочки с children, production build и8 больших browser прошли. 12.3.9 принят локально:порционное раскрытие1000 предупреждений ресурсов/клавиатура/axe; исходная ошибка ESLint speedDraft подтверждена. Следующий блок12.3.10:синхронизация speedDraft/формы/build, затем каталог устройств/schedule entries и остальные grids;12.4/12.5 ещё не завершены. См. docs/ux-ui-stage-12.md. Внешние ограничения 11Б сохраняются.
 
 Реальные pg_dump/pg_restore, PG rollback и остановка UDP worker требуют внешней приёмки. Датированные продолжения ниже — история; точный следующий шаг также указан в начале [журнала](ux-ui-progress.md).
 

docs/ux-ui-progress.md

@@ -29,13 +29,21 @@
 | 10 | Маршрутизация, диагностика, карта и терминал | Завершён в границах локальной приёмки 2026-10-01; блоки 10.1–10.71, внешние ограничения в 10.71 |
 | 11А | Пользователи, контейнеры, сертификаты и резервные копии | Завершён в границах локальной приёмки 2026-10-01; 11А.1–11А.33, внешние ограничения в 11А.33 |
 | 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Завершён в границах локальной приёмки 2026-10-03; ограничения и evidence в11Б.7 |
-| 12 | Итоговая доступность, адаптивность, производительность и регрессия | В работе;12.1/12.2.1–12.2.10 и12.3.1–12.3.5 и12.3.7–12.3.8 приняты в описанных локальных границах |
+| 12 | Итоговая доступность, адаптивность, производительность и регрессия | В работе;12.1/12.2.1–12.2.10 и12.3.1–12.3.5 и12.3.7–12.3.9 приняты в описанных локальных границах |
 
 
 
 
 
 
+## 12.3.9 — порционный список предупреждений ресурсов (2026-10-04)
+
+Список1000 серверов с CPU90% воспроизведён через обычный uptime overview:2009 warning nodes/4739 nodes страницы. ResourceWarnings применяет существующий шаблон AttentionRows:5 начальных записей,55 после раскрытия,105 после кнопки,5 после закрытия,55 при повторном раскрытии. Счётчик1000 остаётся полным, причины предупреждений и пороги не менялись. Начальная секция21 nodes, вся страница2751 nodes; таблица50 строк.
+
+9 browser ресурсов/URL/reload/320–1440px и отдельный large-case с WCAG-tagged axe audit предупреждений прошли; Enter/summary и порционное раскрытие проверены. Typecheck прошёл. Полный ESLint uptime page имеет исходную ошибку react-hooks/set-state-in-effect в setSpeedDraft после загрузки интерфейсов (подтверждена на HEAD2762f07),6 исходных unused warnings; с временным отключением этого правила остальные правила не дают ошибок. Это ограничение проверки, правило в файле не отключалось. Последний production build —12.3.8, после ResourceWarnings не повторялся.
+
+Следующий шаг12.3.10: устранить исходную ошибку синхронизации speedDraft с доступными интерфейсами, проверить формы и production build; затем ServerTileRail на1000 устройствах и оставшиеся25 grids. Демо GRE schedule хранится только в React state, live отдельного расписания нет:1000 entries пока не проверены.12.4/12.5 не завершены; локальная приёмка не доказывает реальные PG/RouterOS операции. Без push.
+
 ## 12.3.8 — большой список ресурсов мониторинга (2026-10-04)
 
 UptimeResourcesDataGrid использует ReUI client pagination по50 строк с сохранением страницы при обновлении и ограничением индекса при уменьшении набора. DataGridShell исправлен: pagination выводится также при собственных children/ScrollArea; раньше такой потребитель не получал панель страниц. Установленные primitives и тема сохранены.

docs/ux-ui-stage-12.md

@@ -189,3 +189,11 @@ UptimeResourcesDataGrid использует ReUI client pagination по50 ст
 1000 ресурсов: baseline1000 строк/38655 DOM nodes/4328ms dev; после50 строк/2580 nodes/1578ms. Проверены глобальная сортировка, страница20, поиск записи1000/URL/reload, обновление страницы2,1000→1,320px и отсутствие POST при чтении по ссылке.8 browser больших таблиц/collector-probes прошли после исправления оболочки;52 прежних uptime links сценария прошли. Первый large-case воспроизвёл отсутствие pagination при children; финальный прогон прошёл. Typecheck/ESLint, frontend production/contracts build (34 страницы), ReUI validate_usage/checklist прошли.
 
 Полные ресурсы остаются в памяти. Этот fixture использует CPU10%, список1000 предупреждений ресурсов ещё не проверен; ServerTileRail остаётся следующим отдельным потребителем. Далее12.3.9: большой список предупреждений ресурсов, затем каталог устройств/расписания и специализированные grids.12.4/12.5 не завершены, реальная PG/RouterOS нагрузка не проверена. Локальный коммит, без push.
+
+## 12.3.9 — порционный список предупреждений ресурсов (2026-10-04)
+
+Список1000 серверов с CPU90% воспроизведён через обычный uptime overview:2009 warning nodes/4739 nodes страницы. ResourceWarnings применяет существующий шаблон AttentionRows:5 начальных записей,55 после раскрытия,105 после кнопки,5 после закрытия,55 при повторном раскрытии. Счётчик1000 остаётся полным, причины предупреждений и пороги не менялись. Начальная секция21 nodes, вся страница2751 nodes; таблица50 строк.
+
+9 browser ресурсов/URL/reload/320–1440px и отдельный large-case с WCAG-tagged axe audit предупреждений прошли; Enter/summary и порционное раскрытие проверены. Typecheck прошёл. Полный ESLint uptime page имеет исходную ошибку react-hooks/set-state-in-effect в setSpeedDraft после загрузки интерфейсов (подтверждена на HEAD2762f07),6 исходных unused warnings; с временным отключением этого правила остальные правила не дают ошибок. Это ограничение проверки, правило в файле не отключалось. Последний production build —12.3.8, после ResourceWarnings не повторялся.
+
+Следующий шаг12.3.10: устранить исходную ошибку синхронизации speedDraft с доступными интерфейсами, проверить формы и production build; затем ServerTileRail на1000 устройствах и оставшиеся25 grids. Демо GRE schedule хранится только в React state, live отдельного расписания нет:1000 entries пока не проверены.12.4/12.5 не завершены; локальная приёмка не доказывает реальные PG/RouterOS операции. Без push.

tests/e2e/large-uptime-resources.spec.ts

@@ -1,4 +1,5 @@
 import { test, expect } from "@playwright/test"
+import axe from "axe-core"
 
 test("1000 ресурсов: страницы, поиск, обновление и уменьшение списка", async ({ page }, info) => {
   test.setTimeout(90000)
@@ -44,8 +45,35 @@ test("1000 ресурсов: страницы, поиск, обновление
   for (let i = 0; i < 3; i++) await page.getByRole("button", { name: "…", exact: true }).last().click()
   await page.getByRole("button", { name: "Перейти на страницу 20", exact: true }).click()
   await expect(page.getByText("951–1000 из 1000", { exact: true })).toBeVisible()
+  resources = resources.map(resource => ({ ...resource, cpu: 90 }))
+  await page.getByRole("button", { name: "Обновить данные", exact: true }).click()
+  const warnings = page.getByRole("alert").filter({ hasText: "Серверов с предупреждениями: 1000" })
+  await expect(warnings).toBeVisible()
+  await expect(warnings.locator("[data-resource-warning]")).toHaveCount(5)
+  console.log(JSON.stringify({ warningRows: 1000, warningNodes: await warnings.locator("*").count(), domNodes: await page.locator("*").count() }))
+  expect(await page.locator("*").count()).toBeLessThan(3500)
+  const summary = warnings.locator("summary")
+  await summary.focus()
+  await page.keyboard.press("Enter")
+  await expect(warnings.locator("[data-resource-warning]")).toHaveCount(55)
+  await warnings.getByRole("button", { name: "Показать ещё 50", exact: true }).click()
+  await expect(warnings.locator("[data-resource-warning]")).toHaveCount(105)
+  await summary.click()
+  await expect(warnings.locator("[data-resource-warning]")).toHaveCount(5)
+  await summary.click()
+  await expect(warnings.locator("[data-resource-warning]")).toHaveCount(55)
+  await summary.click()
+
   await page.setViewportSize({ width: 320, height: 900 })
   expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true)
+  await page.addScriptTag({ content: axe.source })
+  const audit = await page.evaluate(async () => {
+    const engine = (window as unknown as { axe: typeof axe }).axe
+    const root = document.querySelector("[data-resource-warning]")!.closest("[role=alert]")!
+    return engine.run(root, { runOnly: { type: "tag", values: ["wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "wcag22aa"] } })
+  })
+  await info.attach("resource-warning-axe", { body: JSON.stringify(audit), contentType: "application/json" })
+  expect(audit.violations.map(violation => ({ id: violation.id, nodes: violation.nodes.map(node => node.target) }))).toEqual([])
   resources = resources.slice(0, 1)
   await page.getByRole("button", { name: "Обновить данные", exact: true }).click()
   await expect(rows).toHaveCount(1)