Update Harbor client and gateway functionality

test/web/responsive-layout-contract.test.js

@@ -132,7 +132,8 @@ test('secondary menus share one right rail and switch equal drawers as a vertica
   assert.match(component, /<ConnectivityDiagnosticsPanel/);
   assert.doesNotMatch(component, /diagnosticsToggleRef|diagnosticsPanelRef|diagnosticsCloseRef/);
   assert.match(component, /<ConnectivityDiagnosticsPanel[\s\S]*isGateway=\{isGateway\}/);
-  assert.match(routing, /Локальные правила недоступны: сейчас работают правила Gateway/);
+  assert.doesNotMatch(routing, /const disabled = gatewayDirect \|\|/);
+  assert.match(routing, /Локальный список сейчас обходится Harbor Gateway/);
   assert.match(rule('.client-secondary-menu'), /right:\s*max\(14px, env\(safe-area-inset-right\)\)/);
   assert.match(rule('.client-secondary-menu'), /display:\s*grid/);
   assert.match(disabledRulesLabel, /opacity:\s*0/);
@@ -192,6 +193,22 @@ test('secondary menus share one right rail and switch equal drawers as a vertica
   assert.doesNotMatch(component, /instructionsFeature\.close\(\)[\s\S]{0,180}devicesFeature\.close\(\)[\s\S]{0,180}subscriptionFeature\.toggle\(\)/);
 });
 
+test('routing rules keep two desktop rows and three narrow rows without shrinking drag targets', () => {
+  assert.match(rule('.client-local-rule'), /grid-template-columns:\s*44px 24px 116px minmax\(0, 1fr\) 28px/);
+  assert.match(rule('.client-local-rule-meta'), /grid-column:\s*2 \/ -1[\s\S]*grid-row:\s*2/);
+  const mobile = /@media \(max-width: 560px\) \{([\s\S]*?)\n\}\s*$/.exec(layoutStyles)?.[1] || '';
+  assert.match(mobile, /grid-template-columns:\s*44px 44px minmax\(0, 1fr\) 44px/);
+  assert.match(mobile, /\.client-local-rule input \{[\s\S]*grid-row:\s*2/);
+  assert.match(mobile, /\.client-local-rule-meta \{[\s\S]*grid-row:\s*3/);
+  assert.match(mobile, /\.client-rule-handle,[\s\S]*width:\s*44px;[\s\S]*height:\s*44px/);
+  assert.match(mobile, /\.client-rule-type-trigger,[\s\S]*\.client-rule-outbound button \{[\s\S]*height:\s*44px/);
+  assert.match(mobile, /\.client-rule-type-list button \{[\s\S]*min-height:\s*44px/);
+  const compact = layoutStyles.slice(layoutStyles.indexOf('@media (max-width: 360px)'));
+  assert.match(compact, /\.client-local-rule-meta \{[\s\S]*flex-wrap:\s*wrap/);
+  assert.match(compact, /\.client-rule-outbound \{[\s\S]*width:\s*100%[\s\S]*flex-basis:\s*100%/);
+  assert.match(compact, /\.client-local-rule-status \{[\s\S]*width:\s*100%[\s\S]*white-space:\s*normal/);
+});
+
 test('connectivity diagnostics render stable compact tables before the first run', () => {
   assert.match(diagnostics, /CONNECTIVITY_IP_SOURCES\.map/);
   assert.match(diagnostics, /CONNECTIVITY_SITES\.filter\(\(\{ id \}\) => !hiddenServiceIds\.includes\(id\)\)/);