Polish diagnostics animations and device alias sizing

test/web/device-inventory-contract.test.js

@@ -46,7 +46,8 @@ test('Gateway device inventory uses the existing accessible responsive drawer',
   assert.match(panel, /client-device-name-heading\$\{hasName \? '' : ' is-address-only'\}\$\{editing \? ' is-editing' : ''\}/);
   assert.match(panel, /className="client-device-alias-input"[\s\S]*onBlur=\{\(\) => saveAlias\(device\)\}[\s\S]*event\.key === 'Enter'[\s\S]*event\.currentTarget\.blur\(\)/);
   assert.match(panel, /aliasBaseline\.current = \{ id: device\.id, value \}/);
-  assert.match(panel, /aliasWidth\.current = `\$\{width\}px`[\s\S]*startEditing\(device, event\.currentTarget\.getBoundingClientRect\(\)\.width\)/);
+  assert.match(panel, /style=\{\{ '--alias-width': `\$\{Math\.max\(1, alias\.length\)\}ch` \}\}/);
+  assert.doesNotMatch(panel, /aliasWidth|getBoundingClientRect\(\)\.width/);
   assert.match(panel, /nextAlias === aliasBaseline\.current\.value\.trim\(\)[\s\S]*setEditingId\(\(current\) => current === device\.id \? '' : current\)/);
   assert.doesNotMatch(panel, /client-device-alias"|Сохранить название|Отменить изменение/);
   assert.match(panel, /pencilAnimationId === device\.id \? ' is-writing'/);

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

@@ -141,7 +141,12 @@ test('connectivity diagnostics render stable compact tables before the first run
   assert.match(diagnostics, /api\.diagnostics\.connectivity\(customServices, target\)/);
   assert.match(diagnostics, /const target = `ip:\$\{source\.id\}`;[\s\S]*activeTarget === target/);
   assert.match(diagnostics, /activeTarget === `site:\$\{site\.id\}`/);
-  assert.match(styles, /\.client-diagnostics-table tbody tr\.is-running \{[\s\S]*client-diagnostics-row-pulse/);
+  assert.match(diagnostics, /data-diagnostic-target=\{target\}/);
+  assert.match(diagnostics, /client-diagnostics-active-marker/);
+  assert.match(styles, /\.client-diagnostics-active-marker\.is-moving \{[\s\S]*transform 680ms/);
+  assert.match(diagnostics, />\.{3}<\/span>/);
+  assert.doesNotMatch(styles, /client-diagnostics-row-pulse/);
+  assert.doesNotMatch(rule('.client-diagnostics-status.is-running'), /animation:|transform:|opacity:/);
 });
 
 test('duration and Gateway access keep stable geometry without tabs', () => {