Clarify failover UI messaging and controls

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

@@ -13,7 +13,7 @@ test('reserve is a Gateway-only drawer immediately after subscriptions', () => {
   assert.match(page, /\{isGateway && hasSubscription && <FailoverPanel/);
   assert.match(page, /DRAWER_ORDER = \['subscription', 'failover'/);
   assert.match(feature, /label="Резерв"/);
-  assert.match(feature, /Уже открытые соединения Harbor не закрывает/);
+  assert.match(feature, /Уже открытые подключения продолжат работать/);
 });
 
 test('failover settings use Harbor switches, a two-column channel table and plain-language controls', () => {
@@ -23,16 +23,16 @@ test('failover settings use Harbor switches, a two-column channel table and plai
   assert.match(feature, /\['primary', 'reserve'\][\s\S]*client-failover-\$\{channel\}-options[\s\S]*updateTarget\(channel, optionId\)/);
   assert.match(feature, /channelLabel[\s\S]*profile\.trim\(\) === server\.trim\(\)[\s\S]*`\$\{profile} · \$\{server}`/);
   assert.match(feature, /client-failover-channels[\s\S]*<article className="client-failover-channel"[\s\S]*<h3>\{channel === 'primary' \? 'Основной' : 'Резервный'}/);
-  assert.match(feature, /snapshot\.reason === 'checking-channels'[\s\S]*Проверяется \{checkingRole === 'primary' \? 'основной' : 'резервный'} канал/);
+  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, /Проверка доступности[\s\S]*открывает эти адреса через оба канала/);
+  assert.match(feature, /Что проверять[\s\S]*По этим сайтам Harbor понимает, работает канал или нет/);
   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]*Защита от частых переключений[\s\S]*остаётся на резервном/);
+  assert.match(feature, /Проверять каналы каждые[\s\S]*Считать основной неработающим, если он не отвечает[\s\S]*Вернуться на основной после/);
+  assert.match(feature, /Дождаться паузы в передаче данных[\s\S]*Переключить после[\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.match(feature, /client-failover-number-steps[\s\S]*уменьшить на[\s\S]*увеличить на/);
+  assert.match(feature, /client-failover-number-control[\s\S]*client-failover-number-input[\s\S]*client-failover-number-steps[\s\S]*уменьшить на \$\{step\}[\s\S]*>−<\/button>[\s\S]*увеличить на \$\{step\}[\s\S]*>\+<\/button>/);
   assert.match(feature, /before="Ждать ответ не дольше"[\s\S]*step=\{1\}/);
   assert.doesNotMatch(feature, /advancedOpen|advancedClosing|toggleAdvanced|aria-controls="client-failover-advanced-options"/);
   assert.match(feature, /label="Добавить проверку"/);
@@ -45,7 +45,7 @@ test('failover settings use Harbor switches, a two-column channel table and plai
   assert.doesNotMatch(feature, /<details|<summary|Нет данных|текущий канал вне настроенной пары/);
   assert.doesNotMatch(page, /Текущий канал вне резервной пары/);
   assert.match(page, /Резерв применится после перезапуска VPN/);
-  assert.match(feature, /Приостановить автоматику[\s\S]*Проверить основной и резервный[\s\S]*Переключить новые соединения на/);
+  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[^}]*}/);
@@ -55,18 +55,21 @@ test('failover settings use Harbor switches, a two-column channel table and plai
   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]*@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-control \{[^}]*position:\s*relative[^}]*min-width:\s*44px[^}]*padding-bottom:\s*18px/);
   assert.match(styles, /\.client-failover-number-setting input \{[^}]*border:\s*0[^}]*text-align:\s*center[^}]*appearance:\s*textfield/);
   assert.match(styles, /input::\-webkit-inner-spin-button[\s\S]*input::\-webkit-outer-spin-button[^}]*\-webkit-appearance:\s*none/);
-  assert.match(styles, /\.client-failover-number-steps \{[^}]*display:\s*inline-flex/);
+  assert.match(styles, /\.client-failover-number-steps \{[^}]*position:\s*absolute[^}]*opacity:\s*0[^}]*pointer-events:\s*none/);
+  assert.match(styles, /\.client-failover-number-control:hover \.client-failover-number-steps,[^}]*:focus-within[^}]*opacity:\s*1[^}]*pointer-events:\s*auto/);
+  assert.match(styles, /\.client-failover-timing \{[^}]*gap:\s*0[^}]*\}[\s\S]*\.client-failover-protection-options \{[^}]*gap:\s*0/);
   assert.doesNotMatch(styles, /client-failover-advanced|failover-advanced-in|failover-advanced-out/);
 });
 
 test('runtime status keeps fixed geometry and explains active traffic without motion dependence', () => {
-  assert.match(feature, /Ждём завершения активной работы/);
-  assert.match(feature, /Активный трафик ·[\s\S]*transmittingConnections/);
+  assert.match(feature, /Ждём паузу в передаче данных/);
+  assert.match(feature, /Идёт передача данных ·[\s\S]*transmittingConnections/);
   assert.match(feature, /activity\?\.blockers\.slice\(0, 2\)\.map/);
   assert.match(feature, /Ещё \{activity\.blockers\.length - 2\}/);
-  assert.match(feature, /Нестабилен ·[\s\S]*Следующее решение не раньше чем через/);
+  assert.match(feature, /Проверяем сбой ·[\s\S]*Следующее решение не раньше чем через/);
   assert.match(feature, /switchRole && snapshot\.enabled && snapshot\.activation === 'active'/);
   assert.match(styles, /\.client-failover-runtime \{[^}]*min-height:\s*132px/);
   assert.match(styles, /@media \(prefers-reduced-motion: reduce\)[\s\S]*transition:\s*none/);

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: 1017,
+    cascadeEdges: 1022,
     customProperties: 106,
-    declarations: 4079,
+    declarations: 4100,
     important: 0,
     keyframes: 50,
     media: 17,
-    rules: 1103,
-    variableReferences: 1041,
+    rules: 1106,
+    variableReferences: 1040,
   },
   hashes: {
-    cascadeEdges: 'baefd0b3605b82e516a6b4f76b047a8ec2f4a2e0a96d4cf77dec266f9c601e54',
+    cascadeEdges: '2ebf5dd14c4a1ae91a4ac550dc5cd5a1796c4a350a74d70b816e6c8cc2bb1298',
     customProperties: 'fd6f16069f9fe3526f09d4d574431ddae67150d8e7a8a40e04c9fd2d179ec7ac',
-    declarations: 'bc841497c24f42e41ba053ac1c6bebd556596031402f0b1709e5bef3dd179358',
+    declarations: '144956358828e941f82aad0081344417432f00c3908e14ea30579cda3a67a172',
     duplicateKeyframes: '4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945',
     duplicateSelectors: '8982145dba05b33bf1c93b2d54cfbe76305b276ff3c657aa020144016ada5848',
     keyframes: 'af4b9ae18d070fd2462a9b050293f3821bf5017c6e7cc53bbe18dc826f0fe3b9',
-    ruleDeclarationSequences: 'b1498de2ccc1305f4df4e8a916ea9eacefde930408196fb8a037ea4e8e36fc01',
-    selectors: 'c1ed45252baf6856f1179b8459cdbc44754bdb412b7738e62df13d2364aa202d',
-    variableReferences: '41d6e2fdb0e0261bb003ce09b24cbeac54bd75874a4e94864386b6e72987bb22',
-    witnesses: '835e479222ea1447f21dc95be3d7e1b03c0225e1aa536ad0ab262f60cbd5e13c',
+    ruleDeclarationSequences: '42bfa78f2f515fa082c36ea606825a617b98c3f8285f940d01fb3bade2a22c1c',
+    selectors: '24384f274822bfebbe8139f8f32f6986956055d716db493260d4157b38a2f647',
+    variableReferences: '60e91eac692feccb870fba6b1fc7ed87b918a9d95711ab90cca7e69d5c742875',
+    witnesses: 'ff6fe62b26aaae6c9171e176b9fd6176e13df145ce30998d83d52d696bb0ad8c',
   },
 };
 
@@ -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, 1080);
+  assert.equal(witnesses.length, 1090);
   assert.equal(witnesses.filter((witness) => witness.unknown || witness.ancestorUnknown).length, 0);
   const ledger = createStyleLedger(readStyleSource(root), { witnesses });
   assert.deepEqual(ledger.counts, acceptedLedger.counts);
@@ -408,8 +408,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-DsxsLlC8.css']);
+  assert.deepEqual(assets, ['index-CFcqdOjW.css']);
   const built = fs.readFileSync(path.join(root, 'dist/assets', assets[0]));
-  assert.equal(built.byteLength, 154992);
-  assert.equal(sha256(built), '8e1947e4aa98297130ba9e5f097b8341ecdd89a80faaade55abf907b2796823b');
+  assert.equal(built.byteLength, 155571);
+  assert.equal(sha256(built), '5d6d6b76c699ebe17b2487b532b35703ce427051578c3aa86672d2f1fd2edd98');
 });