fix(sw): 2026-10-21 SW design review and responsive header without More from 760px

User-approved design review (2026-10-21):
- SW Header: from 760px up nothing moves into More; the five menus stay with their
  titles (titles and values ellipsize), file name shrinks to 96px. Open next to the
  logo no longer blocks field shrinking above 760px (760/768 overflow fixed, also for
  configured `controls` headers). Dropdown yellow ring inside the button, black seam.
- Property Bar values as read-only red text; property popup "=" labels, read-only
  black values, per-entry hover with pointer.
- Home Menu recent files (3 rows, path + name caption, empty preview), Footer + slot
  guide off by default, Viewer file list without icons, Storybook widths 1920-760.
- Tests: old More expectations (integrated-improvement, keyboard-dismiss,
  footer-popup-viewer-refinement, storybook-cleanup-stage1) moved to the new rule;
  functional checks kept.

packages/sw/tests/integrated-popup.checks.mjs

@@ -74,10 +74,13 @@ export async function popupChecks({ page, goto, check, log, rect, out, report })
   await page.locator('[data-stack]').screenshot({ path: path.join(out, 'popup-short-dropdown.png') })
   await page.keyboard.press('Escape')
   check('several popups: Escape in a dropdown closes only the dropdown', await bMenu.count() === 0 && await popup('a').count() === 1 && await b.count() === 1 && await popup('c').count() === 1)
-  const aInput = popup('a').getByLabel('A 값')
-  await aInput.click(); await aInput.fill('A2'); await aInput.press('Escape')
-  check('several popups: Escape on an edited input cancels the edit only', await aInput.inputValue() === 'A' && await popup('a').count() === 1)
-  await aInput.press('Escape')
+  // 2026-10-21 (user decision): Popup A's value is read-only plain text (no input, no red, no focus ring). The Story has
+  // no editable input any more (A's was the only one): Escape on an edited input is covered by property-fields /
+  // overview; here Escape inside A is pressed on its close button.
+  const aValue = await popup('a').locator('[data-readonly-value="a"]').evaluate(e => ({ tag: e.tagName, tab: e.tabIndex, inputs: e.closest('[data-popup]').querySelectorAll('.hm-sw-property__body input').length, color: getComputedStyle(e).color }))
+  check('several popups: Popup A shows its read-only value as plain text (not focusable, not red)', aValue.tag === 'SPAN' && aValue.tab === -1 && aValue.inputs === 0 && aValue.color !== 'rgb(255, 0, 0)', aValue)
+  await popup('a').locator('button').first().focus()
+  await page.keyboard.press('Escape')
   check('several popups: Escape inside a popup closes that popup only', (await log()).endsWith('close(a)') && await b.count() === 1 && await popup('c').count() === 1, await log())
   await page.locator('body').click({ position: { x: 5, y: 5 } })
   await page.keyboard.press('Escape')