Simplify failover settings UI

test/web/failover-feature-contract.test.js

@@ -26,12 +26,13 @@ test('failover settings use Harbor switches, a two-column channel table and plai
   assert.match(feature, /snapshot\.reason === 'checking-channels'[\s\S]*Проверяется \{checkingRole === 'primary' \? 'основной' : 'резервный'} канал/);
   assert.match(feature, /ArrowDown[\s\S]*Home[\s\S]*End[\s\S]*Escape/);
   assert.match(feature, /role="listbox"[\s\S]*role="option"/);
-  assert.match(feature, /Что проверять/);
+  assert.match(feature, /Проверка доступности[\s\S]*открывает эти адреса через оба канала/);
   assert.match(feature, /before="Ждать ответ не дольше"[\s\S]*min=\{2}[\s\S]*max=\{30}/);
   assert.match(feature, /Проверять каналы каждые[\s\S]*Считать основной недоступным после[\s\S]*Вернуться на основной после/);
   assert.match(feature, /Не переключать во время активной работы[\s\S]*Переключать после[\s\S]*без активной передачи данных[\s\S]*Считать работу активной при скорости от/);
-  assert.match(feature, /Защита от повторных сбоев[\s\S]*Считать повторными сбои за последние[\s\S]*Не возвращаться на основной после карантина/);
-  assert.match(feature, /client-failover-number-steps[\s\S]*уменьшить на[\s\S]*увеличить на/);
+  assert.match(feature, /Когда переключать канал[\s\S]*сначала подтверждает сбой[\s\S]*Защита от частых переключений[\s\S]*остаётся на резервном/);
+  assert.match(feature, /client-failover-number-input[\s\S]*Math\.max\(2, String\(value\)\.length \+ 0\.6\)/);
+  assert.doesNotMatch(feature, /client-failover-number-steps|уменьшить на|увеличить на|advancedOpen|advancedClosing|toggleAdvanced|aria-controls="client-failover-advanced-options"/);
   assert.match(feature, /label="Добавить проверку"/);
   assert.match(feature, /Новый HTTPS-сервис…/);
   assert.match(feature, /Убрать проверку:/);
@@ -39,18 +40,21 @@ test('failover settings use Harbor switches, a two-column channel table and plai
   assert.match(feature, /finishRemoveCheck/);
   assert.match(feature, /startViewTransition/);
   assert.match(feature, /onInput=\{pulseNumber\}/);
-  assert.match(feature, /aria-controls="client-failover-advanced-options"/);
   assert.doesNotMatch(feature, /<details|<summary|Нет данных|текущий канал вне настроенной пары/);
   assert.doesNotMatch(page, /Текущий канал вне резервной пары/);
   assert.match(page, /Резерв применится после перезапуска VPN/);
   assert.match(feature, /Приостановить автоматику[\s\S]*Проверить основной и резервный[\s\S]*Переключить новые соединения на/);
   assert.match(feature, /beforeunload/);
   assert.match(styles, /\.client-failover-switch\[aria-checked='true'\][\s\S]*translateX\(22px\)/);
+  assert.match(styles, /\.client-failover-heading \{[^}]*justify-content:\s*space-between[^}]*}/);
+  assert.doesNotMatch(styles, /\.client-failover-heading \{[^}]*padding-right/);
   assert.match(styles, /\.client-failover-channels \{[^}]*grid-template-columns:\s*repeat\(2, minmax\(0, 1fr\)\)/);
   assert.match(styles, /@media \(max-width: 560px\)[\s\S]*\.client-failover-channels \{ grid-template-columns:\s*minmax\(0, 1fr\)/);
   assert.match(styles, /\.client-failover-picker-list[\s\S]*opacity:\s*0[\s\S]*\.client-failover-picker\.is-open[\s\S]*opacity:\s*1/);
-  assert.match(styles, /failover-service-out 300ms[\s\S]*failover-advanced-out[\s\S]*@media \(prefers-reduced-motion: reduce\)/);
-  assert.match(styles, /\.client-failover-number-setting input \{[^}]*text-align:\s*center[^}]*appearance:\s*textfield/);
+  assert.match(styles, /failover-service-out 300ms[\s\S]*@media \(prefers-reduced-motion: reduce\)/);
+  assert.match(styles, /\.client-failover-number-setting \{[^}]*display:\s*flex[^}]*flex-wrap:\s*wrap/);
+  assert.match(styles, /\.client-failover-number-setting input \{[^}]*border:\s*0[^}]*text-align:\s*center[^}]*appearance:\s*textfield/);
+  assert.doesNotMatch(styles, /client-failover-number-steps|client-failover-advanced|failover-advanced-in|failover-advanced-out/);
 });
 
 test('runtime status keeps fixed geometry and explains active traffic without motion dependence', () => {

test/web/style-boundaries.test.js

@@ -39,26 +39,26 @@ const expectedImports = [
 const sha256 = (value) => crypto.createHash('sha256').update(value).digest('hex');
 const acceptedLedger = {
   counts: {
-    cascadeEdges: 1055,
+    cascadeEdges: 1014,
     customProperties: 106,
-    declarations: 4125,
+    declarations: 4063,
     important: 0,
-    keyframes: 52,
+    keyframes: 50,
     media: 17,
-    rules: 1119,
-    variableReferences: 1040,
+    rules: 1100,
+    variableReferences: 1036,
   },
   hashes: {
-    cascadeEdges: '6e8798a1cde16b738dae383fde679c1b8213f31acbd9efe75d594ad772cde118',
+    cascadeEdges: '4fe4311542670277b77fffa4a14f7de1353f3f98f676fa07f3a5a202917cc14b',
     customProperties: 'fd6f16069f9fe3526f09d4d574431ddae67150d8e7a8a40e04c9fd2d179ec7ac',
-    declarations: '8f988bf6c61167f0c48de91022c31746d92fa533f15625ba9c9588f39dc13e0e',
+    declarations: 'e6695bd8f63a3ae1842683ff3346136a07e99d1c893cd8a7c6eaf8e50796d1fd',
     duplicateKeyframes: '4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945',
     duplicateSelectors: '8982145dba05b33bf1c93b2d54cfbe76305b276ff3c657aa020144016ada5848',
-    keyframes: 'afdfc9691f8ef629fd5f263f3eebecf2373b54f0940d8deedd5e74497d55d0f3',
-    ruleDeclarationSequences: '67f9ae4cb44ff42eb5ad17f54fea56f0c46be77bc5a7c83fefcae098cf8c8dde',
-    selectors: 'a001c0b9877970aa2e9b6de091dbff7d4a46933aa1230f434fa4d63b28637c58',
-    variableReferences: '3f739dbe02bbbe70377b56e9068c04ef6d4e4b1c4ffb2dd15373469ceac34e19',
-    witnesses: 'd2b5c2e84458ef49e686ba6987e8933d569188eaa626f74929b246981e2b465c',
+    keyframes: 'af4b9ae18d070fd2462a9b050293f3821bf5017c6e7cc53bbe18dc826f0fe3b9',
+    ruleDeclarationSequences: '58fb23b3f9c488cb68d6b453951667dd55a8cdec31d3bababb8966997bf18812',
+    selectors: '33a03f858af784d6047bb33b0a4b2fd715da1ecad798554cf223d0d2389004ca',
+    variableReferences: 'cc85eef6fd25e1865151fec7ee090d3fbb7fa5769d89daf39ba1feb9cbe3f544',
+    witnesses: '88d2ed948d207fb7372770f803374ec6e0505c34bd59c580f9e1e568e0cdd60d',
   },
 };
 
@@ -211,7 +211,7 @@ test('client typography uses the shared semantic scale outside the token owner',
 
 test('accepted stylesheet has pinned declaration, selector, keyframe, variable, and cascade ledgers', () => {
   const witnesses = readStyleWitnesses(root);
-  assert.equal(witnesses.length, 1074);
+  assert.equal(witnesses.length, 1050);
   assert.equal(witnesses.filter((witness) => witness.unknown || witness.ancestorUnknown).length, 0);
   const ledger = createStyleLedger(readStyleSource(root), { witnesses });
   assert.deepEqual(ledger.counts, acceptedLedger.counts);
@@ -407,8 +407,8 @@ test('main owns one public stylesheet and the regrouped production CSS is determ
   assert.equal((main.match(/import ['"][^'"]+\.css['"]/g) || []).length, 1);
 
   const assets = fs.readdirSync(path.join(root, 'dist/assets')).filter((file) => file.endsWith('.css'));
-  assert.deepEqual(assets, ['index-C5YGJNIP.css']);
+  assert.deepEqual(assets, ['index-DL7r5BkR.css']);
   const built = fs.readFileSync(path.join(root, 'dist/assets', assets[0]));
-  assert.equal(built.byteLength, 156575);
-  assert.equal(sha256(built), '31ddd5c13fd60949dd74009a690f4b7d7828a5d250856e38752529b682bb6e17');
+  assert.equal(built.byteLength, 154336);
+  assert.equal(sha256(built), '5a7e01e9723a683a904c09a7c77b956ae0769b2153ef34ca7d29fb7f36833b36');
 });