26 lines
4.1 KiB
XML
26 lines
4.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 720" role="img" aria-labelledby="title desc">
|
|
<title id="title">Диагностика DOM-изменения с остановками и rollback</title>
|
|
<desc id="desc">Блок-схема проверяет DOM result is-pending в is-ready. Если контракт неверен или изменение no-op, расследование останавливается. Валидный путь выбирает одну interaction и вопросы к pipeline. Пересечение учебной границы ведёт к одной обратимой гипотезе и rollback, который возвращает is-pending отдельным кадром.</desc>
|
|
<defs><marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto"><path d="M0 0L10 5L0 10Z" fill="#7ed4ff"/></marker><marker id="warn" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto"><path d="M0 0L10 5L0 10Z" fill="#ff867c"/></marker></defs>
|
|
<rect width="1200" height="720" fill="#111827"/>
|
|
<text x="56" y="66" fill="#f8fafc" font-family="Arial, sans-serif" font-size="36" font-weight="700">Диагностика: остановить ложный вывод раньше правки</text>
|
|
<g font-family="Arial, sans-serif" font-size="22">
|
|
<rect x="70" y="122" width="260" height="92" rx="15" fill="#173b57" stroke="#76c8ff" stroke-width="2"/><text x="96" y="162" fill="#e6f6ff" font-weight="700">DOM contract</text><text x="96" y="194" fill="#c7ebff">pending → ready</text>
|
|
<path d="M330 168H408" stroke="#7ed4ff" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<rect x="416" y="122" width="270" height="92" rx="15" fill="#1a504a" stroke="#72d7b5" stroke-width="2"/><text x="446" y="162" fill="#eafff7" font-weight="700">result совпал?</text><text x="446" y="194" fill="#c5f4df">target / property / after</text>
|
|
<path d="M686 168H762" stroke="#7ed4ff" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<rect x="770" y="122" width="350" height="92" rx="15" fill="#243b63" stroke="#9fc3ff" stroke-width="2"/><text x="796" y="162" fill="#edf4ff" font-weight="700">одна interaction</text><text x="796" y="194" fill="#cedfff">выделить узкий range</text>
|
|
<path d="M550 214V286" stroke="#ff867c" stroke-width="4" marker-end="url(#warn)"/>
|
|
<rect x="366" y="294" width="366" height="80" rx="14" fill="#5f3337" stroke="#ff867c" stroke-width="2"/><text x="394" y="343" fill="#ffe4e1" font-weight="700">нет → stop: invalid contract</text>
|
|
<path d="M945 214V286" stroke="#7ed4ff" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<rect x="770" y="294" width="350" height="94" rx="14" fill="#534525" stroke="#ffd36a" stroke-width="2"/><text x="798" y="334" fill="#fff4cf" font-weight="700">mutation → style → layout</text><text x="798" y="365" fill="#fff4cf">→ paint → composite</text>
|
|
<path d="M945 388V450" stroke="#7ed4ff" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<rect x="770" y="458" width="350" height="86" rx="14" fill="#482f62" stroke="#d2abff" stroke-width="2"/><text x="796" y="494" fill="#f6edff" font-weight="700">boundary crossed?</text><text x="796" y="524" fill="#dcc5ff">11 synthetic units > 10</text>
|
|
<path d="M770 500H684" stroke="#ff867c" stroke-width="4" marker-end="url(#warn)"/>
|
|
<rect x="330" y="456" width="344" height="88" rx="14" fill="#5f3337" stroke="#ff867c" stroke-width="2"/><text x="357" y="492" fill="#ffe4e1" font-weight="700">no-op → stop</text><text x="357" y="522" fill="#ffe4e1">нет нового DOM result</text>
|
|
<path d="M945 544V594" stroke="#7ed4ff" stroke-width="4" marker-end="url(#arrow)"/>
|
|
<rect x="770" y="602" width="350" height="68" rx="14" fill="#195047" stroke="#72d7b5" stroke-width="2"/><text x="794" y="645" fill="#eafff7" font-weight="700">один owner + rollback → pending</text>
|
|
</g>
|
|
<text x="70" y="692" fill="#b8c8e0" font-family="Arial, sans-serif" font-size="18">Все units synthetic. Схема не является trace, benchmark, milliseconds или доказательством jank пользователя.</text>
|
|
</svg>
|