@linhey/rhine-design 0.11.1 → 0.11.2

package/preview/TrayUsageGallery.tsx

@@ -0,0 +1,82 @@
+import { useEffect, useRef, useState } from 'react';
+import { Button, Checkbox, Divider, IconButton, Inline, Metric, Notice, Popover, Progress, Select, Skeleton, Stack, Text } from '../components';
+import { ThemeProvider, type ThemeName } from '../components/theme';
+import './tray-usage.css';
+
+type Scenario = 'normal' | 'loading' | 'low' | 'unknown' | 'stale' | 'connecting' | 'unmatched' | 'signed-out' | 'shared';
+type Feedback = 'idle' | 'busy' | 'error' | 'success';
+const accounts = [{ id: 'a', name: '研究账号 A', remaining: 78 }, { id: 'b', name: '协作账号 B', remaining: 42 }];
+
+// A synthetic host, not a product account service or a public tray component.
+export function TrayUsageGallery() {
+  const [open, setOpen] = useState(true), [scenario, setScenario] = useState<Scenario>('normal');
+  const [long, setLong] = useState(false), [failOnce, setFailOnce] = useState(false);
+  const [current, setCurrent] = useState('a'), [feedback, setFeedback] = useState<Feedback>('idle');
+  const [target, setTarget] = useState(''), [requests, setRequests] = useState(0);
+  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
+  const pending = useRef(false), attempts = useRef(0), epoch = useRef(0);
+  useEffect(() => () => { clearTimeout(timer.current); epoch.current++; }, []);
+  const cancel = () => { clearTimeout(timer.current); epoch.current++; pending.current = false; setFeedback('idle'); setTarget(''); };
+  const reset = () => { cancel(); attempts.current = 0; setCurrent('a'); setRequests(0); setScenario('normal'); setLong(false); setFailOnce(false); setOpen(true); };
+  const unavailable = ['loading','stale','connecting','unmatched','signed-out'].includes(scenario);
+  const switchAccount = (next: string) => {
+    if (pending.current || unavailable || next === current || !accounts.some(a => a.id === next)) return;
+    pending.current = true; setTarget(next); setFeedback('busy'); setRequests(n => n + 1);
+    const request = ++epoch.current, shouldFail = failOnce && attempts.current++ === 0;
+    timer.current = setTimeout(() => {
+      if (request !== epoch.current) return;
+      pending.current = false;
+      if (shouldFail) setFeedback('error');
+      else { setCurrent(next); setFeedback('success'); }
+    }, 1200);
+  };
+  const account = accounts.find(a => a.id === current)!;
+  const name = (value: string) => long ? `${value} · 跨地区协作研究工作空间与长期项目的完整账号名称` : value;
+  const remaining = scenario === 'unknown' ? null : scenario === 'low' ? 4 : account.remaining;
+  return <Stack>
+    <Text as="h2" variant="section">托盘用量组合</Text><Text>浏览器浮层 · 合成数据。默认展开；宿主拥有账号、请求和数据时效。</Text>
+    <Select label="用量场景" value={scenario} onChange={e => { cancel(); setScenario(e.target.value as Scenario); setOpen(true); }}>
+      <option value="normal">正常</option><option value="loading">加载</option><option value="low">低额度</option><option value="unknown">未知额度</option><option value="stale">目录过期 / 刷新失败</option><option value="connecting">连接处理中</option><option value="unmatched">连接未匹配</option><option value="signed-out">未登录</option><option value="shared">共享多账号</option>
+    </Select>
+    <Inline><Checkbox label="长账号名" checked={long} onChange={e => { setLong(e.target.checked); setOpen(true); }} /><Checkbox label="首次切换失败" checked={failOnce} onChange={e => { cancel(); attempts.current = 0; setFailOnce(e.target.checked); setOpen(true); }} /><Button variant="secondary" onClick={reset}>重置托盘示例</Button></Inline>
+    <Text variant="caption" data-testid="request-count">合成切换请求：{requests}</Text>
+    <div className="preview-tray-anchor"><Popover title="账号与用量概览" showHeader={false} open={open} onOpenChange={setOpen} side="bottom" trigger={<IconButton icon="chart" label="切换用量面板" />}>
+      <Stack gap={3} data-testid="tray-panel">
+        {scenario === 'signed-out' ? <Notice title="尚未登录">登录后显示当前账号和用量。</Notice> : <>
+          <section aria-label="当前 Agent 账号" aria-busy={feedback === 'busy'}>
+            <Stack gap={2}>
+              <Select label="Agent A 当前账号" value={scenario === 'unmatched' ? '' : current} disabled={unavailable || feedback === 'busy'} onChange={e => switchAccount(e.target.value)}>{scenario === 'unmatched' && <option value="">未匹配账号</option>}{accounts.map(a => <option key={a.id} value={a.id}>{name(a.name)}</option>)}</Select>
+              {scenario === 'loading' ? <Skeleton label="正在读取当前账号额度" lines={2} /> : scenario === 'unmatched' ? <Notice title="连接未匹配">当前连接尚未关联账号，额度不可用。</Notice> : <>
+                <Text data-testid="current-account">{name(account.name)}</Text>
+                <Metric label="本周期剩余额度" value={remaining === null ? '未知' : `${remaining}%`} description="2026-10-01 至 2026-10-31 · UTC+8" />
+                {remaining !== null && <Progress label="周期剩余" value={remaining} />}
+              </>}
+              <div className="preview-tray-feedback" data-testid="switch-feedback">
+                {(['idle','busy','error','success'] as const).map(status => <div key={status} style={{ visibility: feedback === status ? 'visible' : 'hidden' }} aria-hidden={feedback !== status}>
+                  <Text role={feedback === status ? (status === 'error' ? 'alert' : 'status') : undefined}>{status === 'busy' ? '正在切换目标账号，确认前保留原账号及额度。' : status === 'error' ? '切换失败，原账号及额度保持不变。' : status === 'success' ? '切换已确认。其他 Agent 和统计保持不变。' : '选择账号即可切换，确认后更新额度。'}</Text>
+                  {status === 'error' && <Button variant="secondary" disabled={feedback !== 'error' || unavailable} onClick={() => switchAccount(target)}>重试切换</Button>}
+                </div>)}
+              </div>
+            </Stack>
+          </section>
+          {scenario === 'low' && <Notice tone="warning" title="当前周期剩余额度较低" />}
+          {scenario === 'unknown' && <Notice title="额度暂不可用">未返回额度；未知不等于零。</Notice>}
+          {scenario === 'stale' && <Notice tone="warning" title="上次数据 · 目录已过期">刷新失败，暂时无法切换。以下为上次可信缓存。</Notice>}
+          {scenario === 'connecting' && <Notice title="连接正在处理">完成后才能切换账号。</Notice>}
+          {scenario !== 'loading' && <section aria-label="其他 Agent" data-testid="other-agent"><Text>Agent B · 独立演示账号</Text><Text>本周期剩余 61% · 2026-10</Text></section>}
+          {scenario === 'shared' && <section aria-label="共享成员额度"><Stack gap={2}><Text as="h3" variant="heading">共享成员</Text><Text tone="muted">同一上游的多个连接共用额度，不累加百分比。</Text>{Array.from({length:12},(_,i)=><div key={i}><Text>{name(`成员账号 ${i+1}`)}</Text><Text>2026-10 周期剩余 {i === 11 ? '未知' : `${78-i*4}%`}</Text></div>)}</Stack></section>}
+          <Divider />
+          <section aria-label="今日用量" data-testid="usage-summary"><Stack gap={2}>
+            <Metric label="今日预估消费" value="1.28" unit="USD" loading={scenario === 'loading'} />
+            {scenario === 'loading' ? <Skeleton label="正在读取今日统计" lines={2} /> : <><Text>请求数 128 · 待计价 3</Text><Text variant="caption" tone="muted">{scenario === 'stale' ? '上次更新' : '更新时间'}：2026-10-27 20:30 UTC+8</Text></>}
+          </Stack></section>
+        </>}
+      </Stack>
+    </Popover></div>
+  </Stack>;
+}
+export function TrayUsageFixture() {
+  const params = new URLSearchParams(location.search), zoom = Number(params.get('zoom')) || 1;
+  useEffect(() => { document.documentElement.style.zoom = String(zoom); return () => { document.documentElement.style.zoom = ''; }; }, [zoom]);
+  return <ThemeProvider theme={(params.get('theme') || 'rhine') as ThemeName} data-rhine-motion={params.get('motion') || 'system'}><div style={{ padding: 16 }}><TrayUsageGallery /></div></ThemeProvider>;
+}

package/preview/chat-gallery.css

@@ -0,0 +1 @@
+.chat-gallery-canvas { max-width:100%; min-width:0; }

package/preview/compact-selection.css

@@ -0,0 +1,9 @@
+.ds-compact-selection { display:grid; gap:16px; }
+.ds-compact-selection__cards { display:grid; gap:12px; }
+.ds-choice-card { padding:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
+.ds-choice-card__info { display:grid; gap:4px; flex:1 1 240px; min-width:0; }
+.ds-choice-card__info h3 { margin:0; }
+.ds-choice-card__status { display:inline-flex; min-width:64px; min-height:32px; }
+.ds-inline-choice { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
+.ds-inline-choice>.rhine-text { font-size:var(--rhine-text-body); line-height:var(--rhine-leading-body); font-weight:var(--rhine-weight-label); }
+.ds-choice-card__actions { display:flex; align-items:center; gap:8px; flex:none; }

package/preview/main.tsx

@@ -1,3 +1,6 @@
+import { SettingsCompositionGallery, SettingsCompositionFixture } from './SettingsCompositionGallery';
+import { TrayUsageGallery, TrayUsageFixture } from './TrayUsageGallery';
+import { ChatGallery } from './ChatGallery';
 import { BackgroundFiltersFixture } from './BackgroundFiltersFixture';
 import { StrictMode, useEffect, useRef, useState } from 'react';
 import { createRoot } from 'react-dom/client';
@@ -27,6 +30,10 @@ import { CompactFilterBarGallery } from './CompactFilterBarGallery';
 import { DenseFilterControlsGallery } from './DenseFilterControlsGallery';
 import { CheckboxRowGallery } from './CheckboxRowGallery';
 import { ComponentTypographyGallery } from './ComponentTypographyGallery';
+import { NavActionsGallery } from './NavActionsGallery';
+import { SingleSearchGallery } from './SingleSearchGallery';
+import { CompactSelectionGallery } from './CompactSelectionGallery';
+import { ButtonActionsGallery } from './ButtonActionsGallery';
 import { SummaryTabsGallery } from './SummaryTabsGallery';
 
 function Gallery() {
@@ -48,6 +55,8 @@ function Gallery() {
   const simulate = () => { setBusy(true); timer.current = setTimeout(() => { setBusy(false); setNotice(true); }, 900); };
   return <GalleryShell motion={motion} onMotionChange={setMotion}>{section => <>
     {section === 'theme-picker' && <ThemePickerGallery />}
+    {section === 'tray-usage' && <TrayUsageGallery />}
+    {section === 'settings-composition' && <SettingsCompositionGallery />}
     {section === 'settings-dialog' && <SettingsDialogGallery />}
     {section === 'overlay-bounds' && <OverlayBoundsGallery />}
     {section === 'monitoring' && <MonitoringGallery />}
@@ -57,6 +66,11 @@ function Gallery() {
     {section === 'compact-filters' && <><CompactFilterBarGallery /><DenseFilterControlsGallery /></>}
     {section === 'checkbox-rows' && <CheckboxRowGallery />}
     {section === 'component-typography' && <ComponentTypographyGallery />}
+    {section === 'nav-actions' && <NavActionsGallery />}
+    {section === 'agent-chat' && <ChatGallery />}
+    {section === 'single-search' && <SingleSearchGallery />}
+    {section === 'compact-selection' && <CompactSelectionGallery />}
+    {section === 'button-actions' && <ButtonActionsGallery />}
     {section === 'summary-tabs' && <SummaryTabsGallery />}
     {section === 'backgrounds' && <BackgroundGallery />}
     {section === 'app-shell' && <ShellGallery />}
@@ -149,4 +163,4 @@ function Gallery() {
 
 }
 
-createRoot(document.getElementById('root')!).render(<StrictMode>{['orbit-entry', 'list-filters'].includes(new URLSearchParams(location.search).get('fixture') || '') ? <BackgroundFiltersFixture /> : new URLSearchParams(location.search).get('fixture') === 'overlay-bounds' ? <OverlayBoundsFixture /> : new URLSearchParams(location.search).get('fixture') === 'settings-dialog' ? <SettingsDialogFixture /> : new URLSearchParams(location.search).get('fixture') === 'theme-picker' ? <ThemePickerFixture /> : <Gallery />}</StrictMode>);
+createRoot(document.getElementById('root')!).render(<StrictMode>{['orbit-entry', 'list-filters'].includes(new URLSearchParams(location.search).get('fixture') || '') ? <BackgroundFiltersFixture /> : new URLSearchParams(location.search).get('fixture') === 'overlay-bounds' ? <OverlayBoundsFixture /> : new URLSearchParams(location.search).get('fixture') === 'settings-dialog' ? <SettingsDialogFixture /> : new URLSearchParams(location.search).get('fixture') === 'theme-picker' ? <ThemePickerFixture /> : new URLSearchParams(location.search).get('fixture') === 'settings-composition' ? <SettingsCompositionFixture /> : new URLSearchParams(location.search).get('fixture') === 'tray-usage' ? <TrayUsageFixture /> : <Gallery />}</StrictMode>);

package/preview/packageInfo.ts

@@ -2,4 +2,4 @@ import { version } from '../package.json';
 
 export const packageVersion = version;
 // Public components in components/index.ts; excludes types and the separate theme entry.
-export const componentCount = 67;
+export const componentCount = 69;

package/preview/settings-dialog-gallery.css

@@ -0,0 +1,5 @@
+.rhine-settings-action-short { display:none; }
+@container (max-width:559px) {
+ .rhine-settings-action-full { display:none; }
+ .rhine-settings-action-short { display:inline; }
+}

package/preview/tray-usage.css

@@ -0,0 +1,4 @@
+.preview-tray-anchor { display:flex; justify-content:center; }
+.preview-tray-feedback { display:grid; }
+/* Every state contributes to the same intrinsic height, including wrapped error + retry. */
+.preview-tray-feedback > div { grid-area:1 / 1; display:flex; flex-direction:column; align-items:flex-start; gap:var(--rhine-space-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-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-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();