@linhey/rhine-design 0.11.0 → 0.11.2

package/scripts/check-button-actions.js

@@ -0,0 +1,34 @@
+async page=>{
+ page.setDefaultTimeout(8000);const failures=[],errors=[],samples=[];const origin=new URL(page.url()).origin;
+ const contrast=({color,bg})=>{const luminance=c=>c.match(/[\d.]+/g).slice(0,3).map(Number).map(v=>{v/=255;return v<=.04045?v/12.92:((v+.055)/1.055)**2.4}).reduce((sum,v,i)=>sum+v*[.2126,.7152,.0722][i],0);const values=[luminance(color),luminance(bg)].sort((a,b)=>a-b);return (values[1]+.05)/(values[0]+.05);};
+ page.on('pageerror',e=>errors.push(String(e)));const check=(ok,ctx)=>{if(!ok)failures.push(ctx)};
+ for(const theme of ['rhine','arknights','neo-brutalism'])for(const width of [400,520,880])for(const zoom of [1,2]){
+  const context={theme,width,zoom};await page.setViewportSize({width,height:1000});await page.goto(`${origin}/?theme=${theme}&proof=${Date.now()}#button-actions`);
+  await page.getByLabel('按钮容器宽度').selectOption(String(width));await page.evaluate(z=>document.documentElement.style.zoom=String(z),zoom);
+  const demo=page.locator('[data-button-actions]');const buttons=demo.locator('button');
+  const dims=()=>buttons.evaluateAll(es=>es.map(e=>{const s=getComputedStyle(e);return {w:e.offsetWidth,h:e.offsetHeight,size:s.fontSize,line:s.lineHeight,pad:s.paddingInlineStart,large:e.classList.contains('rhine-button--large'),fit:e.scrollWidth<=e.clientWidth+1}}));
+  const normal=await dims();check(normal.every(x=>x.h>=(x.large?52:44)&&x.size===(x.large?'16px':'14px')&&x.line===(x.large?'24px':'22px')&&x.pad===(x.large?'24px':'16px')&&x.fit),{...context,kind:'size-contract',normal});
+  for(const state of ['disabled','busy']){await page.getByLabel('按钮状态').selectOption(state);const ds=await dims();check(ds.every((x,i)=>x.w===normal[i].w&&x.h===normal[i].h),{...context,kind:`stable-${state}`});if(state==='disabled')check(await buttons.first().isDisabled(),{...context,kind:'disabled'});else check(await buttons.first().getAttribute('aria-busy')==='true',{...context,kind:'busy'});}
+  await page.getByLabel('按钮状态').selectOption('normal');
+  const logout=demo.getByRole('button',{name:'退出登录',exact:true}).nth(1);await logout.focus();await page.keyboard.press('Enter');await page.keyboard.press('Space');
+  await page.getByRole('status').filter({hasText:'large退出登录'}).waitFor();check(await logout.evaluate(e=>document.activeElement===e),{...context,kind:'keyboard-focus'});
+  const disconnect=demo.getByRole('button',{name:'断开连接',exact:true}).nth(1);await disconnect.focus();await page.keyboard.press('Space');await page.getByRole('status').filter({hasText:'large断开连接'}).waitFor();
+  for(const label of ['退出登录','断开连接','删除记录']){
+   const button=demo.getByRole('button',{name:label,exact:true}).nth(1);await page.mouse.move(0,0);await page.waitForTimeout(350);const normalColor=await button.evaluate(e=>({color:getComputedStyle(e).color,bg:getComputedStyle(e).backgroundColor}));check(contrast(normalColor)>=4.5,{...context,kind:`contrast-default-${label}`,normalColor,ratio:contrast(normalColor)});await button.hover();await page.waitForTimeout(350);const color=await button.evaluate(e=>({color:getComputedStyle(e).color,bg:getComputedStyle(e).backgroundColor}));
+   check(contrast(color)>=4.5,{...context,kind:`contrast-hover-${label}`,color,ratio:contrast(color)});
+   await page.mouse.down();check(await button.evaluate(e=>e.matches(':active')),{...context,kind:`active-${label}`});await page.mouse.move(0,0);await page.mouse.up();
+   await button.focus();await page.keyboard.press('Tab');await page.keyboard.press('Shift+Tab');
+   check(await button.evaluate(e=>e.matches(':focus-visible')&&(getComputedStyle(e).outlineStyle!=='none'||getComputedStyle(e).boxShadow!=='none')),{...context,kind:`focus-${label}`});
+   samples.push({...context,label,color});
+  }
+  await page.getByLabel('按钮状态').selectOption('long');check(await demo.evaluate(e=>e.scrollWidth<=e.clientWidth+1),{...context,kind:'long-container'});check((await dims()).every(x=>x.fit),{...context,kind:'long-text'});
+  await page.getByLabel('按钮状态').selectOption('normal');await demo.getByRole('button',{name:'删除记录',exact:true}).nth(1).click();
+  const dialog=page.getByRole('alertdialog',{name:'删除合成记录'});await dialog.waitFor();await page.keyboard.press('Escape');await dialog.waitFor({state:'detached'});
+  if(width===880&&zoom===1)await demo.screenshot({path:`output/playwright/buttons-${theme}.png`});
+ }
+ for(const theme of ['rhine','arknights','neo-brutalism'])for(const mode of ['system','manual']){
+  await page.emulateMedia({reducedMotion:mode==='system'?'reduce':'no-preference'});await page.goto(`${origin}/?theme=${theme}&proof=${Date.now()}#button-actions`);
+  if(mode==='manual')await page.getByRole('radio',{name:'减少动态',exact:true}).check();await page.locator('[data-button-actions]').getByRole('button',{name:'退出登录',exact:true}).first().press('Enter');await page.getByRole('status').filter({hasText:'合成操作完成'}).waitFor();
+ }
+ return {pass:!failures.length&&!errors.length,failures,errors,samples};
+}

package/scripts/check-combobox-modal-focus.js

@@ -0,0 +1,22 @@
+// Regression for the interval between a nested popup closing and its modal scope resuming.
+async page => {
+  const origin = new URL(page.url()).origin, cases = [], errors = [];
+  page.on('pageerror', error => errors.push(String(error)));
+  for (const theme of ['rhine', 'arknights', 'neo-brutalism']) for (const width of [400, 880]) for (const zoom of [1, 2]) {
+    await page.setViewportSize({ width, height: 960 });
+    await page.goto(`${origin}/?theme=${theme}#compact-filters`); await page.reload();
+    await page.evaluate(value => { document.documentElement.style.zoom = String(value); }, zoom);
+    await page.getByRole('button', { name: '在弹窗内选择', exact: true }).click();
+    const input = page.getByRole('combobox', { name: '弹窗部门', exact: true });
+    await input.click(); await input.press('Shift+Tab');
+    await page.keyboard.press('Shift+Tab');
+    const immediateInside = await page.getByRole('dialog').evaluate(element => element.contains(document.activeElement));
+    // Assert the fast path before waiting; then separately verify normal navigation resumes.
+    await page.waitForTimeout(50);
+    const close = page.getByRole('button', { name: '关闭对话框', exact: true });
+    await close.focus(); await page.keyboard.press('Shift+Tab');
+    const resumed = await page.getByRole('dialog').evaluate(element => element.contains(document.activeElement) && document.activeElement?.getAttribute('aria-label') !== '关闭对话框');
+    cases.push({ theme, width, zoom, immediateInside, resumed });
+  }
+  return { pass: cases.every(item => item.immediateInside && item.resumed) && !errors.length, cases, errors };
+}

package/scripts/check-combobox-zoom.js

@@ -0,0 +1,109 @@
+// Open the built gallery, then run with Playwright CLI run-code --filename.
+async page => {
+  const origin = new URL(page.url()).origin;
+  page.setDefaultTimeout(10000);
+  const failures = [], errors = [], cases = [];
+  page.on('pageerror', error => errors.push(String(error)));
+  const bounds = locator => locator.evaluate(element => {
+    const r = element.getBoundingClientRect();
+    return { left: r.left, right: r.right, top: r.top, bottom: r.bottom, width: innerWidth, height: innerHeight };
+  });
+  const contained = r => r.left >= -1 && r.top >= -1 && r.right <= r.width + 1 && r.bottom <= r.height + 1;
+  for (const theme of ['rhine', 'arknights', 'neo-brutalism']) {
+    for (const width of [400, 520, 880]) for (const zoom of [1, 2]) for (const modal of [false, true]) {
+      const spec = { theme, width, zoom, modal };
+      await page.setViewportSize({ width, height: 960 });
+      await page.goto(`${origin}/?theme=${theme}#compact-filters`);
+      await page.reload();
+      await page.getByRole('heading', { name: '密集筛选控件', exact: true }).waitFor();
+      await page.evaluate(zoom => { document.documentElement.style.zoom = String(zoom); }, zoom);
+      if (modal) await page.getByRole('button', { name: '在弹窗内选择', exact: true }).click();
+      const label = modal ? '弹窗部门' : '部门';
+      const input = page.getByRole('combobox', { name: label, exact: true });
+      await input.fill('合成部门 99');
+      const list = page.getByRole('listbox', { name: label, exact: true });
+      await list.getByRole('option', { name: '合成部门 99', exact: true }).waitFor();
+      await page.waitForTimeout(200);
+      // Native Tab targets differ with browser/platform keyboard preferences.
+      // Compare the exit with the same input's ordinary closed-popup Tab path.
+      await input.press('Escape'); await input.press('Tab');
+      const naturalNext = await page.evaluateHandle(() => document.activeElement);
+      await input.click(); await list.waitFor();
+      const popup = list.locator('..');
+      const completion = popup.getByRole('button', { name: '完成选择', exact: true });
+      await input.press('Tab');
+      const tabIn = await completion.evaluate(element => element === document.activeElement);
+      await completion.press('Shift+Tab');
+      const tabBack = await input.evaluate(element => element === document.activeElement);
+      await input.press('Tab'); await completion.press('Tab');
+      await list.waitFor({ state: 'detached' });
+      const tabOut = await page.waitForFunction(element => element === document.activeElement, naturalNext, { timeout: 2000 }).then(() => true, () => false);
+      await naturalNext.dispose();
+      await input.click(); await list.waitFor();
+
+      const rect = await bounds(popup);
+      await list.getByRole('option', { name: '合成部门 99', exact: true }).click();
+      const selected = await list.getByRole('option', { name: '合成部门 99', exact: true }).getAttribute('aria-selected');
+      await input.press('Escape');
+      await list.waitFor({ state: 'detached' });
+      const focusRetained = await input.evaluate(element => element === document.activeElement);
+      await input.fill('没有匹配的合成部门');
+      await list.getByText('暂无匹配结果', { exact: true }).waitFor();
+      await input.fill('合成部门 98');
+      await input.press('ArrowDown');
+      await input.press('Enter');
+      const keyboardSelected = await list.getByRole('option', { name: '合成部门 98', exact: true }).getAttribute('aria-selected');
+      const node = await input.elementHandle();
+      await page.evaluate(zoom => { document.documentElement.style.zoom = String(zoom === 1 ? 2 : 1); }, zoom);
+      await page.waitForTimeout(200);
+      const stable = await node.evaluate(element => element.isConnected && element.value === '合成部门 98');
+      const dynamic = await bounds(popup);
+      const option = list.getByRole('option', { name: '合成部门 98', exact: true });
+      await option.click();
+      const toggledOff = await option.getAttribute('aria-selected') === 'false';
+      await input.press('ArrowDown');
+      await input.press('Enter');
+      const toggledOn = await option.getAttribute('aria-selected') === 'true';
+      await input.fill('');
+      await list.getByRole('option').last().waitFor();
+      const done = popup.getByRole('button', { name: '完成选择', exact: true });
+      await done.scrollIntoViewIfNeeded();
+      const doneBounds = await bounds(done);
+      const longListBounds = await bounds(popup);
+      const boundedList = longListBounds.bottom - longListBounds.top <= Math.min(240 * (zoom === 1 ? 2 : 1), 936) + 1;
+      await done.click();
+      await list.waitFor({ state: 'detached' });
+      const completed = await input.evaluate(element => element === document.activeElement && element.value === '' && element.getAttribute('aria-expanded') === 'false');
+      const field = page.locator('.rhine-multi-select').filter({ has: input });
+      let cleared = true;
+      for (const initiallyOpen of [false, true]) {
+        await input.fill('合成部门 99');
+        await input.press('ArrowDown'); await input.press('Enter');
+        if (!initiallyOpen) await popup.getByRole('button', { name: '完成选择', exact: true }).click();
+        await field.getByRole('button', { name: '清空选择', exact: true }).click();
+        await list.waitFor({ state: 'detached' });
+        cleared = cleared && await input.evaluate(element => element === document.activeElement && element.value === '合成部门 99' && element.getAttribute('aria-expanded') === 'false') && await field.getByRole('button', { name: '清空选择', exact: true }).count() === 0;
+      }
+      for (const name of ['合成部门 99', '合成部门 98']) {
+        await input.fill(name); await input.press('ArrowDown');
+        await list.getByRole('option', { name, exact: true }).waitFor();
+        await input.press('Enter');
+        await page.waitForFunction(({ id, name }) => [...document.getElementById(id).querySelectorAll('[role=option]')].some(element => element.textContent.trim().replace(/^✓/, '').trim() === name && element.getAttribute('aria-selected') === 'true'), { id: await list.getAttribute('id'), name });
+      }
+      await popup.getByRole('button', { name: '完成选择', exact: true }).click();
+      await field.getByRole('button', { name: '移除合成部门 99', exact: true }).click();
+      const tagRemoved = await input.evaluate(element => element === document.activeElement && element.value === '合成部门 98' && element.getAttribute('aria-expanded') === 'false');
+      await input.fill(''); await input.press('Backspace');
+      const backspaceRetained = await input.getAttribute('aria-expanded') === 'true' && await field.getByRole('button', { name: '清空选择', exact: true }).count() === 0;
+      await input.press('Escape');
+      const pass = boundedList && tabIn && tabBack && tabOut && cleared && tagRemoved && backspaceRetained && contained(rect) && contained(dynamic) && selected === 'true' && keyboardSelected === 'true' && focusRetained && stable && toggledOff && toggledOn && contained(doneBounds) && completed;
+      cases.push({ ...spec, pass });
+      if (!pass) failures.push({ ...spec, rect, dynamic, selected, keyboardSelected, focusRetained, stable, toggledOff, toggledOn, doneBounds, completed, cleared, tagRemoved, backspaceRetained, tabIn, tabBack, tabOut, boundedList, longListBounds });
+      if (modal) {
+        await input.press('Escape');
+        await page.getByRole('dialog', { name: '搜索多选', exact: true }).waitFor({ state: 'detached' });
+      }
+    }
+  }
+  return { pass: !failures.length && !errors.length, cases: cases.length, failures, errors };
+}

package/scripts/check-compact-selection.js

@@ -0,0 +1,40 @@
+async page => {
+ page.setDefaultTimeout(10000);
+ const origin=new URL(page.url()).origin, failures=[],errors=[],samples=[];
+ page.on('pageerror',e=>errors.push(String(e)));
+ const check=(ok,ctx)=>{if(!ok)failures.push(ctx)};
+ for(const theme of ['rhine','arknights','neo-brutalism'])for(const width of [400,520,880])for(const zoom of [1,2]){
+  const context={theme,width,zoom};
+  await page.setViewportSize({width,height:1000});await page.goto(`${origin}/?theme=${theme}&proof=${Date.now()}#compact-selection`);
+  await page.getByLabel('组合宽度').selectOption(String(width));await page.evaluate(z=>document.documentElement.style.zoom=String(z),zoom);
+  const cards=page.locator('[data-card]');
+  const measure=()=>cards.evaluateAll(es=>es.map(e=>({height:e.getBoundingClientRect().height,fit:e.scrollWidth<=e.clientWidth+1,widths:[...e.querySelectorAll('.ds-choice-card__actions button')].map(b=>b.offsetWidth)})));
+  const before=await measure();check(Math.abs(before[0].height-before[1].height)<1&&before.every(x=>x.fit&&x.widths[0]===64&&x.widths[1]===112),{...context,kind:'equal-cards-actions',before});
+  await page.getByRole('tab',{name:'备用区',exact:true}).focus();await page.keyboard.press('Home');await page.keyboard.press('End');
+  await page.getByRole('button',{name:'切换操作',exact:true}).click();await page.getByRole('menuitem',{name:'设为当前项',exact:true}).click();
+  const frames=await page.evaluate(()=>new Promise(resolve=>{const data=[],start=performance.now();function frame(){data.push([...document.querySelectorAll('[data-card]')].map(e=>e.getBoundingClientRect().height));if(performance.now()-start<900)requestAnimationFrame(frame);else resolve(data)}requestAnimationFrame(frame)}));
+  check(frames.every(f=>f.every((height,i)=>Math.abs(height-before[i].height)<1)),{...context,kind:'card-frame-stability',range:frames.slice(0,2).concat(frames.slice(-2))});
+  check(await page.getByRole('tab',{name:'备用区',exact:true}).getAttribute('aria-selected')==='true',{...context,kind:'tab-identity'});
+  const trigger=page.getByRole('button',{name:'选择 合成对象 B 的授权分组'});await trigger.click();const dialog=page.getByRole('dialog',{name:'分组选择'});await dialog.waitFor();await dialog.evaluate(e=>Promise.all(e.getAnimations().map(a=>a.finished)));
+  const box=await dialog.boundingBox();
+  await page.evaluate(()=>{window.__frames=[];window.__sampling=true;function frame(){const e=document.querySelector('[role=dialog]');if(e){const r=e.getBoundingClientRect();window.__frames.push({height:r.height,y:r.y});}if(window.__sampling)requestAnimationFrame(frame)}requestAnimationFrame(frame)});
+  for(const value of ['four','last','empty','loading','error','two'])await dialog.getByLabel('预览内容').selectOption(value);
+  await dialog.getByLabel('候选分组').selectOption('beta');check(await dialog.getByText('已确认：示例组').count()===1,{...context,kind:'preview-only'});
+  const save=dialog.getByRole('button',{name:'保存',exact:true});await save.click();await page.keyboard.press('Escape');check(await dialog.count()===1,{...context,kind:'busy-blocks-close'});
+  await dialog.getByText('已确认：联合研究组').waitFor();check(await save.isDisabled(),{...context,kind:'confirmed-save'});
+  const heights=await page.evaluate(()=>{window.__sampling=false;return window.__frames});
+  check(heights.every(r=>Math.abs(r.height-box.height)<1&&Math.abs(r.y-box.y)<1),{...context,kind:'dialog-frame-stability',box,range:heights.slice(0,1).concat(heights.slice(-1))});
+  const footer=await save.boundingBox();const viewport=await page.evaluate(()=>({width:innerWidth,height:innerHeight}));
+  check(footer.y>=0&&footer.y+footer.height<=viewport.height+1&&footer.x>=0&&footer.x+footer.width<=viewport.width+1,{...context,kind:'footer-reachable',footer,viewport});
+  await dialog.getByLabel('候选分组').selectOption('none');await page.keyboard.press('Escape');await dialog.waitFor({state:'detached'});
+  await trigger.click();check(await dialog.getByLabel('候选分组').inputValue()==='beta',{...context,kind:'discard-draft'});
+  await dialog.getByRole('button',{name:'关闭对话框'}).click();await dialog.waitFor({state:'detached'});await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')?.startsWith('选择 '));
+  await page.getByLabel('组合场景').selectOption('error');await trigger.click();await dialog.getByLabel('候选分组').selectOption('none');await dialog.getByRole('button',{name:'保存',exact:true}).click();await dialog.getByText('保存失败，请重试；确认值未改变。').waitFor();check(await dialog.getByText('已确认：联合研究组').count()===1,{...context,kind:'failure-preserves-confirmed'});
+  await page.keyboard.press('Escape');await dialog.waitFor({state:'detached'});
+  await page.getByLabel('组合场景').selectOption('long');check((await measure()).every(x=>x.fit),{...context,kind:'long-fit'});
+  for(const layout of ['fill','content']){await page.getByLabel('页签布局').selectOption(layout);check(await page.getByRole('tablist',{name:'选择摘要'}).evaluate(el=>el.scrollWidth<=el.clientWidth+1),{...context,kind:`tabs-${layout}`});}
+  if(width===400&&zoom===2){await cards.first().scrollIntoViewIfNeeded();await page.screenshot({path:`output/playwright/compact-${theme}.png`});}
+  samples.push(context);
+ }
+ return {pass:!failures.length&&!errors.length,failures,errors,samples};
+}

package/scripts/check-dialog-scroll-boundaries.js

@@ -0,0 +1,41 @@
+// Additional public API boundaries: footer without height, and text-only bounded body.
+async page => {
+ const origin=page.url().split('/').slice(0,3).join('/'),results=[];
+ for(const theme of ['rhine','arknights','neo-brutalism'])for(const width of [400,880])for(const zoom of [1,2]) {
+  const c={theme,width,zoom};
+  try {
+   await page.setViewportSize({width,height:648});
+   await page.goto(`${origin}/?fixture=settings-dialog&theme=${theme}&zoom=${zoom}`);
+   await page.getByRole('button',{name:'自动高度操作区示例'}).click();
+   const auto=page.getByRole('dialog',{name:'自动高度操作区'});
+   const initial=await auto.evaluate(e=>{
+    const footer=e.querySelector('.rhine-dialog__footer'),body=e.querySelector('.rhine-dialog__body');
+    return {root:e.getBoundingClientRect().toJSON(),head:e.querySelector('.rhine-dialog__head').getBoundingClientRect().toJSON(),footer:footer.getBoundingClientRect().toJSON(),body:body.getBoundingClientRect().toJSON(),footerScrollHeight:footer.scrollHeight,footerClientHeight:footer.clientHeight};
+   });
+   await auto.getByRole('button',{name:'长操作 20',exact:true}).focus();
+   const after=await auto.evaluate(e=>{
+    const footer=e.querySelector('.rhine-dialog__footer'),r=footer.getBoundingClientRect(),last=footer.querySelector('button:last-child').getBoundingClientRect();
+    return {head:e.querySelector('.rhine-dialog__head').getBoundingClientRect().toJSON(),lastInside:last.top>=r.top-1&&last.bottom<=r.bottom+1,scroll:footer.scrollTop,rootScroll:e.scrollTop};
+   });
+   const autoPass=initial.body.height>0&&initial.footer.height<=(648-32*zoom)*.4+1&&initial.footerScrollHeight>initial.footerClientHeight&&after.lastInside&&after.scroll>0&&after.rootScroll===0&&Math.abs(after.head.y-initial.head.y)<1;
+   // Ancestor zoom changes while open must update the local-pixel cap.
+   for(const changedZoom of [zoom===1?2:1,zoom]) {
+    await page.evaluate(z=>document.documentElement.style.zoom=String(z),changedZoom);
+    await page.waitForFunction(z=>{const e=document.querySelector('[role=dialog]');return e&&Math.abs(parseFloat(e.style.getPropertyValue('--rhine-dialog-footer-limit'))-(innerHeight/z-32)*.4)<1;},changedZoom);
+   }
+   await page.keyboard.press('Escape');await auto.waitFor({state:'detached'});
+   await page.getByRole('button',{name:'纯文本长正文示例'}).click();
+   const text=page.getByRole('dialog',{name:'纯文本长正文'}),region=text.getByRole('region',{name:'纯文本长正文内容'});
+   const named=await region.count()===1;
+   let keyboard=false;
+   if(named) {
+    await text.getByRole('button',{name:'关闭对话框'}).focus();await page.keyboard.press('Tab');
+    keyboard=await region.evaluate(e=>document.activeElement===e);
+    await page.keyboard.press('End');
+    await page.waitForFunction(()=>{const e=document.querySelector('[aria-label="纯文本长正文内容"]');return e&&e.scrollTop>0&&e.scrollHeight-e.clientHeight-e.scrollTop<2;});
+   }
+   results.push({...c,pass:autoPass&&named&&keyboard,autoPass,named,keyboard,initial,after});
+  }catch(error){results.push({...c,pass:false,error:String(error)});}
+ }
+ return {pass:results.every(r=>r.pass),results};
+}

package/scripts/check-multiselect-completion.js

@@ -0,0 +1,46 @@
+// Open the built gallery first; run with playwright-cli run-code --filename.
+async page => {
+  const origin = await page.evaluate(() => location.origin);
+  const cases = [], errors = [];
+  page.on('pageerror', error => errors.push(String(error)));
+  for (const theme of ['rhine', 'arknights', 'neo-brutalism']) for (const width of [400, 520, 880]) for (const zoom of [1, 2]) {
+    await page.setViewportSize({ width, height: 960 });
+    await page.goto(`${origin}/?theme=${theme}#compact-filters`);
+    await page.reload();
+    await page.getByRole('heading', { name: '密集筛选控件', exact: true }).waitFor();
+    await page.evaluate(zoom => { document.documentElement.style.zoom = String(zoom); }, zoom);
+    await page.getByRole('button', { name: '在弹窗内选择', exact: true }).click();
+    const dialog = page.getByRole('dialog', { name: '搜索多选', exact: true });
+    const input = dialog.getByRole('combobox', { name: '弹窗部门', exact: true });
+    await input.fill('合成部门 99');
+    const option = page.getByRole('option', { name: '合成部门 99', exact: true });
+    await option.click();
+    if (await option.getAttribute('aria-selected') !== 'true') throw Error('selection failed');
+    await option.click();
+    if (await option.getAttribute('aria-selected') !== 'false') throw Error('pointer deselection failed');
+    await input.press('ArrowDown'); await input.press('Enter');
+    if (await option.getAttribute('aria-selected') !== 'true') throw Error('keyboard selection failed');
+    await input.press('ArrowDown'); await input.press('Enter');
+    if (await option.getAttribute('aria-selected') !== 'false') throw Error('keyboard deselection failed');
+    await option.click();
+    const done = page.getByRole('button', { name: '完成选择', exact: true });
+    const popup = await done.evaluate(el => { const r = el.closest('.rhine-combobox__list').getBoundingClientRect(); return { left: r.left, right: r.right, top: r.top, bottom: r.bottom, width: innerWidth, height: innerHeight }; });
+    if (popup.left < -1 || popup.right > popup.width + 1 || popup.top < -1 || popup.bottom > popup.height + 1) throw Error(`popup outside viewport: ${JSON.stringify({ theme, width, zoom, popup })}`);
+    await done.click();
+    await page.getByRole('listbox').waitFor({ state: 'detached' });
+    if (!await input.evaluate(el => el === document.activeElement)) throw Error('completion lost focus');
+    if (!await dialog.isVisible() || await input.inputValue() !== '合成部门 99') throw Error('completion changed draft/dialog');
+    await input.fill('');
+    await page.getByRole('option', { name: '合成部门 99', exact: true }).waitFor();
+    await done.scrollIntoViewIfNeeded();
+    const rect = await done.evaluate(el => { const r = el.getBoundingClientRect(); return { left: r.left, right: r.right, top: r.top, bottom: r.bottom, width: innerWidth, height: innerHeight }; });
+    if (rect.left < -1 || rect.right > rect.width + 1 || rect.top < -1 || rect.bottom > rect.height + 1) throw Error(`completion outside viewport: ${JSON.stringify({ theme, width, zoom, rect })}`);
+    await done.focus(); await done.press('Enter');
+    await page.getByRole('listbox').waitFor({ state: 'detached' });
+    await input.click(); await done.focus(); await done.press('Escape');
+    await page.getByRole('listbox').waitFor({ state: 'detached' });
+    if (!await dialog.isVisible()) throw Error('Escape closed parent dialog');
+    cases.push({ theme, width, zoom, pass: true });
+  }
+  return { pass: !errors.length, cases: cases.length, errors };
+}

package/scripts/check-nav-actions.js

@@ -0,0 +1,41 @@
+async page => {
+ page.setDefaultTimeout(8000);
+ const failures=[], errors=[], samples=[];
+ page.on('pageerror',e=>errors.push(String(e)));
+ const origin=new URL(page.url()).origin;
+ const check=(ok,context)=>{if(!ok)failures.push(context)};
+ for(const theme of ['rhine','arknights','neo-brutalism'])for(const width of [400,520,880])for(const zoom of [1,2]){
+  await page.setViewportSize({width:1100,height:1000});
+  await page.goto(`${origin}/?theme=${theme}&proof=${Date.now()}#nav-actions`);
+  await page.getByLabel('导航容器宽度').selectOption(String(width));
+  await page.getByLabel('导航标题').selectOption('long');
+  await page.evaluate(z=>document.documentElement.style.zoom=String(z),zoom);
+  const nav=page.getByRole('navigation',{name:'行操作示例'}),trigger=nav.getByRole('button');
+  const context={theme,width,zoom};
+  check(await trigger.count()===1,{...context,kind:'empty-actions'});
+  const bounds=await trigger.evaluate(el=>({height:el.offsetHeight,width:el.offsetWidth,nested:!!el.closest('a'),opacity:getComputedStyle(el).opacity,fit:el.closest('nav').scrollWidth<=el.closest('nav').clientWidth+1}));
+  check(bounds.height>=44&&bounds.width>=44&&!bounds.nested&&bounds.opacity==='1'&&bounds.fit,{...context,kind:'bounds',bounds});
+  await nav.getByRole('link',{name:'没有动作的工作区',exact:true}).click();
+  await trigger.click();
+  await page.getByRole('menuitem',{name:'查看详情',exact:true}).click();
+  const dialog=page.getByRole('dialog',{name:'工作区详情'});await dialog.waitFor();
+  await page.keyboard.press('Escape');await dialog.waitFor({state:'detached'});
+  await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')?.endsWith('：更多操作'));
+  check(await nav.getByRole('link',{name:'没有动作的工作区',exact:true}).getAttribute('aria-current')==='page',{...context,kind:'no-navigation'});
+  await trigger.press('Space');await page.getByRole('menu').waitFor();
+  await page.keyboard.press('Escape');await page.getByRole('menu').waitFor({state:'detached'});
+  await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')?.endsWith('：更多操作'));
+  if(width===400&&zoom===2){await nav.scrollIntoViewIfNeeded();await page.screenshot({path:`output/playwright/nav-${theme}.png`});}
+  samples.push(context);
+ }
+ for(const reduced of [false,true]){
+  await page.emulateMedia({reducedMotion:reduced?'reduce':'no-preference'});
+  await page.goto(`${origin}/?proof=${Date.now()}#nav-actions`);await page.getByRole('navigation',{name:'行操作示例'}).getByRole('button').click();
+  await page.getByRole('menuitem',{name:'查看详情',exact:true}).click();await page.getByRole('dialog').waitFor();
+  await page.getByRole('button',{name:'关闭对话框',exact:true}).click();await page.getByRole('dialog').waitFor({state:'detached'});
+ }
+ await page.getByRole('radio',{name:'减少动态',exact:true}).check();
+ const trigger=page.getByRole('navigation',{name:'行操作示例'}).getByRole('button');await trigger.press('Enter');await page.keyboard.press('Escape');
+ await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')?.endsWith('：更多操作'));
+ return {pass:!failures.length&&!errors.length,failures,errors,samples};
+}

package/scripts/check-settings-bounded.js

@@ -0,0 +1,49 @@
+// Run against a production preview or an installed-tarball consumer:
+// playwright-cli goto http://127.0.0.1:18481/?fixture=settings-dialog
+// playwright-cli run-code --filename scripts/check-settings-bounded.js
+async page => {
+  const base = page.url().split('/').slice(0,3).join('/'), results = [], errors = [];
+  page.on('pageerror', error => errors.push(String(error)));
+  const cases = [];
+  for (const theme of ['rhine','arknights','neo-brutalism']) {
+    for (const width of [400,520,880,1280]) for (const zoom of [1,2]) for (const height of [900,648]) cases.push({theme,width,zoom,height});
+    // A 400px bordered iframe has 398px inner width; include that real consumer boundary.
+    cases.push({theme,width:398,zoom:2,height:648});
+    for (const [width,height] of [[390,680],[889,480],[1440,900]]) cases.push({theme,width,zoom:1,height});
+  }
+  const rect = e => {const r=e.getBoundingClientRect();return {x:r.x,y:r.y,width:r.width,height:r.height,right:r.right,bottom:r.bottom};};
+  for (const c of cases) {
+    try {
+      await page.setViewportSize({width:c.width,height:c.height});
+      await page.goto(`${base}/?fixture=settings-dialog&theme=${c.theme}&zoom=${c.zoom}`);
+      await page.getByRole('checkbox',{name:'长导航',exact:true}).check();
+      await page.getByRole('checkbox',{name:'长操作文案',exact:true}).check();
+      await page.getByRole('button',{name:'打开设置',exact:true}).click();
+      const dialog=page.getByRole('dialog',{name:'设置',exact:true});
+      await dialog.getByRole('link',{name:'用户管理与权限',exact:true}).click();
+      const measure=()=>dialog.evaluate(d=>{
+        const rect=e=>{const r=e.getBoundingClientRect();return {x:r.x,y:r.y,width:r.width,height:r.height,right:r.right,bottom:r.bottom};};
+        const body=d.querySelector('.rhine-dialog__settings-content'), nav=d.querySelector('.rhine-dialog__navigation'), footer=d.querySelector('.rhine-dialog__footer');
+        return {dialog:rect(d),head:rect(d.querySelector('.rhine-dialog__head')),close:rect(d.querySelector('.rhine-dialog__head button')),footer:rect(footer),buttons:[...footer.querySelectorAll('button')].map(rect),labelsMatch:[...footer.querySelectorAll('button')].every(b=>(b.getAttribute('aria-label')||b.innerText).replace(/\s/g,'').includes(b.innerText.replace(/\s/g,''))),body:rect(body),nav:rect(nav),bodyScroll:body.scrollTop,navScroll:nav.scrollTop,overflow:body.scrollWidth>body.clientWidth+1,footerOverflow:footer.scrollHeight>footer.clientHeight+1,columns:getComputedStyle(d.querySelector('.rhine-dialog__settings-grid')).gridTemplateColumns,rootScroll:d.scrollTop};
+      });
+      const before=await measure();
+      const body=dialog.getByRole('region',{name:'设置内容'});
+      await body.focus(); await page.keyboard.press('End');
+      await body.evaluate(e=>{e.scrollTop=e.scrollHeight;});
+      const last=dialog.getByRole('button',{name:'编辑成员 30',exact:true});
+      const lastRect=await last.evaluate(rect);
+      const after=await measure();
+      const navLast=dialog.getByRole('link',{name:'扩展设置 20 · 长栏目名称',exact:true});
+      await navLast.scrollIntoViewIfNeeded();
+      const navLastRect=await navLast.evaluate(rect), navAfter=await measure();
+      const within=(r,b)=>r.x>=b.x-1&&r.right<=b.right+1&&r.y>=b.y-1&&r.bottom<=b.bottom+1;
+      const same=(a,b)=>['x','y','width','height'].every(k=>Math.abs(a[k]-b[k])<1);
+      const stable=['dialog','head','close','footer'].every(k=>same(before[k],after[k])&&same(before[k],navAfter[k]));
+      const expectedColumns=c.width>=880&&c.zoom===1?2:1;
+      const checks={labelsMatch:after.labelsMatch,stable,buttonsStable:before.buttons.every((r,i)=>same(r,after.buttons[i])),withinViewport:within(after.dialog,{x:0,y:0,right:c.width,bottom:c.height}),bodyNonzero:after.body.height>0,bodyScrolled:after.bodyScroll>0,lastReachable:within(lastRect,after.body),navReachable:within(navLastRect,navAfter.nav),footerVisible:after.buttons.every(r=>within(r,after.footer)),targets:after.buttons.every(r=>r.width/c.zoom>=44-.1&&r.height/c.zoom>=44-.1),noOverflow:!after.overflow&&!after.footerOverflow,columns:after.columns.split(' ').length===expectedColumns,noRootScroll:after.rootScroll===0};
+      results.push({...c,pass:Object.values(checks).every(Boolean),checks,before,after});
+      if(c.width===400&&c.zoom===2&&c.height===648) await page.screenshot({path:`output/playwright/settings-${c.theme}-400-200-short.png`});
+    } catch(error) { results.push({...c,pass:false,error:String(error)}); }
+  }
+  return {pass:results.every(r=>r.pass)&&errors.length===0,cases:results.length,errors,failures:results.filter(r=>!r.pass),results};
+}

package/scripts/check-settings-composition.js

@@ -0,0 +1,50 @@
+// Run against this revision's production preview; origin comes from the current page.
+async page => {
+  const native = page.url().includes('native=1');
+  const origin = page.url().split('/').slice(0,3).join('/'), results = [], errors = [];
+  page.on('pageerror', e => errors.push(String(e)));
+  for (const theme of ['rhine','arknights','neo-brutalism']) for (const width of [400,520,880]) for (const zoom of (native ? [1] : [1,2])) {
+    await page.setViewportSize({ width, height: 1000 });
+    await page.goto(`${origin}/?fixture=settings-composition&theme=${theme}&zoom=${zoom}`);
+    await page.getByRole('checkbox', {name:'长产品名与状态'}).check();
+    const shell = page.getByRole('region', {name:'设置组合工作区'}), header = shell.locator('.rhine-shell__content-header');
+    const viewport = await page.evaluate(()=>({width:innerWidth,dpr:devicePixelRatio,zoom:getComputedStyle(document.documentElement).zoom}));
+    const desktop = viewport.width / zoom - 32 >= 760;
+    if (await header.isVisible() === desktop) throw Error('Empty header visibility');
+    await page.getByRole('checkbox', {name:'显示顶部动作'}).check();
+    if (!await header.isVisible()) throw Error('Visible action lost');
+    await page.getByRole('button',{name:'完成顶部操作'}).click();
+    if (desktop) {
+      await page.getByRole('button',{name:'收起设置导航'}).focus(); await page.keyboard.press('Enter');
+      await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')==='展开设置导航');
+      if (!await header.isVisible()) throw Error('Restore header missing');
+      await page.keyboard.press('Enter');
+      await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')==='收起设置导航');
+      if (await header.isVisible()) throw Error('Empty header remains');
+    } else {
+      await shell.getByRole('button',{name:'设置导航',exact:true}).click();
+      await page.getByRole('dialog',{name:'设置导航',exact:true}).waitFor();
+      await page.keyboard.press('Escape');
+      await page.waitForFunction(()=>document.activeElement?.getAttribute('aria-label')==='设置导航');
+    }
+    for (const state of ['current','checking','available','error']) {
+      await page.getByRole('combobox',{name:'更新状态'}).selectOption(state);
+      const area = page.getByTestId('update-area');
+      const geometry = await area.evaluate(e=>{const s=e.querySelector('[role=status]').getBoundingClientRect(),b=e.querySelector('button').getBoundingClientRect(),r=e.getBoundingClientRect();return { aligned:Math.abs(s.right-b.right)<1, overflow:e.scrollWidth>e.clientWidth+1, right:r.right,x:r.x };});
+      if (!geometry.aligned || geometry.overflow || geometry.x<0 || geometry.right>viewport.width+1) throw Error(JSON.stringify({theme,width,zoom,state,geometry}));
+      if (state==='checking' && await area.locator('button').getAttribute('aria-busy')!=='true') throw Error('Busy feedback absent');
+    }
+    await page.getByRole('button',{name:'重置设置示例'}).click();
+    if (await page.getByRole('checkbox',{name:'长产品名与状态'}).isChecked()) throw Error('Reset failed');
+    results.push({theme,width,zoom,native,viewport,pass:true});
+  }
+  await page.emulateMedia({ reducedMotion:'reduce' });
+  await page.goto(`${origin}/?fixture=settings-composition&motion=system`);
+  await page.getByRole('combobox',{name:'更新状态'}).selectOption('checking');
+  const system = await page.locator('.rhine-spinner').evaluate(e=>getComputedStyle(e).animationDuration);
+  await page.emulateMedia({reducedMotion:'no-preference'});
+  await page.goto(`${origin}/?fixture=settings-composition&motion=reduced`);
+  await page.getByRole('combobox',{name:'更新状态'}).selectOption('checking');
+  const manual = await page.locator('.rhine-spinner').evaluate(e=>getComputedStyle(e).animationDuration);
+  return {pass:!errors.length,results,errors,reducedMotion:{system,manual}};
+}

package/scripts/check-settings-interactions.js

@@ -0,0 +1,93 @@
+// Run after navigating to a production settings-dialog fixture (source or tarball consumer).
+async page => {
+  page.setDefaultTimeout(6000);
+  const base=page.url().split('/').slice(0,3).join('/'), results=[],errors=[];
+  page.on('pageerror',error=>errors.push(String(error)));
+  const assert=(ok,message)=>{if(!ok)throw new Error(message)};
+  const trapped=async dialog=>assert(await dialog.evaluate(e=>e.contains(document.activeElement)),'focus escaped settings');
+  for(const theme of ['rhine','arknights','neo-brutalism']) for(const width of [400,520,880,1280]) for(const zoom of [1,2]) {
+    const c={theme,width,zoom};
+    try {
+      await page.setViewportSize({width,height:900});
+      await page.goto(`${base}/?fixture=settings-dialog&theme=${theme}&zoom=${zoom}`);
+      const url=page.url(),host=page.getByRole('textbox',{name:'宿主查询'});
+      await host.fill('保留宿主查询');
+      const trigger=page.getByRole('button',{name:'打开设置',exact:true});await trigger.click();
+      const d=page.getByRole('dialog',{name:'设置',exact:true});
+      assert(await d.getAttribute('aria-describedby')===null,'dangling description');
+      const frame=await d.boundingBox();
+      const stable=async()=>{const r=await d.boundingBox();assert(Math.abs(r.y-frame.y)<1&&Math.abs(r.height-frame.height)<1,'section changed frame')};
+      const draft=d.getByRole('textbox',{name:'工作区名称'});await draft.fill('跨主题草稿');
+      const handle=await draft.elementHandle();
+      for(const selectedTheme of ['rhine','arknights','neo-brutalism']) {
+        await d.getByRole('combobox',{name:'界面主题'}).selectOption(selectedTheme);
+        assert(await handle.evaluate(e=>e.isConnected&&e.value==='跨主题草稿'),'theme remounted draft');
+        await stable();
+      }
+      await d.getByRole('combobox',{name:'界面主题'}).selectOption(theme);
+      const search=d.getByRole('combobox',{name:'授权成员'});
+      await search.fill('成员 2');
+      const list=page.getByRole('listbox');await list.waitFor();
+      const opt=list.getByRole('option',{name:'合成成员 2',exact:true});await opt.click();
+      assert(await opt.getAttribute('aria-selected')==='true','multiselect did not select');
+      await opt.click();assert(await opt.getAttribute('aria-selected')==='false','multiselect did not deselect');
+      await page.getByRole('button',{name:'完成选择',exact:true}).click();
+      // Immediate consecutive reverse/forward traversal after a nested FocusScope unmount.
+      for(let i=0;i<8;i++){await page.keyboard.press('Shift+Tab');await trapped(d);}
+      for(let i=0;i<8;i++){await page.keyboard.press('Tab');await trapped(d);}
+      await search.fill('成员 2');await list.waitFor();await page.keyboard.press('Escape');await list.waitFor({state:'detached'});await trapped(d);
+      assert(await d.isVisible(),'select Escape closed parent');
+      await d.getByRole('link',{name:'用户管理与权限',exact:true}).click();await stable();
+      const edit=d.getByRole('button',{name:'编辑成员 30',exact:true});await edit.click();
+      const inner=page.getByRole('dialog',{name:'编辑成员 30',exact:true});await inner.getByRole('textbox',{name:'成员备注'}).fill('内层草稿');
+      await page.keyboard.press('Escape');await inner.waitFor({state:'detached'});
+      await page.waitForFunction(()=>document.activeElement?.textContent==='编辑成员 30');
+      for(let i=0;i<8;i++){await page.keyboard.press('Shift+Tab');await trapped(d);}
+      await d.getByRole('link',{name:'公开项目',exact:true}).click();
+      for(const state of ['loading','error','empty','normal']) {
+        await d.getByRole('combobox',{name:'项目状态'}).selectOption(state);await stable();
+        const text={loading:'正在读取项目',error:'项目读取失败',empty:'暂无公开项目',normal:'项目标题'}[state];
+        assert((await d.textContent()).includes(text)||await d.getByLabel(text).count()>0,`missing ${state}`);
+      }
+      await d.getByRole('link',{name:'异步栏目',exact:true}).click();await d.getByText('正在读取栏目', {exact:true}).waitFor({state:'attached'});await stable();await d.getByText('异步栏目已就绪').waitFor();await stable();
+      await d.getByRole('link',{name:'账号',exact:true}).click();assert(await draft.inputValue()==='跨主题草稿','section lost draft');
+      await d.getByRole('button',{name:'保存当前工作区设置',exact:true}).click();assert(await d.getByRole('button',{name:'保存当前工作区设置'}).isDisabled(),'save is not busy');await stable();
+      await d.getByText('已保存演示草稿').waitFor();await stable();
+      await draft.fill('将被撤销');await d.getByRole('button',{name:'撤销全部未保存的修改'}).click();assert(await draft.inputValue()==='跨主题草稿','undo failed');
+      await d.getByRole('button',{name:'关闭设置',exact:true}).click();await d.waitFor({state:'detached'});await page.waitForFunction(()=>document.activeElement?.textContent==='打开设置');
+      assert(page.url()===url&&await host.inputValue()==='保留宿主查询','host state changed');
+      await trigger.click();assert(await draft.inputValue()==='跨主题草稿','reopen lost saved data');await page.keyboard.press('Escape');await d.waitFor({state:'detached'});
+      for(const outcome of ['error','conflict']) {
+        await page.getByRole('combobox',{name:'保存结果'}).selectOption(outcome);await trigger.click();await draft.fill('保留失败草稿');await d.getByRole('button',{name:'保存当前工作区设置'}).click();
+        await d.getByText(outcome==='error'?'保存失败，草稿已保留':'内容已更新，请核对后重新保存').waitFor();assert(await draft.inputValue()==='保留失败草稿','failure discarded draft');await page.keyboard.press('Escape');await d.waitFor({state:'detached'});
+      }
+      await page.getByRole('button',{name:'普通短弹窗'}).click();const short=page.getByRole('dialog',{name:'短对话框'});assert(!(await short.getAttribute('class')).includes('--bounded'),'short dialog became bounded');await page.keyboard.press('Escape');await short.waitFor({state:'detached'});
+      await page.getByRole('button',{name:'有界普通表单示例'}).click();
+      const form=page.getByRole('dialog',{name:'有界普通表单'}), head=form.locator('.rhine-dialog__head'), footer=form.locator('.rhine-dialog__footer');
+      const headBefore=await head.boundingBox(), footerBefore=await footer.boundingBox();
+      await form.getByRole('textbox',{name:'表单字段 30',exact:true}).focus();
+      const field=await form.getByRole('textbox',{name:'表单字段 30',exact:true}).boundingBox(), bodyRect=await form.locator('.rhine-dialog__body').boundingBox();
+      assert(Math.abs((await head.boundingBox()).y-headBefore.y)<1&&Math.abs((await footer.boundingBox()).y-footerBefore.y)<1,'plain bounded head/footer moved');
+      assert(field.y>=bodyRect.y-1&&field.y+field.height<=bodyRect.y+bodyRect.height+1,'plain bounded last field unreachable');
+      await page.keyboard.press('Escape');await form.waitFor({state:'detached'});
+      if(zoom===1) for(const [triggerName,title] of [['普通抽屉示例','普通抽屉'],['辅助分栏示例','辅助分栏']]) {
+        await page.getByRole('button',{name:triggerName}).click();const legacy=page.getByRole('dialog',{name:title,exact:true});
+        assert(!(await legacy.getAttribute('class')).includes('--bounded'),'legacy mode became bounded');
+        await legacy.getByRole('textbox').fill('保留既有模式');await page.keyboard.press('Tab');await trapped(legacy);
+        await page.keyboard.press('Escape');await legacy.waitFor({state:'detached'});
+      }
+      results.push({...c,pass:true});
+    }catch(error){results.push({...c,pass:false,error:String(error)});}
+  }
+  // System and manual reduced motion are independent paths.
+  const motion=[];
+  for(const mode of ['system','manual','full']) {
+    await page.emulateMedia({reducedMotion:mode==='system'?'reduce':'no-preference'});
+    await page.goto(`${base}/?fixture=settings-dialog&motion=${mode==='manual'?'reduced':'full'}`);
+    await page.getByRole('button',{name:'打开设置',exact:true}).click();
+    const duration=await page.getByRole('dialog',{name:'设置',exact:true}).evaluate(e=>getComputedStyle(e).animationDuration);
+    motion.push({mode,duration,pass:mode==='full'?parseFloat(duration)>0:parseFloat(duration)===0});
+  }
+  await page.emulateMedia({reducedMotion:'no-preference'});
+  return {pass:results.every(r=>r.pass)&&motion.every(r=>r.pass)&&!errors.length,results,motion,errors};
+}

package/scripts/check-settings-theme.js

@@ -16,12 +16,8 @@ async page => {
     await page.getByRole('button',{name:'打开设置',exact:true}).click();
     const outer = page.getByRole('dialog',{name:'设置',exact:true});
     const outerBounds = await box(outer);
-    const help = outer.getByRole('button',{name:'设置帮助',exact:true});
-    await help.focus(); await page.getByRole('tooltip').waitFor();
-    await page.keyboard.press('Escape'); await page.getByRole('tooltip').waitFor({state:'detached'});
-    if (!await outer.isVisible()) throw new Error('Tooltip Escape closed the settings dialog');
     await outer.getByRole('textbox',{name:'工作区名称'}).fill('已保存草稿');
-    const save = outer.getByRole('button',{name:'保存设置',exact:true});
+    const save = outer.getByRole('button',{name:'保存当前工作区设置',exact:true});
     await save.scrollIntoViewIfNeeded(); const saveBounds=await box(save); await save.click();
     await outer.getByRole('status').getByText('已保存演示草稿').waitFor();
     await outer.getByRole('link',{name:'用户管理与权限',exact:true}).click();