@airalogy/airalogy-bd 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -4,6 +4,13 @@
 
 ## [Unreleased]
 
+## [1.2.1] - 2026-10-27
+
+- 成员管理以列表为主，支持按姓名、用户名、邮箱和状态筛选；邀请及权限调整按需打开编辑面板，保留权限预览、固定操作区、未保存提醒和保存失败反馈。
+- 统一管理中心导航、表单分组、状态提示和间距，优化 AI 设置、用量费用、远程接入、备份、账号及登录页面。
+- 优化手机和中等屏幕布局，主工作台的推进阶段与关键进展上下排列，资料详情操作按用途分组。
+- 完善键盘焦点返回、错误提示定位和邀请流程说明。
+
 ## [1.2.0] - 2026-10-26
 
 - 邀请成员时邮箱改为选填，由成员激活时自行补充；保留内部身份、原有权限及历史，拒绝占用其他成员的邮箱。

package/dashboard/app/AccountSettings.tsx

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import AccountBar from "./AccountBar";
 import { BrandIdentity } from "./Branding";
+import {SettingsIcon,SettingsPanelHeader,SettingsStatus} from "./SettingsUI";
 import { teamRequest, type TeamUser } from "./lib/team-client";
 import { usernameHelp, usernamePattern } from "./lib/username-policy";
 
@@ -23,14 +24,15 @@ export default function AccountSettings({ user }: { user: TeamUser }) {
     finally { setBusy(false); }
   }
   return <><AccountBar user={user} management /><main className="page-shell account-settings">
-    <BrandIdentity /><h1>我的账号</h1>
-    <section className="panel"><p>姓名：{user.name}</p><p>账号邮箱：{user.email}（{user.email_verified?"已验证":"未验证"}）</p>
-      <p>用户名和邮箱均可登录，姓名用于展示。设置用户名不会改变你的事项权限或历史记录。</p>
-      {error && <p role="alert" className="admin-alert">{error}</p>}
-      <form className="team-form" onSubmit={save}><label>用户名<input required autoComplete="username" autoCapitalize="none" spellCheck={false} pattern={usernamePattern} minLength={3} maxLength={30} readOnly={saved} aria-describedby="account-username-help" value={username} onChange={e => setUsername(e.target.value)} /></label>
-        <p id="account-username-help" className={saved ? "admin-notice" : "admin-help"} role={saved ? "status" : undefined}>{saved ? "已锁定，不能修改。可使用此用户名登录。" : usernameHelp}</p>
-        {!saved && <button className="admin-button admin-primary" disabled={busy}>{busy ? "正在保存…" : "设置用户名"}</button>}
-      </form><p className="admin-help">忘记密码或无法取得动态验证码时，请联系管理员重新签发登录邀请。</p>
+    <header className="settings-page-head"><div><BrandIdentity/><h1>我的账号</h1><p>查看账号资料和日常登录方式。</p></div></header>
+    <section className="panel"><SettingsPanelHeader title="账号资料" description="用户名和邮箱均可登录，姓名用于页面展示。"/>
+      <dl className="account-profile"><div><dt>姓名</dt><dd>{user.name}</dd></div><div><dt>账号邮箱</dt><dd>{user.email}<SettingsStatus tone={user.email_verified?"success":"neutral"}>{user.email_verified?"已验证":"未验证"}</SettingsStatus></dd></div></dl>
+      {error&&<p role="alert" className="admin-alert">{error}</p>}
+      <form className="team-form account-username" onSubmit={save}><label><span>用户名 {saved&&<span className="field-optional">已锁定</span>}</span><span className="username-input"><input required autoComplete="username" autoCapitalize="none" spellCheck={false} pattern={usernamePattern} minLength={3} maxLength={30} readOnly={saved} aria-describedby="account-username-help" value={username} onChange={e=>setUsername(e.target.value)}/>{saved&&<SettingsIcon name="lock"/>}</span></label>
+        <p id="account-username-help" className="admin-help" role={saved?"status":undefined}>{saved?"此用户名不能修改，可直接用于登录。":usernameHelp}</p>
+        {!saved&&<button className="admin-button admin-primary" disabled={busy}>{busy?"正在保存…":"设置用户名"}</button>}
+      </form>
+      <div className="account-recovery-note"><h3>账号恢复</h3><p>忘记密码或无法取得动态验证码时，请联系管理员重新签发登录邀请。账号恢复保留原有事项权限和历史记录。</p></div>
     </section>
   </main></>;
 }

package/dashboard/app/AdminCenter.tsx

@@ -6,28 +6,33 @@ import AiUsage from "./AiUsage";
 import BackupSettings from "./BackupSettings";
 import TeamManagement from "./TeamManagement";
 import RemoteAccess from "./RemoteAccess";
-import { BrandIdentity } from "./Branding";
-import type { TeamUser } from "./lib/team-client";
-import type { Project } from "./lib/types";
+import {BrandIdentity} from "./Branding";
+import {SettingsIcon,SettingsPanelHeader} from "./SettingsUI";
+import type {TeamUser} from "./lib/team-client";
+import type {Project} from "./lib/types";
 
-const sections = { members: "成员与权限", ai: "AI 设置", usage: "用量与费用", remote: "远程接入", backup: "备份" };
-type Section = keyof typeof sections;
-export default function AdminCenter({ user, projects, timezone, unavailable, initialSection, dates }: {
-  user: TeamUser | null; projects: Pick<Project, "id" | "name">[]; timezone: string; unavailable: boolean; initialSection?: string; dates: { from: string; to: string };
+const sections={members:{title:"成员与权限",description:"邀请成员 · 分配访问范围"},ai:{title:"AI 设置",description:"模型服务 · 密钥与限额"},usage:{title:"用量与费用",description:"请求统计 · 费用估算"},remote:{title:"远程接入",description:"成员授权 · 接入凭据"},backup:{title:"备份",description:"自动备份 · 数据保护"}};
+type Section=keyof typeof sections;
+export default function AdminCenter({user,projects,timezone,unavailable,initialSection,dates}:{
+  user:TeamUser|null;projects:Pick<Project,"id"|"name">[];timezone:string;unavailable:boolean;initialSection?:string;dates:{from:string;to:string};
 }) {
-  const section: Section = initialSection && Object.hasOwn(sections, initialSection) ? initialSection as Section : user ? "members" : "ai";
+  const section:Section=initialSection&&Object.hasOwn(sections,initialSection)?initialSection as Section:user?"members":"ai";
   return <>
-    {user ? <AccountBar user={user} management /> : <div className="team-bar"><span>本机使用者 · 管理权限</span><Link className="admin-button" href="/">返回工作台</Link></div>}
+    {user?<AccountBar user={user} management/>:<div className="team-bar"><span>本机使用者 · 管理权限</span><Link className="admin-button" href="/">返回工作台</Link></div>}
     <main className="page-shell admin-center">
-      <header><BrandIdentity /><div className="eyebrow">仅管理员可访问</div><h1>管理中心</h1><p>管理成员访问权限、AI 服务、使用预算与备份。</p></header>
-      {!user && <p className="admin-notice">当前为本机单人模式，由本机使用者管理设置。团队模式启用后，仅管理员账号可以进入本页面。</p>}
-      {unavailable && <p className="admin-alert" role="alert">工作区资料暂时不可用，事项列表未能加载，请先检查工作区。</p>}
-      <nav className="admin-center-nav" aria-label="管理中心功能">{Object.entries(sections).map(([key, label]) => <Link key={key} href={`/admin?section=${key}`} aria-current={section === key ? "page" : undefined}>{label}</Link>)}</nav>
-      {section === "members" && (user ? <TeamManagement user={user} projects={projects} timezone={timezone} /> : <section className="panel admin-center-panel"><h2>成员与权限</h2><p>成员邀请、停用账号和事项授权在团队模式中提供。本机单人模式无需创建账号。</p></section>)}
-      {section === "ai" && <AiSettings />}
-      {section === "usage" && <section className="panel admin-center-panel"><h2>AI 用量与费用</h2><AiUsage initialFrom={dates.from} initialTo={dates.to} /></section>}
-      {section === "backup" && <BackupSettings timezone={timezone} onChanged={() => {}} />}
-      {section === "remote" && (user ? <RemoteAccess user={user} manage /> : <section className="panel admin-center-panel"><h2>Codex 远程接入</h2><p>远程接入仅在配置了账号和 HTTPS 的团队模式中提供。</p></section>)}
+      <header className="settings-page-head"><div><BrandIdentity/><h1>管理中心</h1><p>管理团队访问、AI 服务与数据备份。</p></div><span className="settings-access-label"><SettingsIcon name="lock"/>仅管理员可访问</span></header>
+      {!user&&<p className="admin-notice">当前为本机单人模式。成员邀请和权限管理在团队模式中提供。</p>}
+      {unavailable&&<p className="admin-alert" role="alert">工作区资料暂时不可用，事项列表未能加载，请先检查工作区。</p>}
+      <div className="settings-layout">
+        <nav className="admin-center-nav" aria-label="管理中心功能">{Object.entries(sections).map(([key,item])=><Link key={key} href={`/admin?section=${key}`} aria-current={section===key?"page":undefined}><SettingsIcon name={key as Section}/><span><strong>{item.title}</strong><small>{item.description}</small></span></Link>)}</nav>
+        <div className="settings-content" key={section}>
+          {section==="members"&&(user?<TeamManagement user={user} projects={projects} timezone={timezone}/>:<section className="panel admin-center-panel"><SettingsPanelHeader title="成员与权限" description="本机单人模式无需创建账号。"/><p>部署为团队模式后，可在这里邀请成员、停用账号并分配事项权限。</p></section>)}
+          {section==="ai"&&<AiSettings/>}
+          {section==="usage"&&<section className="panel admin-center-panel"><SettingsPanelHeader title="用量与费用" description="查看团队 AI 请求、Token 用量和费用估算。"/><AiUsage initialFrom={dates.from} initialTo={dates.to}/></section>}
+          {section==="backup"&&<BackupSettings timezone={timezone} onChanged={()=>{}}/>}
+          {section==="remote"&&(user?<RemoteAccess user={user} manage/>:<section className="panel admin-center-panel"><SettingsPanelHeader title="远程接入" description="在团队模式中按账号授权。"/><p>配置账号和 HTTPS 后，可开启远程查询与修改草稿。</p></section>)}
+        </div>
+      </div>
     </main>
   </>;
 }

package/dashboard/app/AiSettings.tsx

@@ -1,46 +1,42 @@
 "use client";
-import { useEffect, useState } from "react";
-import type { AiSettings, AiStatus } from "./lib/ai-types";
-import { aiRequest } from "./lib/ai-client";
+import {useEffect,useState} from "react";
+import type {AiSettings,AiStatus} from "./lib/ai-types";
+import {aiRequest} from "./lib/ai-client";
+import {SettingsPanelHeader,SettingsStatus} from "./SettingsUI";
 
-function Settings({ settings, onSaved }: { settings: AiSettings; onSaved: (status: AiStatus) => void }) {
-  const [value, setValue] = useState(settings);
-  const [key, setKey] = useState("");
-  const [clearKey, setClearKey] = useState(false);
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState("");
-  async function save(event: React.FormEvent) {
-    event.preventDefault(); setBusy(true); setError("");
-    try { onSaved(await aiRequest<AiStatus>({ action: "configure", ...value, apiKey: key, clearKey })); setKey(""); }
-    catch (err) { setError((err as Error).message); } finally { setBusy(false); }
+const limits=[{key:"dailyTokenLimit",label:"每日 Token 上限",step:"1",max:1000000000,hint:"留空不设此项限制，默认 100 万；调用前预留额度。"},{key:"dailyBudgetCny",label:"每日费用上限（人民币元）",step:"0.01",max:1000000,hint:"选填，需先填写下方的输入与输出单价。"}] as const;
+const prices=[{key:"inputPriceCny",label:"输入单价",hint:"未填写时，费用标为未计价。"},{key:"outputPriceCny",label:"输出单价",hint:"美元报价需先换算成人民币。"},{key:"cachedInputPriceCny",label:"缓存输入单价",hint:"选填；留空时按普通输入单价估算。"}] as const;
+function Settings({settings,onSaved}:{settings:AiSettings;onSaved:(status:AiStatus)=>void}) {
+  const [value,setValue]=useState(settings),[key,setKey]=useState(""),[clearKey,setClearKey]=useState(false);
+  const [busy,setBusy]=useState(false),[error,setError]=useState("");
+  async function save(event:React.FormEvent){
+    event.preventDefault();setBusy(true);setError("");
+    try{onSaved(await aiRequest<AiStatus>({action:"configure",...value,apiKey:key,clearKey}));setKey("");}
+    catch(err){setError((err as Error).message);}finally{setBusy(false);}
   }
-  return <form className="ai-settings" onSubmit={save}>
-    <p className="admin-help">开启后，成员发起请求时会将输入文字和本次所需的授权事项资料发送到所选模型服务。系统不自动读取附件原文、电话或微信等联系方式。</p>
-    <div className="edit-form-grid">
-      <label className="edit-field"><span>模型服务</span><select value={value.provider} onChange={e => { const provider = e.target.value as AiSettings["provider"]; setValue({ ...value, provider, baseUrl: provider === "openai" ? "https://api.openai.com/v1" : "https://dashscope.aliyuncs.com/compatible-mode/v1", model: provider === "openai" ? "" : "qwen-plus", inputPriceCny: null, cachedInputPriceCny: null, outputPriceCny: null, dailyBudgetCny: null, keyConfigured: false, enabled: false }); setKey(""); }}><option value="qwen-cn">Qwen · 阿里云百炼（北京）</option><option value="openai">OpenAI</option></select></label>
-      <label className="edit-field"><span>模型名称</span><input required value={value.model} maxLength={120} onChange={e => setValue({ ...value, model: e.target.value, inputPriceCny: null, cachedInputPriceCny: null, outputPriceCny: null, dailyBudgetCny: null })} placeholder="填写服务控制台中已开通的文本模型" /></label>
-      <label className="edit-field edit-field-wide"><span>服务地址</span><input required type="url" value={value.baseUrl} onChange={e => setValue({ ...value, baseUrl: e.target.value })} /><small>可使用百炼北京地域的通用地址或业务空间专属地址。</small></label>
-      <label className="edit-field"><span>API 密钥</span><input type="password" autoComplete="new-password" value={key} maxLength={500} onChange={e => { setKey(e.target.value); setClearKey(false); }} placeholder={value.keyConfigured ? "已保存，留空保持现有密钥" : "填写对应服务的 API 密钥"} /></label>
-      <label className="edit-field"><span>公司每日请求上限</span><input type="number" required min={1} max={1000} value={value.dailyLimit} onChange={e => setValue({ ...value, dailyLimit: Number(e.target.value) })} /><small>按工作区时区计数；失败请求也计入，另受模型服务自身额度限制。</small></label>
-      {([{ key: "dailyTokenLimit", label: "公司每日 Token 上限", step: "1", max: 1000000000, hint: "留空不设此项限制，默认 100 万；调用前预留额度。" }, { key: "dailyBudgetCny", label: "公司每日费用上限（人民币元）", step: "0.01", max: 1000000, hint: "选填，需要先填写输入与输出单价。" }, { key: "inputPriceCny", label: "输入单价（元 / 百万 Token）", step: "0.000001", max: 1000000, hint: "按账户实际单价填写；未填写时费用标为未计价。" }, { key: "outputPriceCny", label: "输出单价（元 / 百万 Token）", step: "0.000001", max: 1000000, hint: "美元报价需换算成人民币后填写。" }, { key: "cachedInputPriceCny", label: "缓存输入单价（元 / 百万 Token）", step: "0.000001", max: 1000000, hint: "选填；留空时按普通输入单价估算。" }] as const).map(field => <label className="edit-field" key={field.key}><span>{field.label}</span><input type="number" min={0} max={field.max} step={field.step} value={value[field.key] ?? ""} onChange={e => setValue({ ...value, [field.key]: e.target.value === "" ? null : Number(e.target.value) })} /><small>{field.hint}</small></label>)}
-    </div>
-    <div className="admin-actions"><label><input type="checkbox" checked={value.enabled} onChange={e => setValue({ ...value, enabled: e.target.checked })} /> 开启 AI 助手</label><label><input type="checkbox" checked={clearKey} onChange={e => { setClearKey(e.target.checked); if (e.target.checked) { setKey(""); setValue({ ...value, enabled: false }); } }} /> 清除已保存密钥</label><button className="admin-button admin-primary" disabled={busy}>{busy ? "保存中…" : "保存 AI 设置"}</button></div>
-    {error && <p role="alert" className="admin-alert">{error}</p>}
-  </form>;
+  return <form className="ai-settings" onSubmit={save}><fieldset className="edit-fields" disabled={busy}>
+    <section className="settings-form-section">
+      <div className="settings-row-heading"><div className="settings-toggle-copy"><strong id="ai-enabled-title">AI 助手</strong><p id="ai-enabled-help">开启后，成员可使用对话录入和进展总结。</p></div><label className="backup-switch"><input type="checkbox" role="switch" aria-labelledby="ai-enabled-title" aria-describedby="ai-enabled-help" checked={value.enabled} onChange={e=>setValue({...value,enabled:e.target.checked})}/><span aria-hidden="true"/></label></div>
+      <p className="settings-security-note">成员发起请求时，输入文字和本次所需的授权事项资料会发送到所选模型服务。系统不自动读取附件原文、电话或微信等联系方式。</p>
+    </section>
+    <section className="settings-form-section"><h3>模型与连接</h3><div className="edit-form-grid">
+      <label className="edit-field"><span>模型服务</span><select value={value.provider} onChange={e=>{const provider=e.target.value as AiSettings["provider"];setValue({...value,provider,baseUrl:provider==="openai"?"https://api.openai.com/v1":"https://dashscope.aliyuncs.com/compatible-mode/v1",model:provider==="openai"?"":"qwen-plus",inputPriceCny:null,cachedInputPriceCny:null,outputPriceCny:null,dailyBudgetCny:null,keyConfigured:false,enabled:false});setKey("");}}><option value="qwen-cn">Qwen · 阿里云百炼（北京）</option><option value="openai">OpenAI</option></select></label>
+      <label className="edit-field"><span>模型名称</span><input required value={value.model} maxLength={120} onChange={e=>setValue({...value,model:e.target.value,inputPriceCny:null,cachedInputPriceCny:null,outputPriceCny:null,dailyBudgetCny:null})} placeholder="填写已开通的文本模型"/></label>
+      <label className="edit-field edit-field-wide"><span>服务地址</span><input required type="url" value={value.baseUrl} onChange={e=>setValue({...value,baseUrl:e.target.value})}/><small>百炼可使用北京地域通用地址或业务空间专属地址。</small></label>
+      <label className="edit-field edit-field-wide"><span>API 密钥</span><input type="password" autoComplete="new-password" value={key} maxLength={500} onChange={e=>{setKey(e.target.value);setClearKey(false);}} placeholder={value.keyConfigured?"已保存，留空保持现有密钥":"填写对应服务的 API 密钥"}/><small>已保存的密钥不会回显，仅管理员可以替换或清除。</small></label>
+    </div>{settings.keyConfigured&&<label className="settings-clear-key"><input type="checkbox" checked={clearKey} onChange={e=>{setClearKey(e.target.checked);if(e.target.checked){setKey("");setValue({...value,enabled:false});}}}/>清除已保存密钥，同时关闭 AI 助手</label>}</section>
+    <section className="settings-form-section"><h3>团队每日限额</h3><div className="edit-form-grid"><label className="edit-field"><span>每日请求上限</span><input type="number" required min={1} max={1000} value={value.dailyLimit} onChange={e=>setValue({...value,dailyLimit:Number(e.target.value)})}/><small>按工作区时区计数，失败请求也计入。</small></label>{limits.map(field=><label className="edit-field" key={field.key}><span>{field.label}</span><input type="number" min={0} max={field.max} step={field.step} value={value[field.key]??""} onChange={e=>setValue({...value,[field.key]:e.target.value===""?null:Number(e.target.value)})}/><small>{field.hint}</small></label>)}</div></section>
+    <section className="settings-form-section"><h3>费用单价 <span className="field-optional">人民币元 / 百万 Token</span></h3><div className="edit-form-grid">{prices.map(field=><label className="edit-field" key={field.key}><span>{field.label}</span><input type="number" min={0} max={1000000} step="0.000001" value={value[field.key]??""} onChange={e=>setValue({...value,[field.key]:e.target.value===""?null:Number(e.target.value)})}/><small>{field.hint}</small></label>)}</div><p className="admin-help">按模型服务商的实际账户单价填写；费用统计为估算值。</p></section>
+    {error&&<p role="alert" className="admin-alert">{error}</p>}
+    <div className="settings-form-actions"><button className="admin-button admin-primary" disabled={busy}>{busy?"保存中…":"保存 AI 设置"}</button></div>
+  </fieldset></form>;
 }
-export default function AiSettingsPanel() {
-  const [status, setStatus] = useState<AiStatus | null>(null);
-  const [error, setError] = useState("");
-  const [notice, setNotice] = useState("");
-  useEffect(() => {
-    let active = true;
-    aiRequest<AiStatus>(undefined, "settings").then(value => { if (active) setStatus(value); }).catch(err => { if (active) setError(err.message); });
-    return () => { active = false; };
-  }, []);
-  return <section className="panel admin-center-panel"><h2>AI 设置</h2>
-    <p>仅管理员可开启 AI、更换密钥、配置模型和使用限额。已保存的密钥不会显示，可替换或清除。</p>
-    {error && <p className="admin-alert" role="alert">{error}</p>}{notice && <p role="status">{notice}</p>}
-    {!status && !error && <p>正在读取 AI 设置…</p>}
-    {status?.canManage && status.settings && <><p>当前状态：{status.enabled ? "已开启" : "未开启"}</p><Settings key={status.settings.revision} settings={status.settings} onSaved={value => { setStatus(value); setNotice("AI 设置已保存。"); }} /></>}
+export default function AiSettingsPanel(){
+  const [status,setStatus]=useState<AiStatus|null>(null),[error,setError]=useState(""),[notice,setNotice]=useState("");
+  useEffect(()=>{let active=true;aiRequest<AiStatus>(undefined,"settings").then(value=>{if(active)setStatus(value);}).catch(err=>{if(active)setError(err.message);});return()=>{active=false;};},[]);
+  return <section className="panel admin-center-panel"><SettingsPanelHeader title="AI 设置" description="配置模型服务、访问密钥和团队使用限额。" actions={status&&<SettingsStatus tone={status.enabled?"success":"neutral"}>{status.enabled?"已开启":"未开启"}</SettingsStatus>}/>
+    {error&&<p className="admin-alert" role="alert">{error}</p>}{notice&&<p className="admin-notice" role="status">{notice}</p>}
+    {!status&&!error&&<p className="settings-empty" role="status">正在读取 AI 设置…</p>}
+    {status?.canManage&&status.settings&&<Settings key={status.settings.revision} settings={status.settings} onSaved={value=>{setStatus(value);setNotice("AI 设置已保存。");}}/>}
   </section>;
 }

package/dashboard/app/AiUsage.tsx

@@ -25,10 +25,12 @@ export default function AiUsage({ initialFrom, initialTo }: { initialFrom: strin
   }
   const total = report?.rows.reduce((all, row) => ({ requests: all.requests + row.requests, tokens: all.tokens + row.inputTokens + row.outputTokens, cost: all.cost + row.estimatedCny, unknown: all.unknown + row.unknownUsage, unpriced: all.unpriced + row.unpriced, held: all.held + row.heldTokens, heldCost: all.heldCost + row.heldCny }), { requests: 0, tokens: 0, cost: 0, unknown: 0, unpriced: 0, held: 0, heldCost: 0 });
   return <section className="ai-usage">
-    <p className="admin-help">Token 数来自模型接口回传；人民币费用按调用时配置的单价估算，实际账单以服务商为准。缓存 Token 已包含在输入中，不重复计数。统计不记录对话内容。</p>
-    <form className="admin-actions" onSubmit={refresh}><label>统计开始<input aria-label="用量统计开始日期" type="date" required value={from} onChange={e => setFrom(e.target.value)} /></label><label>统计结束<input aria-label="用量统计结束日期" type="date" required value={to} onChange={e => setTo(e.target.value)} /></label><button className="admin-button" disabled={busy}>{busy ? "查询中…" : "查询用量"}</button></form>
+    <form className="usage-filters" onSubmit={refresh}><label>统计开始<input aria-label="用量统计开始日期" type="date" required value={from} onChange={e => setFrom(e.target.value)} /></label><label>统计结束<input aria-label="用量统计结束日期" type="date" required value={to} onChange={e => setTo(e.target.value)} /></label><button className="admin-button" disabled={busy}>{busy ? "查询中…" : "查询用量"}</button></form>
     {error && <p role="alert" className="admin-alert">{error}</p>}
-    {report && total && <><p>{report.from} 至 {report.to}：{number(total.requests)} 次请求，已回传 {number(total.tokens)} Token，已估算 {money(total.cost)}。</p>{(total.unknown > 0 || total.unpriced > 0) && <p className="admin-help">其中 {total.unknown} 次未回传用量，{total.unpriced} 次费用尚不能确定；仍占用限额的预留量为 {number(total.held)} Token / {money(total.heldCost)}。这些预留值不是实际消耗，请核对服务商账单。</p>}
-      <div className="ai-usage-table"><table><caption>按日期、成员和模型统计</caption><thead><tr><th>日期</th><th>成员</th><th>模型服务 / 模型</th><th>请求</th><th>失败或中断</th><th>输入 Token</th><th>输出 Token</th><th>缓存命中</th><th>估算费用</th></tr></thead><tbody>{report.rows.map((row, i) => <tr key={i}><td>{row.day}</td><td>{row.member}</td><td>{row.provider === "qwen-cn" ? "百炼北京" : "OpenAI"}<br />{row.model}</td><td>{row.requests}{row.running ? `（${row.running} 进行中）` : ""}</td><td>{row.failures}</td><td>{number(row.inputTokens)}{row.unknownUsage > 0 && `（${row.unknownUsage} 次未知）`}</td><td>{number(row.outputTokens)}</td><td>{number(row.cachedTokens)}</td><td>{money(row.estimatedCny)}{row.unpriced > 0 && `（${row.unpriced} 次未计价）`}</td></tr>)}</tbody></table>{!report.rows.length && <p>所选日期内暂无 AI 请求。</p>}</div></>}
+    {report && total && <><p className="admin-help">{report.from} 至 {report.to}</p><dl className="usage-metrics"><div><dt>请求次数</dt><dd>{number(total.requests)}</dd></div><div><dt>已回传 Token</dt><dd>{number(total.tokens)}</dd></div><div><dt>估算费用</dt><dd>{money(total.cost)}</dd></div></dl>{(total.unknown > 0 || total.unpriced > 0) && <p className="admin-help">其中 {total.unknown} 次未回传用量，{total.unpriced} 次费用尚不能确定；仍占用限额的预留量为 {number(total.held)} Token / {money(total.heldCost)}。这些预留值不是实际消耗，请核对服务商账单。</p>}
+      <div className="ai-usage-table"><table><caption>按日期、成员和模型统计</caption><thead><tr><th>日期</th><th>成员</th><th>模型服务 / 模型</th><th>请求</th><th>失败或中断</th><th>输入 Token</th><th>输出 Token</th><th>缓存命中</th><th>估算费用</th></tr></thead><tbody>{report.rows.map((row, i) => <tr key={i}><td>{row.day}</td><td>{row.member}</td><td>{row.provider === "qwen-cn" ? "百炼北京" : "OpenAI"}<br />{row.model}</td><td>{row.requests}{row.running ? `（${row.running} 进行中）` : ""}</td><td>{row.failures}</td><td>{number(row.inputTokens)}{row.unknownUsage > 0 && `（${row.unknownUsage} 次未知）`}</td><td>{number(row.outputTokens)}</td><td>{number(row.cachedTokens)}</td><td>{money(row.estimatedCny)}{row.unpriced > 0 && `（${row.unpriced} 次未计价）`}</td></tr>)}</tbody></table>{!report.rows.length && <p className="settings-empty">所选日期内暂无 AI 请求。</p>}</div></>}
+    <details className="usage-notes"><summary>统计口径与费用说明</summary>
+    <p className="admin-help">Token 数来自模型接口回传；人民币费用按调用时配置的单价估算，实际账单以服务商为准。缓存 Token 已包含在输入中，不重复计数。统计不记录对话内容。</p>
+    </details>
   </section>;
 }

package/dashboard/app/BackupSettings.tsx

@@ -63,7 +63,7 @@ export default function BackupSettings({timezone,onChanged}: {timezone:string;on
 
   return <section className="panel backup-settings" aria-labelledby="backup-title">
     <header className="backup-header">
-      <div><h1 id="backup-title">备份</h1><p>为业务资料、附件、账号权限和操作历史保留独立副本。</p></div>
+      <div><h2 id="backup-title">备份</h2><p>为业务资料、附件、账号权限和操作历史保留独立副本。</p></div>
       <button type="button" className="admin-button admin-primary backup-now" disabled={!status || changed || busy || status.in_progress} onClick={() => void backup()} title={changed ? "请先保存或取消设置修改" : undefined}>
         {pending === "backup" ? <span className="backup-spinner" aria-hidden="true"/> : <BackupIcon kind="archive"/>}
         {pending === "backup" ? "正在备份…" : "立即备份"}
@@ -101,10 +101,10 @@ export default function BackupSettings({timezone,onChanged}: {timezone:string;on
             <label className="edit-field"><span>备份文件夹</span><div className="backup-directory-input"><BackupIcon kind="folder"/><input required readOnly={status.server} value={directory} onChange={event => setDirectory(event.target.value)} placeholder="填写完整文件夹路径" autoComplete="off" spellCheck={false}/></div></label>
             <label className="edit-field"><span>备份频率</span><select value={interval} onChange={event => setIntervalMinutes(Number(event.target.value))}><option value={60}>每小时一次</option><option value={1440}>每 24 小时一次</option></select></label>
           </div>
-          <label className="team-check"><input type="checkbox" checked={oss} disabled={!status.oss_configured&&!oss} onChange={e=>setOss(e.target.checked)}/>同步到私有 OSS</label>
-          {!status.oss_configured&&<p>服务器维护人员配置 OSS 后即可启用。访问凭据不会在页面中保存或显示。</p>}
+          <div className="backup-extra-options"><label className="team-check"><input type="checkbox" checked={oss} disabled={!status.oss_configured&&!oss} onChange={e=>setOss(e.target.checked)}/>同步到私有 OSS</label>
+          {!status.oss_configured&&<p className="admin-help">服务器维护人员配置 OSS 后即可启用。访问凭据不会在页面中保存或显示。</p>}
           <label className="edit-field"><span>本地副本保留期</span><select value={retention} onChange={e=>setRetention(Number(e.target.value))}>{[0,7,30,90,365].map(days=><option key={days} value={days}>{days?`${days} 天`:"不自动清理"}</option>)}</select></label>
-          <p className="backup-schedule-note">{status.server?"服务器持续运行期间自动检查；资料变化后按设置频率备份。服务器目录由部署配置管理。":"关闭工作台期间暂停，重新打开后检查补做。"} OSS 保留期由存储空间生命周期规则管理。</p>
+          </div><p className="backup-schedule-note">{status.server?"服务器持续运行期间自动检查；资料变化后按设置频率备份。服务器目录由部署配置管理。":"关闭工作台期间暂停，重新打开后检查补做。"} OSS 保留期由存储空间生命周期规则管理。</p>
           {changed && <div className="backup-save-bar"><span>设置尚未保存</span><div className="admin-actions"><button type="button" className="admin-button" onClick={cancel}>取消修改</button><button type="submit" className="admin-button admin-primary">{pending === "save" ? "正在保存…" : "保存设置"}</button></div></div>}
         </fieldset>
       </form>

package/dashboard/app/FileLibrary.tsx

@@ -166,7 +166,7 @@ export default function FileLibraryDialog({ data, target, onClose, onChanged, on
         {file.notes && <p className="files-notes">{file.notes}</p>}<p className="admin-help">归档对接方：{data.counterparties.find(item => item.id === file.home_counterparty_id)?.name || file.home_counterparty_id}</p><p className="admin-help">关联事项：{file.project_ids.map(id => data.projects.find(item => item.id === id)?.name || id).join("、")}</p>
         <section className="files-section"><h4>文件版本</h4>{[...file.versions].reverse().map(version => <article className="file-version" key={version.id}><div><strong>v{file.versions.indexOf(version)+1} · {fileStatuses[version.status]} {version.id === file.current_version && <span className="file-current">当前版本</span>}</strong><p>{version.filename}</p><small>{new Date(version.created_at).toLocaleString(data.workspace.locale,{timeZone:data.workspace.timezone})} · {sizeLabel(version.size)}</small>{version.note && <p>{version.note}</p>}</div><div className="admin-actions"><a className="admin-button" href={fileUrl(file,version)} download>下载</a>{local && <button type="button" className="admin-button" disabled={busy} onClick={() => void reveal({version_id:version.id})}>打开所在文件夹</button>}{/\.(pdf|png|jpe?g)$/i.test(version.filename) && <a className="admin-button" href={fileUrl(file,version,true)} target="_blank" rel="noreferrer">预览</a>}{canEdit && !file.archived && version.id !== file.current_version && <button className="admin-button" disabled={busy} onClick={() => setConfirmation({title:`恢复为 v${file.versions.indexOf(version)+1}？`,detail:"其他文件版本继续保留，已有发送记录仍指向当时的版本。",action:() => {void save("select_version",{version_id:version.id});}})}>设为当前版本</button>}</div></article>)}</section>
         <section className="files-section"><h4>使用与发送记录</h4>{!file.records.length && <p className="admin-help">暂无使用记录。导入文件不会自动标记为已发送。</p>}{[...file.records].sort((a,b) => b.date.localeCompare(a.date)).map(record => {const relatedProject=data.projects.find(item => item.id === record.project_id);const relatedEvent=relatedProject?.events.find(item => item.id === record.event_id);const version=file.versions.find(item => item.id === record.version_id)!;return <article className="file-usage" key={record.id}><div><strong>{record.date} · {fileUses[record.kind]} · v{file.versions.indexOf(version)+1}</strong><p>{record.people.map(id => data.people.find(person => person.id === id)?.name || id).join("、") || "未指定人员"}{record.channel ? ` · ${record.channel}` : ""}</p><small>{relatedProject?.name}{relatedEvent ? ` · ${relatedEvent.title}` : ""}</small>{record.note && <p>{record.note}</p>}</div><div className="admin-actions"><a className="admin-button" href={fileUrl(file,version)} download>下载当时版本</a>{local && <button type="button" className="admin-button" disabled={busy} onClick={() => void reveal({record_id:record.id})}>打开所在文件夹</button>}{canEdit && !file.archived && <><button className="admin-button" disabled={busy} onClick={() => {setUsageId(record.id);setMode("usage");}}>更正记录</button><button className="admin-button" disabled={busy} onClick={() => setConfirmation({title:"移除这条使用记录？",detail:"仅移除这条记录，文件原件继续保留；修改历史中可回溯。",action:() => {void save("usage_remove",{record_id:record.id});}})}>移除记录</button></>}</div></article>;})}</section>
-      </> : <div className="files-empty"><h3>把交流资料与进展放在一起</h3><p>选择左侧资料查看版本和发送情况，或导入第一份资料。</p><p>同一份资料可关联多个事项，发送记录始终对应具体版本。</p></div>}
+      </> : <div className="files-empty"><h3>把交流资料与进展放在一起</h3><p>选择一份资料查看版本和发送情况，或导入第一份资料。</p><p>同一份资料可关联多个事项，发送记录始终对应具体版本。</p></div>}
     </div></div>
     {listing && <footer className="files-footer"><details><summary>归档与备份说明</summary>{local?<p>工作区根目录：{listing.workspace_directory}</p>:<p>资料保存在公司服务器，可下载到自己的电脑。完整备份由管理员管理。</p>}<p>附件随对接方保存：{listing.directory_pattern}</p><p>业务记录、附件和自动修改历史统一保存在这个工作区内。备份仅包含工作台管理的资料。</p><p>每个对接方的档案、事项和附件放在同一个文件夹内。同一资料关联多个事项时，只在归档对接方内保存文件。</p><p>同一份资料的各版本放在同一个文件夹内，默认保留原文件名；同名且内容不同时追加版本后缀。NDA 的签署状态单独记录，不会改变关联事项的推进阶段。</p><p>目录中的文件是归档副本。更新内容请导入新版本；原有主版本可以继续在原目录编辑。完整备份包含附件原件、业务记录和工作台自动修改历史，原仓库 Git 历史由原仓库单独备份。</p></details></footer>}
   </Dialog.Content></Dialog.Portal></Dialog.Root>;

package/dashboard/app/RemoteAccess.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { useCallback, useEffect, useState } from "react";
 import Link from "next/link";
+import {SettingsPanelHeader,SettingsStatus} from "./SettingsUI";
 import type { TeamUser } from "./lib/team-client";
 import { stageLabels, followUpStatusLabels } from "./lib/labels";
 
@@ -52,15 +53,13 @@ export default function RemoteAccess({ user, manage = false, endpoint = "" }: {
     finally { setBusy(false); }
   }
   return <section className="panel admin-center-panel remote-access">
-    <h2>{manage ? "Codex 远程接入" : "我的远程接入"}</h2>
-    <p>远程助手可查询获授权事项和提交修改草稿。草稿由本人在本页面核对并确认后保存。</p>
+    <SettingsPanelHeader title={manage?"远程接入":"我的远程接入"} description="远程助手可查询获授权事项并提交草稿，核对确认后才会正式保存。"/>
     {error && <p className="admin-alert" role="alert">{error}</p>}
     {notice && <p className="admin-notice" role="status">{notice}</p>}
     {!status ? <p>正在读取接入状态…</p> : <>
-      <p>当前状态：<strong>{status.enabled ? "已开启" : "已关闭"}</strong></p>
+      <div className="remote-state"><div><SettingsStatus tone={status.enabled?"success":"neutral"}>{status.enabled?"已开启":"已关闭"}</SettingsStatus><p className="admin-help">{manage?"按账号授权，成员使用自己生成的接入凭据。":"接入权限与账号的事项访问范围保持一致。"}</p></div>{manage&&<button className="admin-button" disabled={busy} onClick={()=>void act("configure",{enabled:!status.enabled,revision:status.revision},status.enabled?"已关闭，旧凭据和草稿已失效。":"已开启。请为需要使用的成员授权。")}>{status.enabled?"关闭远程接入并撤销凭据":"开启远程接入"}</button>}</div>
       {manage ? <>
         <p className="admin-help">按账号授权。关闭接入将撤销全部凭据和待确认草稿；重新开启后需重新生成凭据。</p>
-        <button className="admin-button" disabled={busy} onClick={() => void act("configure", { enabled: !status.enabled, revision: status.revision }, status.enabled ? "已关闭，旧凭据和草稿已失效。" : "已开启。请为需要使用的成员授权。")}>{status.enabled ? "关闭远程接入并撤销凭据" : "开启远程接入"}</button>
         <h3>成员授权</h3>
         <ul className="remote-items">{status.members?.map(member => <li key={member.id}><span>{member.name} · {{ admin: "管理员", editor: "编辑成员", viewer: "只读成员" }[member.role]}{!member.active && " · 未启用"}</span>
           <button className="admin-button" disabled={busy || (!member.active && !member.granted)} onClick={() => void act("grant", { memberId: member.id, allowed: !member.granted }, member.granted ? "已取消授权，该成员的凭据与草稿已失效。" : "成员可登录后自行生成凭据。")}>{member.granted ? "取消远程授权" : "允许远程接入"}</button></li>)}</ul>
@@ -85,7 +84,7 @@ export default function RemoteAccess({ user, manage = false, endpoint = "" }: {
         </>}
       </>}
       <h3>{manage ? "全部个人凭据" : "我的凭据"}</h3>
-      {!status.tokens.length && <p>暂无凭据。</p>}
+      {!status.tokens.length && <p className="settings-empty">暂无凭据。</p>}
       <ul className="remote-items">{status.tokens.map(token => <li key={token.id}><div><strong>{token.label}</strong>{manage && <span> · {status.members?.find(member => member.id === token.owner)?.name || "成员"}</span>}<p>{token.can_draft ? "查询和提交草稿" : "仅查询"} · {when(token.expires)} 到期</p></div>
         <button className="admin-button" disabled={busy} onClick={() => void act("revoke", { tokenId: token.id }, "凭据及其待确认草稿已撤销。")}>撤销</button></li>)}</ul>
       {!manage && <>

package/dashboard/app/SettingsUI.tsx

@@ -0,0 +1,22 @@
+import type {ReactNode} from "react";
+
+export type SettingsIconName = "members" | "ai" | "usage" | "remote" | "backup" | "plus" | "search" | "lock";
+const paths:Record<SettingsIconName,ReactNode> = {
+  members:<><circle cx="9" cy="8" r="3"/><path d="M3 20v-2a6 6 0 0 1 12 0v2M16 5a3 3 0 0 1 0 6m2 3a5 5 0 0 1 3 4v2"/></>,
+  ai:<><path d="m12 3 2.7 6.3L21 12l-6.3 2.7L12 21l-2.7-6.3L3 12l6.3-2.7L12 3Z"/></>,
+  usage:<><path d="M4 4v16h16M9 15v-4m5 4V7m5 8v-6"/></>,
+  remote:<><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8m-4-4v4M8 9l-2 2 2 2m8-4 2 2-2 2"/></>,
+  backup:<><path d="M12 3v12m-4-4 4 4 4-4M4 15v5h16v-5"/></>,
+  plus:<path d="M12 5v14M5 12h14"/>,
+  search:<><circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 4 4"/></>,
+  lock:<><rect x="5" y="10" width="14" height="11" rx="2"/><path d="M8 10V6a4 4 0 0 1 8 0v4m-4 5v2"/></>,
+};
+export function SettingsIcon({name}:{name:SettingsIconName}) {
+  return <svg className="settings-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">{paths[name]}</svg>;
+}
+export function SettingsPanelHeader({title,description,actions}:{title:string;description?:string;actions?:ReactNode}) {
+  return <header className="settings-panel-head"><div><h2>{title}</h2>{description&&<p>{description}</p>}</div>{actions}</header>;
+}
+export function SettingsStatus({children,tone="neutral"}:{children:ReactNode;tone?:"neutral"|"success"|"warning"}) {
+  return <span className={`settings-status is-${tone}`}><span aria-hidden="true"/>{children}</span>;
+}

package/dashboard/app/TeamManagement.tsx

@@ -1,70 +1,97 @@
 "use client";
-import {useCallback,useEffect,useState} from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import {useCallback,useEffect,useRef,useState} from "react";
 import {useRouter} from "next/navigation";
 import {teamRequest,type TeamUser} from "./lib/team-client";
 import type {Project} from "./lib/types";
 import {workspaceRequest} from "./lib/workspace-client";
 import type {WorkspaceResponse} from "./lib/workspace-types";
+import {SettingsIcon,SettingsPanelHeader,SettingsStatus} from "./SettingsUI";
+
 type Audit={id:number;at:number;actor_name:string;action:string;target:string;outcome:string};
 const actionNames:Record<string,string>={"account.invite":"邀请成员","account.activate":"激活账号","account.login":"登录","account.permissions":"调整权限","account.reset":"重置登录",save:"保存资料",file_save:"更新附件",restore:"恢复资料",backup_config:"调整备份",backup_now:"立即备份",file_backup:"导出完整备份"};
 const roleNames={admin:"管理员",editor:"编辑成员",viewer:"只读成员"};
 const roleHelp={admin:"管理全部资料、成员权限和系统设置。",editor:"修改获授权事项和附件、补充进展。",viewer:"查看和导出获授权资料，不能修改。"};
 const statusNames={active:"已启用",email:"待验证邮箱",setup:"待绑定验证器",invited:"待接受邀请",expired:"邀请已过期",disabled:"已停用"};
+const isInvitation=(member:TeamUser)=>member.status==="invited"||member.status==="expired";
+
 export default function TeamManagement({user,projects,timezone}:{user:TeamUser;projects:Pick<Project,"id"|"name">[];timezone:string}) {
   const router=useRouter();
-  const [members,setMembers]=useState<TeamUser[]>([]);
-  const [projectChoices,setProjectChoices]=useState(projects);
-  const [selected,setSelected]=useState<TeamUser|null>(null);
-  const [email,setEmail]=useState("");const [name,setName]=useState("");
-  const [role,setRole]=useState<TeamUser["role"]>("viewer");
-  const [all,setAll]=useState(false);const [ids,setIds]=useState<string[]>([]);
-  const [projectSearch,setProjectSearch]=useState("");
-  const [active,setActive]=useState(true);const [busy,setBusy]=useState(false);
-  const [error,setError]=useState("");const [notice,setNotice]=useState("");const [link,setLink]=useState("");
-  const [audit,setAudit]=useState<Audit[]>([]);
-  const [linkExpires,setLinkExpires]=useState<number|null>(null);
+  const [members,setMembers]=useState<TeamUser[]>([]),[loading,setLoading]=useState(true);
+  const [memberSearch,setMemberSearch]=useState(""),[statusFilter,setStatusFilter]=useState("all");
+  const [projectChoices,setProjectChoices]=useState(projects),[projectSearch,setProjectSearch]=useState("");
+  const [editorOpen,setEditorOpen]=useState(false),[selected,setSelected]=useState<TeamUser|null>(null);
+  const [email,setEmail]=useState(""),[name,setName]=useState("");
+  const [role,setRole]=useState<TeamUser["role"]>("viewer"),[all,setAll]=useState(false),[ids,setIds]=useState<string[]>([]);
+  const [active,setActive]=useState(true),[busy,setBusy]=useState(false);
+  const [error,setError]=useState(""),[formError,setFormError]=useState(""),[notice,setNotice]=useState("");
+  const [link,setLink]=useState(""),[linkExpires,setLinkExpires]=useState<number|null>(null);
+  const [audit,setAudit]=useState<Audit[]>([]),[auditLoaded,setAuditLoaded]=useState(false),[auditBusy,setAuditBusy]=useState(false);
+  const opener=useRef<HTMLButtonElement|null>(null),inviteButton=useRef<HTMLButtonElement|null>(null);
+  const formAlert=useRef<HTMLParagraphElement|null>(null);
   const pendingInvitations=members.some(member=>member.status==="invited");
   const expiryText=(seconds:number)=>new Intl.DateTimeFormat("zh-CN",{timeZone:timezone,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hourCycle:"h23"}).format(new Date(seconds*1000));
   const visibleProjects=projectChoices.filter(project=>project.name.toLocaleLowerCase().includes(projectSearch.trim().toLocaleLowerCase()));
+  const visibleMembers=members.filter(member=>{
+    const search=memberSearch.trim().toLocaleLowerCase();
+    const matches=[member.name,member.username,member.email].some(value=>value?.toLocaleLowerCase().includes(search));
+    return matches&&(statusFilter==="all"||(statusFilter==="pending"?["invited","expired","email","setup"].includes(member.status||""):member.status===statusFilter));
+  });
   const fullAccess=role==="admin"||all;
+  const dirty=selected?role!==selected.role||all!==selected.all_projects||active!==!!selected.active||JSON.stringify([...ids].sort())!==JSON.stringify([...selected.project_ids].sort()):!!name||!!email||role!=="viewer"||all||ids.length>0;
   const refresh=useCallback(async()=>{const result=await teamRequest<{users:TeamUser[]}>("team_list",{},user.csrf);setMembers(result.users);},[user.csrf]);
-  useEffect(()=>{let cancelled=false;teamRequest<{users:TeamUser[]}>("team_list",{},user.csrf).then(result=>{if(!cancelled)setMembers(result.users);}).catch(err=>{if(!cancelled)setError(err.message);});return()=>{cancelled=true;};},[user.csrf]);
+  useEffect(()=>{let cancelled=false;teamRequest<{users:TeamUser[]}>("team_list",{},user.csrf).then(result=>{if(!cancelled)setMembers(result.users);}).catch(err=>{if(!cancelled)setError(err.message);}).finally(()=>{if(!cancelled)setLoading(false);});return()=>{cancelled=true;};},[user.csrf]);
   useEffect(()=>{const controller=new AbortController();workspaceRequest<WorkspaceResponse>("workspace",{},false,controller.signal).then(result=>{if(result.data)setProjectChoices(result.data.projects);}).catch(err=>{if(!controller.signal.aborted)setError(err.message);});return()=>controller.abort();},[]);
   useEffect(()=>{if(!pendingInvitations)return;const timer=window.setInterval(()=>{void refresh().catch(err=>setError(err.message));},60000);return()=>window.clearInterval(timer);},[pendingInvitations,refresh]);
-  function select(member:TeamUser|null){setSelected(member);setEmail(member?.email||"");setName(member?.name||"");setRole(member?.role||"viewer");setAll(member?.all_projects||false);setIds(member?.project_ids||[]);setProjectSearch("");setActive(member?!!member.active:true);setLink("");setLinkExpires(null);setError("");setNotice("");}
-  function showLink(result:{token:string;expires:number}){setLinkExpires(result.expires);setLink(`${window.location.origin}/join#${result.token}`);setNotice("请将邀请链接交给该成员。链接 48 小时内有效，仅可使用一次。");}
-  async function save(event:React.FormEvent){event.preventDefault();setBusy(true);setError("");setNotice("");try{
-    const payload={email,name,role,all_projects:all,project_ids:ids,active,id:selected?.id,revision:selected?.revision};
-    if(selected){await teamRequest("team_update",payload,user.csrf);setNotice(active?"权限已更新，该成员需要重新登录。":"权限已更新，账号已停用。如需重新邀请，请生成新的登录邀请。");if(selected.id===user.id){router.replace("/login");router.refresh();return;}setSelected(null);}
-    else showLink(await teamRequest("team_invite",payload,user.csrf));
-    await refresh();
-  }catch(err){setError((err as Error).message);}finally{setBusy(false);}}
-  async function reset(member:TeamUser){const pending=member.status==="invited"||member.status==="expired";if(!window.confirm(pending?`重新邀请 ${member.name}？旧链接将立即失效，新链接 48 小时内有效，原有身份和权限保留。`:`重新签发 ${member.name} 的登录邀请？现有登录会立即失效，原密码和验证器将需要重新设置。`))return;setBusy(true);setError("");try{showLink(await teamRequest("team_reset",{id:member.id},user.csrf));await refresh();}catch(err){setError((err as Error).message);}finally{setBusy(false);}}
-  async function copyLink(){try{await navigator.clipboard.writeText(link);setNotice("邀请链接已复制。请通过微信、邮件等渠道单独交给该成员，由本人填写邮箱、设置用户名、密码和验证器。");}catch{setNotice("无法自动复制，请选中邀请链接后手动复制。");}}
-  async function loadAudit(more=false){try{const result=await teamRequest<{entries:Audit[]}>("team_audit",more&&audit.length?{before:audit.at(-1)!.id}:{},user.csrf);setAudit(old=>more?[...old,...result.entries]:result.entries);}catch(err){setError((err as Error).message);}}
-  return <section className="team-management"><h2>成员与权限</h2><p>角色决定能做什么，访问范围决定能看到哪些事项。人员总库的维护、事项创建、全局历史和备份由管理员管理。</p><p>移除成员时停用其账号，立即撤销登录访问，保留已有业务记录和操作历史。</p>
-    {error&&<p className="admin-alert" role="alert">{error}</p>}{notice&&<p className="admin-notice" role="status">{notice}</p>}
-    {link&&<div className="invitation-result"><label>一次性邀请链接<input readOnly value={link} onFocus={e=>e.target.select()}/></label><button type="button" className="admin-button" onClick={()=>void copyLink()}>复制邀请链接</button><p className="admin-help">{linkExpires&&<>到期时间：<time dateTime={new Date(linkExpires*1000).toISOString()}>{expiryText(linkExpires)}</time>（{timezone}）。</>}链接 48 小时内有效，仅可使用一次。邀请链接不会自动通过邮件发送；无需提供临时密码，请由成员本人完成设置。</p></div>}
-    <div className="team-grid"><section className="panel"><h2>成员</h2><button className="admin-button" disabled={busy} onClick={()=>select(null)}>邀请新成员</button>{members.map(member=><article className="team-member" key={member.id}><strong>{member.name}</strong><span>{member.username?`用户名：${member.username} · `:""}{member.email||"邮箱待本人填写"} · {roleNames[member.role]} · <span className={member.status==="expired"?"team-invitation-expired":undefined}>{member.status?statusNames[member.status]:member.active?"已启用":"已停用"}</span></span>{member.invitation_expires&&<span className="team-member-scope">{member.status==="expired"?"已于":"邀请将于"} <time dateTime={new Date(member.invitation_expires*1000).toISOString()}>{expiryText(member.invitation_expires)}</time> 到期（{timezone}）</span>}<span className="team-member-scope">{member.role==="admin"||member.all_projects?"全部事项 · 自动包含新增事项":member.project_ids.length?`指定事项 · ${member.project_ids.length} 项 · 新增事项需另行授权`:"尚未分配事项"}</span><div><button className="admin-button" disabled={busy} onClick={()=>select(member)}>调整权限</button>{member.id!==user.id&&<button disabled={busy} className="admin-button" onClick={()=>void reset(member)}>{member.status==="invited"||member.status==="expired"?"重新邀请":"重新签发登录邀请"}</button>}</div></article>)}</section>
-    <section className="panel"><h2>{selected?`调整 ${selected.name} 的权限`:"新建成员并邀请"}</h2>{!selected&&<p>填写姓名并分配权限，再把生成的链接交给本人。邮箱可以不填，由对方激活时补充。</p>}<form className="team-form" onSubmit={save}><fieldset disabled={busy}>
-      {!selected&&<><label>姓名<input required maxLength={100} value={name} onChange={e=>setName(e.target.value)}/></label><label>邮箱（选填）<input type="email" maxLength={254} value={email} onChange={e=>setEmail(e.target.value)}/><span className="admin-help">不知道对方邮箱可以留空；填写后，该邀请将使用指定邮箱。</span></label></>}
-      <label>成员角色<select aria-describedby="team-role-help" value={role} onChange={e=>setRole(e.target.value as TeamUser["role"])}>{Object.entries(roleNames).map(([value,label])=><option key={value} value={value}>{label}</option>)}</select><span id="team-role-help" className="admin-help">{roleHelp[role]}</span></label>
-      {role!=="admin"?<>
-        <fieldset className="team-scope-options"><legend>事项访问范围</legend>
-          <label className={`team-scope-option${!all?" is-selected":""}`}><input type="radio" name="matter-scope" checked={!all} onChange={()=>setAll(false)}/><span><strong>指定事项</strong><span>仅限勾选的事项。以后新增事项需另行授权。</span></span></label>
-          <label className={`team-scope-option${all?" is-selected":""}`}><input type="radio" name="matter-scope" checked={all} onChange={()=>setAll(true)}/><span><strong>全部事项</strong><span>自动包含当前和以后新增的事项，无需逐项授权。</span></span></label>
-        </fieldset>
-        {all?<p className="admin-help">同时可查看公司动态及共享的人员、对接方资料。</p>:<fieldset className="team-project-picker"><legend>选择可访问的事项</legend>
-          <label className="team-search-label">搜索事项<input type="search" placeholder="按事项名称搜索" value={projectSearch} onChange={e=>setProjectSearch(e.target.value)}/></label>
-          <div className="team-selection-toolbar"><span role="status">已选 {ids.length} 项</span><div><button type="button" className="admin-button" disabled={!visibleProjects.length} onClick={()=>setIds(current=>[...new Set([...current,...visibleProjects.map(project=>project.id)])])}>{projectSearch.trim()?"选中搜索结果":"选中当前全部"}</button><button type="button" className="admin-button" disabled={!ids.length} onClick={()=>setIds([])}>清空选择</button></div></div>
-          <div className="team-project-list">{visibleProjects.map(project=><label className="team-check" key={project.id}><input type="checkbox" checked={ids.includes(project.id)} onChange={e=>setIds(e.target.checked?[...ids,project.id]:ids.filter(id=>id!==project.id))}/>{project.name}</label>)}{!visibleProjects.length&&<p className="admin-help">{projectChoices.length?"没有找到匹配的事项。":"暂无可选事项；新增事项后可在此分配。"}</p>}</div>
-          <p className="admin-help">“选中当前全部”只勾选现有事项，以后新增的事项仍需另行授权。跨事项附件需要具备其全部关联事项的权限。</p>
-        </fieldset>}
-      </>:<p className="admin-notice">管理员始终管理全部事项，自动包含以后新增的事项。</p>}
-      {selected&&<label className="team-check"><input type="checkbox" checked={active} onChange={e=>setActive(e.target.checked)}/>启用账号</label>}
-      <section className="team-permission-summary" aria-labelledby="team-permission-summary-title"><h3 id="team-permission-summary-title">权限预览</h3>{selected&&!active?<p>保存后，账号将处于停用状态，不能访问工作台；业务记录和历史仍会保留。</p>:<><dl><div><dt>可操作</dt><dd>{roleHelp[role]}</dd></div><div><dt>可访问</dt><dd>{fullAccess?"全部事项":ids.length?`已选的 ${ids.length} 个事项`:"尚未分配事项"}</dd></div><div><dt>以后新增事项</dt><dd>{fullAccess?"自动获得访问权限":"需要管理员另行授权"}</dd></div></dl>{!fullAccess&&!ids.length&&<p className="admin-help">可以完成账号激活，但暂时不能查看业务事项。</p>}</>}</section>
-      <button className="admin-button admin-primary" type="submit">{busy?"正在保存…":selected?"保存权限":"生成邀请链接"}</button>
-    </fieldset></form></section></div>
-    <section className="panel"><h2>操作记录</h2><button className="admin-button" onClick={()=>void loadAudit()}>查看 / 刷新</button><p>操作账号记录实际录入者，与业务记录中的会议参与人分别维护。“开始”后没有完成记录的操作，需要检查执行结果。</p><div className="team-audit">{audit.map(item=><p key={item.id}><time>{new Date(item.at*1000).toLocaleString("zh-CN")}</time> · {item.actor_name} · {actionNames[item.action]||"账号操作"} · {{started:"开始",success:"完成",failed:"失败"}[item.outcome]||item.outcome} {item.target}</p>)}</div>{audit.length>=100&&<button className="admin-button" onClick={()=>void loadAudit(true)}>更早记录</button>}</section>
+  useEffect(()=>{if(formError&&editorOpen){formAlert.current?.focus();formAlert.current?.scrollIntoView({block:"nearest"});}},[formError,editorOpen]);
+  function select(member:TeamUser|null,button:HTMLButtonElement){
+    opener.current=button;setSelected(member);setEmail(member?.email||"");setName(member?.name||"");setRole(member?.role||"viewer");setAll(member?.all_projects||false);setIds(member?.project_ids||[]);setProjectSearch("");setActive(member?!!member.active:true);setFormError("");setError("");setNotice("");setEditorOpen(true);
+  }
+  function closeEditor(){if(!busy&&(!dirty||window.confirm("放弃尚未保存的成员设置？")))setEditorOpen(false);}
+  function showLink(result:{token:string;expires:number}){setLinkExpires(result.expires);setLink(`${window.location.origin}/join#${result.token}`);setNotice("邀请链接已生成，请单独交给该成员。");}
+  async function save(event:React.FormEvent){
+    event.preventDefault();if(busy)return;setBusy(true);setFormError("");setNotice("");
+    try{
+      const payload={email,name,role,all_projects:all,project_ids:ids,active,id:selected?.id,revision:selected?.revision};
+      if(selected){
+        await teamRequest("team_update",payload,user.csrf);setNotice(active?"权限已更新，该成员需要重新登录。":"账号已停用，已有记录和历史已保留。");
+        if(selected.id===user.id){router.replace("/login");router.refresh();return;}
+      }else showLink(await teamRequest("team_invite",payload,user.csrf));
+      try{await refresh();}catch(err){setError(`已保存，但成员列表未能刷新：${(err as Error).message}`);}
+      setEditorOpen(false);
+    }catch(err){setFormError((err as Error).message);}finally{setBusy(false);}
+  }
+  async function reset(member:TeamUser){
+    if(!window.confirm(isInvitation(member)?`重新邀请 ${member.name}？旧链接将立即失效，新链接 48 小时内有效，原有身份和权限保留。`:`重新签发 ${member.name} 的登录邀请？现有登录会立即失效，原密码和验证器将需要重新设置。`))return;
+    setBusy(true);setError("");try{showLink(await teamRequest("team_reset",{id:member.id},user.csrf));await refresh();}catch(err){setError((err as Error).message);}finally{setBusy(false);}
+  }
+  async function copyLink(){try{await navigator.clipboard.writeText(link);setNotice("邀请链接已复制，请通过微信或邮件等渠道单独交给本人。");}catch{setNotice("无法自动复制，请选中邀请链接后手动复制。");}}
+  async function loadAudit(more=false){setAuditBusy(true);try{const result=await teamRequest<{entries:Audit[]}>("team_audit",more&&audit.length?{before:audit.at(-1)!.id}:{},user.csrf);setAudit(old=>more?[...old,...result.entries]:result.entries);setAuditLoaded(true);}catch(err){setError((err as Error).message);}finally{setAuditBusy(false);}}
+  return <section className="team-management">
+    <section className="panel admin-center-panel member-panel">
+      <SettingsPanelHeader title="成员与权限" description="管理成员身份、角色和事项访问范围。" actions={<button ref={inviteButton} type="button" className="admin-button admin-primary" disabled={busy} onClick={event=>select(null,event.currentTarget)}><SettingsIcon name="plus"/>邀请新成员</button>}/>
+      {error&&<p className="admin-alert" role="alert">{error}</p>}{notice&&<p className="admin-notice" role="status">{notice}</p>}
+      {link&&<section className="invitation-result" aria-label="生成的邀请链接"><div className="invitation-result-heading"><strong>一次性邀请链接</strong><button className="settings-text-button" type="button" onClick={()=>{setLink("");setLinkExpires(null);}}>收起</button></div><div className="invitation-copy"><label className="sr-only" htmlFor="member-invitation-link">邀请链接</label><input id="member-invitation-link" readOnly value={link} onFocus={e=>e.target.select()}/><button type="button" className="admin-button" onClick={()=>void copyLink()}>复制链接</button></div><p className="admin-help">{linkExpires&&<>有效至 <time dateTime={new Date(linkExpires*1000).toISOString()}>{expiryText(linkExpires)}</time>（{timezone}），</>}仅可使用一次。由本人填写邮箱、设置密码和身份验证器。</p></section>}
+      <div className="member-toolbar"><label className="settings-search"><SettingsIcon name="search"/><span className="sr-only">搜索成员</span><input type="search" placeholder="搜索姓名、用户名或邮箱" value={memberSearch} onChange={event=>setMemberSearch(event.target.value)}/></label><label className="member-status-filter"><span className="sr-only">成员状态</span><select value={statusFilter} onChange={event=>setStatusFilter(event.target.value)}><option value="all">全部状态</option><option value="active">已启用</option><option value="pending">待激活</option><option value="disabled">已停用</option></select></label><span className="member-count">{members.length} 名成员</span></div>
+      {loading?<p className="settings-empty" role="status">正在读取成员…</p>:<div className="member-list">{visibleMembers.map(member=><article className="member-row" key={member.id}>
+        <div className="member-identity"><span className="member-avatar" aria-hidden="true">{Array.from(member.name)[0]}</span><div><div className="member-name"><strong>{member.name}</strong>{member.id===user.id&&<span className="member-self">你</span>}<SettingsStatus tone={member.status==="active"?"success":member.status==="expired"?"warning":"neutral"}>{member.status?statusNames[member.status]:member.active?"已启用":"已停用"}</SettingsStatus></div><p>{member.username||"尚未设置用户名"}</p><p className="member-email">{member.email||"邮箱待本人填写"}</p>{!!member.invitation_expires&&<p className={member.status==="expired"?"team-invitation-expired":""}>{member.status==="expired"?"已于":"邀请将于"} <time dateTime={new Date(member.invitation_expires*1000).toISOString()}>{expiryText(member.invitation_expires)}</time> 到期</p>}</div></div>
+        <div className="member-permissions"><span className="member-role">{roleNames[member.role]}</span><p>{member.role==="admin"||member.all_projects?"全部事项":member.project_ids.length?`指定事项 · ${member.project_ids.length} 项`:"尚未分配事项"}</p><small>{member.role==="admin"||member.all_projects?"自动包含新增事项":"新增事项需另行授权"}</small></div>
+        <div className="member-actions"><button type="button" className="admin-button" disabled={busy} onClick={event=>select(member,event.currentTarget)}>调整权限</button>{member.id!==user.id&&<button type="button" disabled={busy} className="settings-text-button" onClick={()=>void reset(member)}>{isInvitation(member)?"重新邀请":"重置登录"}</button>}</div>
+      </article>)}{!visibleMembers.length&&<p className="settings-empty">{members.length?"没有符合条件的成员，试试其他关键词或状态。":"尚无成员，可通过邀请链接加入团队。"}</p>}</div>}
+      <p className="member-policy-note">停用账号会撤销登录访问，保留已有业务记录和操作历史。人员总库维护、事项创建、全局历史和备份由管理员管理。</p>
+    </section>
+    <details className="settings-disclosure member-audit" onToggle={event=>{if(event.currentTarget.open&&!auditLoaded&&!auditBusy)void loadAudit();}}><summary><span>操作记录<small>查看成员与权限的变更</small></span></summary><div className="settings-disclosure-body"><div className="settings-row-heading"><p className="admin-help">显示实际操作账号。“开始”后没有完成记录的操作，需要检查执行结果。</p><button type="button" className="admin-button" disabled={auditBusy} onClick={()=>void loadAudit()}>{auditBusy?"读取中…":"刷新记录"}</button></div><div className="team-audit">{audit.map(item=><p key={item.id}><time>{expiryText(item.at)}</time><span>{item.actor_name} · {actionNames[item.action]||"账号操作"} · {{started:"开始",success:"完成",failed:"失败"}[item.outcome]||item.outcome}</span><small>{item.target}</small></p>)}{auditLoaded&&!audit.length&&<p className="settings-empty">暂无操作记录。</p>}</div>{audit.length>=100&&<button type="button" disabled={auditBusy} className="admin-button" onClick={()=>void loadAudit(true)}>加载更早记录</button>}</div></details>
+    <Dialog.Root open={editorOpen} onOpenChange={open=>{if(!open)closeEditor();}}><Dialog.Portal><Dialog.Overlay className="admin-dialog-overlay"/><Dialog.Content className="admin-dialog member-dialog" onInteractOutside={event=>event.preventDefault()} onEscapeKeyDown={event=>{event.preventDefault();closeEditor();}} onCloseAutoFocus={event=>{event.preventDefault();(opener.current?.isConnected?opener.current:inviteButton.current)?.focus();}}>
+      <header className="admin-dialog-head"><div><Dialog.Title>{selected?`调整 ${selected.name} 的权限`:"邀请新成员"}</Dialog.Title><Dialog.Description>{selected?"调整角色和访问范围，保存后生效。":"填写基本资料并分配权限，再把邀请链接交给本人。"}</Dialog.Description></div><button type="button" className="close-button" aria-label="关闭成员设置" disabled={busy} onClick={closeEditor}>×</button></header>
+      <form className="team-form" onSubmit={save}><div className="admin-dialog-scroll">{formError&&<p ref={formAlert} className="admin-alert" role="alert" tabIndex={-1}>{formError}</p>}<fieldset disabled={busy} className="member-form-fields">
+        {!selected&&<section className="settings-form-section"><h3>基本资料</h3><div className="edit-form-grid"><label>姓名<input required maxLength={100} autoComplete="name" value={name} onChange={e=>setName(e.target.value)}/></label><label><span>邮箱 <span className="field-optional">选填</span></span><input type="email" autoComplete="email" maxLength={254} value={email} onChange={e=>setEmail(e.target.value)}/></label></div><p className="admin-help">邮箱留空时由本人激活时填写；已填写的邮箱会绑定到本次邀请。</p></section>}
+        <section className="settings-form-section"><h3>角色与访问范围</h3><label>成员角色<select aria-describedby="team-role-help" value={role} onChange={e=>setRole(e.target.value as TeamUser["role"])}>{Object.entries(roleNames).map(([value,label])=><option key={value} value={value}>{label}</option>)}</select><span id="team-role-help" className="admin-help">{roleHelp[role]}</span></label>
+        {role!=="admin"?<><fieldset className="team-scope-options"><legend>可访问的事项</legend><label className={`team-scope-option${!all?" is-selected":""}`}><input type="radio" name="matter-scope" checked={!all} onChange={()=>setAll(false)}/><span><strong>指定事项</strong><span>仅限勾选项，新增事项需另行授权。</span></span></label><label className={`team-scope-option${all?" is-selected":""}`}><input type="radio" name="matter-scope" checked={all} onChange={()=>setAll(true)}/><span><strong>全部事项</strong><span>自动包含当前和以后新增的事项。</span></span></label></fieldset>
+          {all?<p className="admin-help">同时可查看公司动态及共享的人员、对接方资料。</p>:<div className="team-project-picker"><label className="settings-search"><SettingsIcon name="search"/><span className="sr-only">搜索事项</span><input type="search" placeholder="搜索事项名称" value={projectSearch} onChange={e=>setProjectSearch(e.target.value)}/></label><div className="team-selection-toolbar"><span role="status">已选 {ids.length} 项</span><div><button type="button" className="settings-text-button" disabled={!visibleProjects.length} onClick={()=>setIds(current=>[...new Set([...current,...visibleProjects.map(project=>project.id)])])}>{projectSearch.trim()?"选中搜索结果":"选中当前全部"}</button><button type="button" className="settings-text-button" disabled={!ids.length} onClick={()=>setIds([])}>清空</button></div></div><div className="team-project-list">{visibleProjects.map(project=><label className="team-check" key={project.id}><input type="checkbox" checked={ids.includes(project.id)} onChange={e=>setIds(e.target.checked?[...ids,project.id]:ids.filter(id=>id!==project.id))}/>{project.name}</label>)}{!visibleProjects.length&&<p className="admin-help">{projectChoices.length?"没有匹配的事项。":"暂无事项，可在新增后分配。"}</p>}</div><p className="admin-help">批量选择只包含现有事项。跨事项附件需具备其全部关联事项的权限。</p></div>}</>:<p className="admin-help">管理员始终管理全部事项，自动包含以后新增的事项。</p>}
+        </section>
+        {selected&&<label className="team-check member-active"><input type="checkbox" checked={active} onChange={e=>setActive(e.target.checked)}/>启用账号</label>}
+        <section className="team-permission-summary" aria-labelledby="team-permission-summary-title"><h3 id="team-permission-summary-title">权限预览</h3>{selected&&!active?<p>保存后账号将停用，不能访问工作台；已有记录和历史保留。</p>:<><dl><div><dt>可操作</dt><dd>{roleHelp[role]}</dd></div><div><dt>可访问</dt><dd>{fullAccess?"全部事项":ids.length?`已选的 ${ids.length} 个事项`:"尚未分配事项"}</dd></div><div><dt>以后新增事项</dt><dd>{fullAccess?"自动获得访问权限":"需要管理员另行授权"}</dd></div></dl>{!fullAccess&&!ids.length&&<p className="admin-help">可以激活账号，但暂时不能查看业务事项。</p>}</>}</section>
+      </fieldset></div><footer className="admin-dialog-footer"><span>{selected?"保存后，该成员的现有登录将失效。":"邀请链接有效期 48 小时，仅可使用一次。"}</span><div className="admin-actions"><button type="button" className="admin-button" disabled={busy} onClick={closeEditor}>取消</button><button className="admin-button admin-primary" type="submit" disabled={busy}>{busy?"正在保存…":selected?"保存权限":"生成邀请链接"}</button></div></footer></form>
+    </Dialog.Content></Dialog.Portal></Dialog.Root>
   </section>;
 }

package/dashboard/app/WorkspaceAdmin.tsx

@@ -19,7 +19,7 @@ export default function WorkspaceAdmin({data, onEdit, onHistory, onFiles, onNdaF
       <div className="admin-detail">{!selected ? <div className="panel-empty-state">选择一条{labels[kind]}资料，查看或编辑。</div> : <>
         <h2>{options.find(item => item.id === selected)?.name}</h2><p className="admin-help">{options.find(item => item.id === selected)?.description}</p>
         <div className="admin-actions"><button type="button" className="admin-button" onClick={() => onEdit({kind,id:selected})}>编辑{labels[kind]}</button><button type="button" className="admin-button" onClick={() => onHistory({kind,id:selected})}>查看修改历史</button>{kind === "project" && <button type="button" className="admin-button admin-primary" onClick={() => onEdit({kind:"progress",id:"",project_id:selected})}>新增沟通进展</button>}</div>
-        {kind === "project" && project && <section className="admin-progress-list"><button type="button" className="admin-button" onClick={() => onEdit({kind:"counterparty",id:project.primary_counterparty_id})}>对接方档案与共用联系人</button><button type="button" className="admin-button" onClick={() => onHistory({kind:"counterparty",id:project.primary_counterparty_id})}>对接方修改历史</button><button type="button" className="admin-button" onClick={() => onFiles(selected)}>查看事项资料</button><h3>沟通进展</h3>{[...project.events].sort((a,b) => b.date.localeCompare(a.date)).map(event => <article key={event.id}><div><time>{event.date}</time><h4>{event.title}</h4><p>{event.summary}</p></div><button type="button" className="admin-button" onClick={() => onEdit({kind:"progress",id:event.id,project_id:selected})} aria-label={`编辑进展：${event.title}`}>编辑</button><button type="button" className="admin-button" onClick={() => onFiles(selected,event.id)} aria-label={`关联资料：${event.title}`}>资料</button></article>)}</section>}
+        {kind === "project" && project && <section className="admin-progress-list"><div className="admin-actions admin-related-actions"><button type="button" className="admin-button" onClick={() => onEdit({kind:"counterparty",id:project.primary_counterparty_id})}>对接方档案与共用联系人</button><button type="button" className="admin-button" onClick={() => onHistory({kind:"counterparty",id:project.primary_counterparty_id})}>对接方修改历史</button><button type="button" className="admin-button" onClick={() => onFiles(selected)}>查看事项资料</button></div><h3>沟通进展</h3>{[...project.events].sort((a,b) => b.date.localeCompare(a.date)).map(event => <article key={event.id}><div><time>{event.date}</time><h4>{event.title}</h4><p>{event.summary}</p></div><div className="admin-actions"><button type="button" className="admin-button" onClick={() => onEdit({kind:"progress",id:event.id,project_id:selected})} aria-label={`编辑进展：${event.title}`}>编辑</button><button type="button" className="admin-button" onClick={() => onFiles(selected,event.id)} aria-label={`关联资料：${event.title}`}>资料</button></div></article>)}</section>}
         {kind === "person" && (() => {const person = data.people.find(person => person.id === selected); return person ? <dl className="admin-person-details"><dt>单位及职位</dt><dd>{person.affiliation}</dd><dt>电话</dt><dd>{person.phone || "未填写"}</dd><dt>微信</dt><dd>{person.wechat || "未填写"}</dd><dt>邮箱</dt><dd>{person.email || "未填写"}</dd><dt>关联事项</dt><dd>{person.projects.map(project => project.project_name).join("、") || "暂无关联事项"}</dd></dl> : null;})()}
         {kind === "company" && <p>{data.company_events.find(event => event.id === selected)?.summary}</p>}
       </>}</div>

package/dashboard/app/admin.css

@@ -24,7 +24,10 @@
 .admin-list-items small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 .admin-detail,.version-preview { border-left:1px solid var(--line); padding-left:24px; min-width:0; }
 .admin-detail > p { font-size:13px; line-height:1.8; }
+.admin-related-actions { margin-top:12px; }
 .admin-progress-list article { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; border-bottom:1px solid var(--line); padding:16px 0; }
+.admin-progress-list article > div:first-child { flex:1; min-width:0; overflow-wrap:anywhere; }
+.admin-progress-list article > .admin-actions { flex:none; }
 .admin-progress-list time { font-size:11px; color:var(--muted); }
 .admin-progress-list h4 { font-size:14px; margin:6px 0; }
 .admin-progress-list p { font-size:13px; line-height:1.8; margin:0; }
@@ -113,6 +116,8 @@
   .topbar-actions { flex-wrap:wrap; }
 }
 @media(max-width:650px) {
+  .workspace-admin > .section-heading,.version-history > .section-heading { flex-direction:column; gap:16px; }
+  .admin-progress-list article { flex-direction:column; }
   .workspace-nav { flex-wrap:wrap; }
   .workspace-nav button { padding:8px 11px; font-size:12px; }
   .admin-layout,.history-layout,.edit-form-grid,.version-change-values,.history-filters { grid-template-columns:1fr; }

package/dashboard/app/globals.css

@@ -1,6 +1,7 @@
 @import "tailwindcss";
 @import "./admin.css";
 @import "./files.css";
+@import "./settings.css";
 
 .weekly-trigger { white-space: nowrap; }
 .weekly-navigation { display: grid; grid-template-columns: 1fr auto 1fr; gap: 4px; margin-top: 8px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #f3f7fa; }
@@ -2825,14 +2826,7 @@ select,
   }
 
   .dashboard-grid {
-    display: flex;
-    overflow-x: auto;
-    scroll-snap-type: x mandatory;
-  }
-
-  .dashboard-grid > .panel {
-    flex: 0 0 calc(100vw - 42px);
-    scroll-snap-align: start;
+    grid-template-columns: minmax(0, 1fr);
   }
 
   .pipeline {
@@ -3040,55 +3034,3 @@ select,
     transition: none !important;
   }
 }
-
-/* Team deployment: authentication and membership management. */
-.auth-page{min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:24px;background:#f5f7fa}
-.auth-card{width:min(100%,460px);padding:32px;border:1px solid #dfe5ed;border-radius:16px;background:white;box-shadow:0 12px 40px #152a4610}
-.auth-card h1{margin:0 0 12px}.auth-card form,.team-form fieldset{display:grid;gap:18px}
-.auth-card label,.team-form label,.team-management>label{display:grid;gap:8px;font-weight:600}
-.auth-card input,.team-form input:not([type=checkbox]):not([type=radio]),.team-form select,.team-management>label input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#152a46}
-.auth-setup{padding:14px;background:#f1f5f9;border-radius:8px}.auth-setup h2{font-size:16px}.auth-setup code{overflow-wrap:anywhere;user-select:all}
-.team-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px max(20px,calc((100vw - 1440px)/2));border-bottom:1px solid #e2e8f0;background:white}.team-bar>div{display:flex;gap:8px}
-.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.team-management .panel{padding:24px}.team-member{display:grid;gap:8px;padding:16px 0;border-bottom:1px solid #e2e8f0}.team-member>div{display:flex;gap:8px;flex-wrap:wrap}.team-form fieldset{border:0;padding:0}.team-form label.team-check{display:flex;align-items:center;font-weight:400}.team-form input[type=checkbox]{width:18px;height:18px}.team-audit{overflow-wrap:anywhere;font-size:13px}
-@media(max-width:760px){.team-grid{grid-template-columns:1fr}.team-bar{flex-wrap:wrap}.auth-card{padding:22px}}
-
-.site-brand-identity { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
-.site-brand-logo { display: block; width: auto; height: 36px; max-width: 144px; object-fit: contain; flex-shrink: 0; }
-.auth-card h1 .site-brand-logo { height: 44px; max-width: 176px; }
-.auth-card label .admin-help { display: block; font-weight: 400; }
-.account-settings { max-width: 800px; }
-.team-grid > .panel { min-width: 0; align-self: start; }
-.team-invitation-expired { color: #b45309; font-weight: 600; }
-.team-member-scope { font-size: 13px; color: #475569; }
-.team-form .admin-help { font-weight: 400; margin: 0; }
-.team-form legend { padding: 0; margin-bottom: 10px; font-weight: 600; }
-.team-form .team-scope-options { gap: 10px; }
-.team-form label.team-scope-option { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid #cbd5e1; border-radius: 10px; cursor: pointer; }
-.team-form label.team-scope-option.is-selected { background: #eff6ff; border-color: #2563eb; }
-.team-scope-option input[type=radio] { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; accent-color: #2563eb; }
-.team-scope-option > span { display: grid; gap: 4px; }
-.team-scope-option > span > span { font-size: 13px; line-height: 1.5; color: #475569; font-weight: 400; }
-.team-scope-option:focus-within { outline: 2px solid #2563eb; outline-offset: 2px; }
-.team-form .team-project-picker { gap: 12px; }
-.team-selection-toolbar, .team-selection-toolbar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
-.team-selection-toolbar { justify-content: space-between; font-size: 13px; }
-.team-project-list { display: grid; gap: 10px; max-height: 260px; overflow-y: auto; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; }
-.team-project-list label { overflow-wrap: anywhere; }
-.team-project-list input[type=checkbox] { flex: 0 0 auto; }
-.team-permission-summary { padding: 16px; border: 1px solid #dbe4ee; border-radius: 10px; background: #f8fafc; }
-.team-permission-summary h3 { margin: 0 0 12px; font-size: 15px; }
-.team-permission-summary dl { display: grid; gap: 10px; margin: 0; }
-.team-permission-summary dl > div { display: grid; grid-template-columns: 7em minmax(0, 1fr); gap: 12px; font-size: 13px; }
-.team-permission-summary dt { color: #64748b; }
-.team-permission-summary dd { margin: 0; }
-.team-permission-summary .admin-help { margin-top: 12px; }
-.account-settings .team-form input[readonly] {
-  background: #f1f5f9;
-  color: #475569;
-  border-color: #cbd5e1;
-  cursor: default;
-  caret-color: transparent;
-}
-.invitation-result { padding: 16px; margin: 16px 0; border: 1px solid var(--line); border-radius: 12px; }
-.invitation-result label { display: grid; gap: 8px; margin-bottom: 12px; }
-.invitation-result input { width: 100%; padding: 10px; }

package/dashboard/app/settings.css

@@ -0,0 +1,280 @@
+/* Shared account and administration surfaces. */
+.site-brand-identity { display:inline-flex; align-items:center; gap:10px; font-weight:700; }
+.site-brand-logo { display:block; width:auto; height:32px; max-width:144px; object-fit:contain; flex-shrink:0; }
+.settings-icon { width:20px; height:20px; flex:none; }
+.admin-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; }
+.admin-button .settings-icon { width:17px; height:17px; }
+.admin-button:focus-visible,.settings-text-button:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
+.settings-text-button { border:0; padding:6px 2px; background:transparent; color:var(--blue); font-size:12px; cursor:pointer; line-height:1.5; }
+.settings-text-button:hover { text-decoration:underline; text-underline-offset:3px; }
+.settings-text-button:disabled { opacity:.45; cursor:default; text-decoration:none; }
+.settings-status { display:inline-flex; align-items:center; gap:6px; width:fit-content; flex:none; border-radius:20px; background:#f1f4f7; padding:4px 9px; color:var(--muted); font-size:11px; line-height:1.4; white-space:nowrap; }
+.settings-status > span { width:5px; height:5px; border-radius:50%; background:currentColor; }
+.settings-status.is-success { background:#edf7f1; color:#287756; }
+.settings-status.is-warning { background:#fff5e7; color:#97601f; }
+.team-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:13px max(24px,calc((100vw - 1280px)/2)); border-bottom:1px solid var(--line); background:var(--paper); font-size:12px; color:var(--muted); }
+.team-bar > span { overflow-wrap:anywhere; }
+.team-bar > div { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
+.team-bar .admin-button { background:transparent; border-color:transparent; color:var(--muted); min-height:34px; padding:6px 10px; font-size:12px; }
+.team-bar .admin-button:hover { color:var(--navy); background:var(--canvas); }
+.page-shell.admin-center { max-width:1280px; padding-top:34px; }
+.settings-page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:30px; }
+.settings-page-head .site-brand-identity { color:var(--muted); font-size:13px; margin-bottom:12px; }
+.settings-page-head .site-brand-logo { height:24px; }
+.admin-center .settings-page-head h1,.account-settings .settings-page-head h1 { font-size:28px; font-weight:650; line-height:1.3; margin:0; letter-spacing:-.03em; }
+.admin-center .settings-page-head p,.account-settings .settings-page-head p { margin:8px 0 0; font-size:13px; line-height:1.7; color:var(--muted); }
+.settings-access-label { display:flex; align-items:center; gap:6px; margin-top:7px; font-size:11px; color:var(--muted); }
+.settings-access-label .settings-icon { width:14px; height:14px; }
+.settings-layout { display:grid; grid-template-columns:196px minmax(0,1fr); gap:28px; align-items:start; }
+.settings-layout .admin-center-nav { display:flex; flex-direction:column; gap:5px; margin:0; position:sticky; top:24px; }
+.settings-layout .admin-center-nav a { display:flex; align-items:center; gap:12px; padding:13px 12px; border:1px solid transparent; background:transparent; border-radius:10px; color:var(--muted); }
+.settings-layout .admin-center-nav a:hover { background:#edf2f6; color:var(--navy); }
+.settings-layout .admin-center-nav a[aria-current=page] { background:#e9f1f8; border-color:#dce8f2; color:var(--blue); }
+.admin-center-nav a > span { display:grid; gap:5px; }
+.admin-center-nav strong { font-size:13px; font-weight:600; }
+.admin-center-nav small { font-size:10px; font-weight:400; opacity:.85; white-space:nowrap; }
+.settings-content { min-width:0; }
+.admin-center .panel,.account-settings .panel { border:1px solid var(--line); border-radius:14px; box-shadow:0 2px 6px #172b4d03; }
+.admin-center .admin-center-panel { padding:28px; }
+.settings-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:24px; }
+.settings-panel-head h2 { margin:0; font-size:20px; line-height:1.4; font-weight:650; }
+.settings-panel-head p { color:var(--muted); font-size:13px; line-height:1.7; margin:7px 0 0; }
+.settings-panel-head > .admin-button { flex:none; }
+.settings-empty { padding:28px 16px; text-align:center; color:var(--muted); font-size:13px; line-height:1.7; }
+.settings-form-section { min-width:0; margin:0; padding:0; }
+.settings-form-section + .settings-form-section { border-top:1px solid var(--line); margin-top:24px; padding-top:24px; }
+.settings-form-section h3 { font-size:14px; font-weight:600; color:var(--ink); margin:0 0 16px; }
+.settings-form-section > .admin-help { margin:10px 0 0; }
+.settings-form-section .edit-field { margin:0; }
+.settings-form-section .edit-field input,.settings-form-section .edit-field select { min-height:42px; }
+.settings-form-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; border-top:1px solid var(--line); padding-top:20px; margin-top:24px; }
+.settings-row-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
+.settings-row-heading p { margin:0; }
+.settings-row-heading .admin-button { flex:none; }
+.settings-search { display:flex; position:relative; align-items:center; min-width:0; }
+.settings-search > .settings-icon { position:absolute; left:12px; width:17px; height:17px; pointer-events:none; color:var(--muted); }
+.settings-search input { width:100%; min-width:0; min-height:40px; padding:9px 12px 9px 38px; border:1px solid var(--line); border-radius:8px; background:white; font-size:13px; color:var(--ink); }
+.settings-search input:focus,.team-form input:focus,.team-form select:focus,.auth-card input:focus { outline:2px solid #2468a22b; outline-offset:1px; border-color:var(--blue); }
+.settings-disclosure { margin-top:20px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
+.settings-disclosure > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:17px 22px; cursor:pointer; list-style:none; font-size:13px; font-weight:600; }
+.settings-disclosure > summary::-webkit-details-marker { display:none; }
+.settings-disclosure > summary::after { content:"›"; font-size:22px; font-weight:400; color:var(--muted); transform:rotate(90deg); }
+.settings-disclosure[open] > summary::after { transform:rotate(-90deg); }
+.settings-disclosure summary small { margin-left:12px; font-size:12px; font-weight:400; color:var(--muted); }
+.settings-disclosure-body { padding:0 22px 22px; border-top:1px solid var(--line); }
+.settings-disclosure-body > .settings-row-heading { margin-top:18px; }
+.field-optional { font-size:11px; font-weight:400; color:var(--muted); margin-left:4px; }
+
+/* Members are browsed first; long forms live in a focused, scrollable dialog. */
+.member-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
+.member-toolbar .settings-search { flex:1; max-width:360px; }
+.member-status-filter select { min-height:40px; padding:8px 28px 8px 12px; border:1px solid var(--line); border-radius:8px; background:white; font-size:12px; color:var(--ink); }
+.member-count { margin-left:auto; color:var(--muted); font-size:12px; white-space:nowrap; }
+.member-row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(150px,1fr) auto; align-items:center; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
+.member-row:last-child { border-bottom:0; }
+.member-identity { display:flex; align-items:flex-start; gap:12px; min-width:0; }
+.member-identity > div { min-width:0; }
+.member-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; background:#edf2f7; border-radius:11px; color:#54718a; font-size:14px; font-weight:600; }
+.member-name { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 6px; }
+.member-name > strong { font-size:14px; }
+.member-self { font-size:10px; color:var(--muted); }
+.member-identity p,.member-permissions p { font-size:12px; line-height:1.6; margin:3px 0 0; overflow-wrap:anywhere; }
+.member-identity p,.member-permissions small { color:var(--muted); }
+.member-permissions small { display:block; font-size:11px; line-height:1.5; margin-top:4px; }
+.member-role { display:inline-block; font-size:12px; font-weight:600; color:var(--navy); margin-bottom:3px; }
+.member-actions { display:grid; justify-items:center; gap:5px; }
+.member-policy-note { font-size:12px; line-height:1.8; color:var(--muted); border-top:1px solid var(--line); padding-top:16px; margin:0; }
+.member-identity .team-invitation-expired { color:#97601f; }
+.invitation-result { margin:0 0 24px; padding:18px; border:1px solid #c9ded3; border-radius:10px; background:#f4faf6; }
+.invitation-result-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:13px; }
+.invitation-copy { display:flex; gap:8px; margin:10px 0; }
+.invitation-copy input { flex:1; min-width:0; padding:9px 11px; border:1px solid #c9ded3; border-radius:7px; background:white; color:var(--ink); font-size:12px; }
+.invitation-result .admin-help { margin:0; }
+.team-audit p { display:grid; grid-template-columns:140px minmax(0,1fr); gap:4px 12px; margin:0; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
+.team-audit time,.team-audit small { color:var(--muted); }
+.team-audit small { grid-column:2; font-size:11px; }
+.member-dialog { inset:50% auto auto 50%; transform:translate(-50%,-50%); width:min(720px,calc(100vw - 40px)); max-height:calc(100dvh - 48px); }
+.member-dialog .admin-dialog-head { padding:23px 26px; gap:16px; }
+.member-dialog .admin-dialog-head h2 { font-size:21px; }
+.member-dialog .admin-dialog-scroll { padding:24px 26px; }
+.member-dialog .admin-dialog-footer { padding:16px 26px; }
+.team-form fieldset { border:0; margin:0; padding:0; min-width:0; }
+.team-form label { display:grid; gap:8px; min-width:0; font-size:13px; font-weight:500; }
+.team-form input:not([type=checkbox]):not([type=radio]),.team-form select { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid var(--line); border-radius:8px; background:white; color:var(--ink); font-size:13px; }
+.team-form .admin-help { margin:0; font-size:12px; font-weight:400; }
+.team-form .settings-form-section > .admin-help { margin-top:10px; }
+.team-form legend { padding:0; font-size:13px; font-weight:500; margin-bottom:10px; }
+.team-form .team-scope-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:22px; }
+.team-form label.team-scope-option { display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid var(--line); border-radius:9px; cursor:pointer; }
+.team-form label.team-scope-option.is-selected { background:#f1f6fb; border-color:#8aacc9; }
+.team-scope-option input[type=radio] { flex:none; width:16px; height:16px; margin-top:2px; accent-color:var(--blue); }
+.team-scope-option > span { display:grid; gap:5px; }
+.team-scope-option strong { font-size:13px; font-weight:600; }
+.team-scope-option > span > span { font-size:11px; line-height:1.6; color:var(--muted); font-weight:400; }
+.team-scope-option:focus-within { outline:2px solid var(--blue); outline-offset:2px; }
+.team-form .team-project-picker { margin-top:16px; }
+.team-form .settings-search { display:flex; font-weight:400; }
+.team-form .settings-search input[type=search] { padding-left:38px; }
+.team-selection-toolbar,.team-selection-toolbar > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
+.team-selection-toolbar { justify-content:space-between; font-size:12px; color:var(--muted); margin:8px 0; }
+.team-project-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; max-height:180px; overflow-y:auto; padding:12px; border:1px solid var(--line); border-radius:8px; margin-bottom:10px; }
+.team-form label.team-check { display:flex; align-items:flex-start; gap:8px; font-weight:400; line-height:1.6; padding:5px 0; overflow-wrap:anywhere; }
+.team-form input[type=checkbox] { flex:none; width:16px; height:16px; margin-top:2px; accent-color:var(--blue); }
+.team-form .member-active { margin-top:20px; }
+.team-permission-summary { padding:16px; border:1px solid var(--line); border-radius:9px; background:#f7f9fb; margin-top:22px; }
+.member-dialog .team-permission-summary h3 { margin:0 0 12px; font-size:13px; font-weight:600; }
+.team-permission-summary dl { display:grid; gap:8px; margin:0; }
+.team-permission-summary dl > div { display:grid; grid-template-columns:7em minmax(0,1fr); gap:12px; font-size:12px; line-height:1.7; }
+.team-permission-summary dt { color:var(--muted); }
+.team-permission-summary dd { margin:0; }
+.team-permission-summary > p,.team-permission-summary .admin-help { margin:10px 0 0; font-size:12px; line-height:1.7; }
+
+/* Settings groups and reports share a readable width and action placement. */
+.ai-settings { margin:0; }
+.ai-settings .settings-form-section > .settings-row-heading { margin-bottom:20px; }
+.settings-toggle-copy strong { display:block; font-size:14px; font-weight:600; }
+.settings-toggle-copy p { margin:5px 0 0; font-size:12px; color:var(--muted); line-height:1.7; }
+.settings-security-note { padding:12px 14px; background:#f5f7fa; border-radius:8px; color:var(--muted); font-size:12px; line-height:1.8; margin:18px 0 0; }
+.settings-clear-key { display:flex; align-items:center; gap:8px; margin:12px 0 0; font-size:12px; color:var(--muted); }
+.settings-clear-key input { accent-color:var(--blue); }
+.usage-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; margin-bottom:24px; }
+.usage-filters label { display:grid; gap:8px; font-size:12px; color:var(--muted); }
+.usage-filters input { margin:0; min-height:40px; width:180px; max-width:100%; color:var(--ink); }
+.usage-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0; }
+.usage-metrics > div { padding:18px; border:1px solid var(--line); border-radius:10px; background:#f8fafc; min-width:0; }
+.usage-metrics dt { font-size:12px; color:var(--muted); margin-bottom:8px; }
+.usage-metrics dd { margin:0; font-size:24px; letter-spacing:-.03em; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
+.ai-usage-table { border:1px solid var(--line); border-radius:10px; margin:18px 0; }
+.ai-usage-table table caption { padding:12px 14px; font-size:12px; }
+.ai-usage-table th { background:#f5f7fa; color:var(--muted); font-size:11px; font-weight:500; }
+.ai-usage-table td { font-size:12px; }
+.ai-usage-table tr:last-child td { border-bottom:0; }
+.usage-notes { border-top:1px solid var(--line); margin-top:24px; padding-top:16px; }
+.usage-notes summary { color:var(--muted); font-size:12px; cursor:pointer; }
+.usage-notes p { margin:10px 0 0; }
+.remote-access .remote-state { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:10px; background:#f8fafc; margin:20px 0; }
+.remote-state p { margin:8px 0 0; max-width:48em; }
+.remote-items { padding:0; list-style:none; }
+.remote-items > li > div,.remote-items > li > span { min-width:0; overflow-wrap:anywhere; }
+.remote-items > li > button { flex:none; }
+.remote-access .remote-form { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:14px; align-items:start; }
+.remote-access .remote-form label { margin:0; font-size:13px; }
+.remote-form label:has(input[type=checkbox]) { grid-column:1/-1; }
+.remote-access .remote-form input:not([type=checkbox]) { width:100%; min-height:42px; margin-top:8px; }
+.remote-access form > .admin-button { margin-top:16px; }
+.remote-access .remote-guide { padding:16px; background:#f7f9fb; border:1px solid var(--line); border-radius:9px; }
+.remote-access .remote-guide pre { padding:12px; background:white; border:1px solid var(--line); border-radius:7px; }
+.admin-center .backup-settings { margin:0; padding:28px; max-width:none; }
+.admin-center .backup-header h2 { font-size:20px; line-height:1.4; margin:0; font-weight:650; }
+.admin-center .backup-header p { font-size:13px; }
+.backup-settings .backup-extra-options { display:grid; gap:16px; margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }
+.backup-extra-options .team-check { display:flex; align-items:center; gap:8px; font-size:13px; }
+.backup-extra-options .admin-help { margin:0; }
+
+/* Account and authentication forms. */
+.page-shell.account-settings { max-width:900px; padding-top:34px; }
+.account-settings .panel { padding:28px; }
+.account-profile { display:grid; grid-template-columns:1fr 2fr; gap:18px; margin:0 0 24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
+.account-profile dt { color:var(--muted); font-size:12px; margin-bottom:8px; }
+.account-profile dd { margin:0; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
+.account-profile .settings-status { margin-left:8px; }
+.account-username { max-width:440px; }
+.account-username > label { position:relative; }
+.account-username .username-input { position:relative; }
+.username-input > .settings-icon { position:absolute; right:12px; top:12px; width:17px; height:17px; color:var(--muted); }
+.account-settings .team-form input[readonly] { background:#f3f5f8; color:#637082; border-color:#e0e5eb; padding-right:38px; cursor:default; }
+.account-username .admin-help { margin:8px 0 18px; }
+.account-recovery-note { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; }
+.account-recovery-note h3 { font-size:13px; font-weight:600; margin:0 0 8px; }
+.account-recovery-note p { color:var(--muted); font-size:12px; line-height:1.8; margin:0; }
+.auth-page { min-height:calc(100dvh - 80px); display:grid; place-items:center; padding:40px 24px; background:#f5f7fa; }
+.auth-card { width:min(100%,460px); padding:36px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 12px 40px #152a4608; }
+.auth-card h1 { margin:0 0 10px; font-size:21px; }
+.auth-card h1 .site-brand-logo { height:40px; max-width:160px; }
+.auth-card > p:first-of-type { font-size:14px; color:var(--muted); margin:0 0 28px; }
+.auth-card form { display:grid; gap:20px; }
+.auth-card label { display:grid; gap:8px; font-size:13px; font-weight:500; }
+.auth-card input { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:white; color:var(--ink); }
+.auth-card input[readonly] { background:#f3f5f8; color:var(--muted); }
+.auth-card label .admin-help { font-size:11px; font-weight:400; margin:0; }
+.auth-card form > .admin-primary { min-height:44px; margin-top:2px; }
+.auth-card > .admin-help { padding-top:20px; margin:24px 0 0; border-top:1px solid var(--line); font-size:11px; line-height:1.9; }
+.auth-card h2 { font-size:17px; margin:0; }
+.auth-setup { padding:16px; background:#f3f6fa; border:1px solid var(--line); border-radius:9px; }
+.auth-setup p { margin:10px 0; font-size:12px; line-height:1.8; }
+.auth-setup code { display:block; overflow-wrap:anywhere; user-select:all; font-size:14px; padding:10px; background:white; border-radius:6px; }
+.auth-card a { color:var(--blue); font-size:12px; }
+
+@media(max-width:1050px) {
+  .settings-layout { grid-template-columns:164px minmax(0,1fr); gap:20px; }
+  .settings-layout .admin-center-nav a { gap:9px; padding:12px 10px; }
+  .admin-center-nav small { display:none; }
+  .member-row { grid-template-columns:minmax(0,1fr) auto; gap:12px 18px; }
+  .member-identity { grid-column:1; }
+  .member-permissions { grid-column:1; padding-left:50px; }
+  .member-actions { grid-column:2; grid-row:1 / 3; }
+}
+@media(max-width:760px) {
+  .team-bar { align-items:flex-start; flex-direction:column; gap:8px; padding:12px 20px; }
+  .team-bar > div { width:100%; gap:2px; }
+  .team-bar .admin-button { padding:6px 8px; font-size:11px; }
+  .settings-page-head { margin-bottom:22px; }
+  .settings-access-label { display:none; }
+  .settings-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
+  .settings-layout .admin-center-nav { position:static; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
+  .settings-layout .admin-center-nav a { justify-content:center; text-align:left; padding:10px 6px; gap:7px; }
+  .admin-center-nav .settings-icon { width:16px; height:16px; }
+  .admin-center-nav strong { font-size:12px; }
+  .admin-center .admin-center-panel,.admin-center .backup-settings,.account-settings .panel { padding:22px; }
+  .settings-panel-head { margin-bottom:20px; }
+  .usage-metrics { gap:9px; }
+  .usage-metrics > div { padding:13px; }
+  .usage-metrics dd { font-size:21px; }
+}
+@media(max-width:520px) {
+  .settings-layout .admin-center-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
+  .page-shell.admin-center,.page-shell.account-settings { padding-top:24px; }
+  .settings-page-head .site-brand-identity { margin-bottom:10px; }
+  .admin-center .settings-page-head h1,.account-settings .settings-page-head h1 { font-size:25px; }
+  .admin-center .admin-center-panel,.admin-center .backup-settings,.account-settings .panel { padding:18px; }
+  .settings-panel-head { flex-wrap:wrap; gap:14px; }
+  .settings-panel-head > .admin-button { min-height:36px; }
+  .member-toolbar { flex-wrap:wrap; }
+  .member-toolbar .settings-search { flex:1 0 100%; max-width:none; }
+  .member-row { gap:12px; padding:20px 0; }
+  .member-avatar { width:32px; height:32px; border-radius:9px; }
+  .member-identity { gap:9px; }
+  .member-permissions { padding-left:41px; }
+  .member-name { gap:6px; }
+  .member-actions { grid-row:auto; grid-column:1 / -1; display:flex; justify-content:flex-start; padding-left:41px; gap:14px; }
+  .member-dialog { width:100%; max-height:100dvh; height:100dvh; border-radius:0; border:0; }
+  .member-dialog .admin-dialog-head { padding:20px; }
+  .member-dialog .admin-dialog-head h2 { font-size:19px; }
+  .member-dialog .admin-dialog-scroll { padding:20px; }
+  .member-dialog .admin-dialog-footer { padding:14px 20px max(14px,env(safe-area-inset-bottom)); }
+  .member-dialog .admin-dialog-footer > span { display:block; width:100%; }
+  .member-dialog .admin-dialog-footer > .admin-actions { width:100%; justify-content:flex-end; }
+  .team-form .team-scope-options,.team-project-list { grid-template-columns:minmax(0,1fr); }
+  .team-permission-summary dl > div { grid-template-columns:6em minmax(0,1fr); gap:8px; }
+  .settings-disclosure > summary { padding:16px 18px; }
+  .settings-disclosure summary small { display:block; margin:5px 0 0; }
+  .settings-disclosure-body { padding:0 18px 18px; }
+  .settings-row-heading { flex-wrap:wrap; }
+  .team-audit p { grid-template-columns:minmax(0,1fr); gap:4px; }
+  .team-audit small { grid-column:1; }
+  .invitation-copy { flex-wrap:wrap; }
+  .invitation-copy input { flex-basis:100%; }
+  .usage-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
+  .usage-filters label,.usage-filters input { width:100%; min-width:0; }
+  .usage-filters > .admin-button { grid-column:1 / -1; }
+  .usage-metrics { grid-template-columns:minmax(0,1fr); gap:8px; }
+  .usage-metrics > div { display:flex; justify-content:space-between; align-items:center; gap:12px; }
+  .usage-metrics dt { margin:0; }
+  .usage-metrics dd { font-size:22px; }
+  .remote-access .remote-state { flex-direction:column; align-items:flex-start; }
+  .remote-items > li { align-items:flex-start; flex-wrap:wrap; }
+  .remote-access .remote-form { grid-template-columns:minmax(0,1fr); }
+  .account-profile { grid-template-columns:minmax(0,1fr); }
+  .auth-page { padding:24px 16px; }
+  .auth-card { padding:26px 22px; }
+}

package/docs/accounts-and-branding.md

@@ -4,7 +4,9 @@
 
 进入“管理中心 → 成员与权限 → 邀请新成员”，填写姓名、选择角色及事项权限，点击“生成邀请链接”。**邮箱选填**：不知道对方邮箱时可以留空，由受邀者激活时补充。系统创建待激活成员并显示一次性链接，不开放自行注册。
 
-点击“复制邀请链接”，通过微信、邮件等可信渠道单独交给本人。链接有效期为 48 小时，只能使用一次；邀请链接不会自动通过邮件发送，也不生成需要转交的临时密码。成员打开链接后填写自己的邮箱、设置用户名和密码，再绑定身份验证器，即可进入获授权的事项。如管理员开启了邮箱验证，还须先输入账号邮箱收到的验证码。
+点击“复制链接”，通过微信、邮件等可信渠道单独交给本人。链接有效期为 48 小时，只能使用一次；邀请链接不会自动通过邮件发送，也不生成需要转交的临时密码。成员打开链接后填写自己的邮箱、设置用户名和密码，再绑定身份验证器，即可进入获授权的事项。如管理员开启了邮箱验证，还须先输入账号邮箱收到的验证码。
+
+成员页默认展示列表，可按姓名、用户名、邮箱搜索，或筛选启用、待激活和停用状态。点击“邀请新成员”或“调整权限”打开编辑面板，保存按钮保持在面板底部；有未保存修改时，关闭面板会提示确认。操作记录可按需展开查看。
 
 管理员已填写邮箱的邀请会固定使用该邮箱；账号恢复也保留原邮箱和用户名。自行填写的邮箱不能占用其他成员的账号。待激活成员即使没有邮箱，也有独立的内部 ID 和已分配权限；同名成员不会合并，激活后仍沿用这个 ID、权限和历史。页面会显示“邮箱待本人填写”，无需编造占位邮箱。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airalogy/airalogy-bd",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Business development workspace for local use and team collaboration.",
   "publishConfig": {
     "access": "public",