@orbit-work/ui 0.1.0

package/src/components/domain/desktop/DesktopSidebarView/DesktopSidebarViewSource.test.mjs

@@ -0,0 +1,386 @@
+import assert from "node:assert/strict"
+import { readFile } from "node:fs/promises"
+import test from "node:test"
+
+const source = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
+const styles = await readFile(new URL("../../../../../styles/desktop-surfaces.css", import.meta.url), "utf8")
+
+function q(str) {
+  return str.replace(/'/g, "['\"]")
+}
+
+test("project heading exposes refresh and archived visibility actions before create", () => {
+  assert.match(source, /更多项目操作[\s\S]*<More \/>[\s\S]*新建项目[\s\S]*<Plus \/>/)
+  assert.match(source, /key:\s*['"]refresh['"]\s*,\s*label:\s*['"]刷新['"]\s*,\s*icon:\s*<Refresh\s*\/>/)
+  assert.match(source, /props\.showArchived\s*\?\s*['"]隐藏已归档['"]\s*:\s*['"]显示已归档['"]/)
+  assert.match(source, /props\.onShowArchivedChange\(!props\.showArchived\)/)
+  assert.match(source, /title="新建项目" aria-label="新建项目"/)
+  // R2 · T4：「＋ 新建项目」改常显（主路径入口不该藏在 hover 后面），「⋯」仍只在
+  // 整行 hover 或键盘焦点时显影。门控没有整块删掉，只收窄到 ⋯ 那一枚（DOM 里的第一枚）。
+  assert.match(styles, /\.owrecent-actions \{\s*display: flex;[^}]*\}/s)
+  assert.doesNotMatch(styles, /\.owrecent-actions \{[^}]*opacity: 0;/s)
+  assert.match(styles, /\.owrecent-actions > button:first-child \{\s*opacity: 0; pointer-events: none;/s)
+  assert.match(
+    styles,
+    /\.owrecent-head:hover \.owrecent-actions > button:first-child,[\s\S]*\.owrecent-head:has\(button:focus-visible\) \.owrecent-actions > button:first-child \{ opacity: 1; pointer-events: auto; \}/,
+  )
+  assert.match(source, /setTimeout\(\(\) => window\.addEventListener\(['"]click['"], close\), 0\)/)
+})
+
+test("project row actions appear only from whole-row hover or keyboard focus", () => {
+  assert.match(styles, /\.owproject__head \.more \{[^}]*opacity: 0;/s)
+  // R2：行壳从 <Button> 降为 <div>（可点元素不再套可点元素），键盘显影改认行内钮的
+  // :focus-visible，鼠标点行不把「⋯」钉住（同 .owrecent-head 的 :has(button:focus-visible)）。
+  // R2 L2-2-6：显影一律 opacity + pointer-events 成对——只降 opacity 的隐形按钮仍吃点击
+  // （行壳已是 div，鼠标落在项目行最右端会开「更多」菜单而不是展开/收起项目）。
+  assert.match(styles, /\.owproject__head \.more \{[^}]*pointer-events: none;/s)
+  assert.match(
+    styles,
+    /\.owproject__head:hover \.more,[\s\S]*\.owproject__head:has\(button:focus-visible\) \.more \{ opacity: 1; pointer-events: auto; \}/,
+  )
+})
+
+test("thread menu archives active threads through the host callback", () => {
+  assert.match(source, /key:\s*['"]archive['"]\s*,\s*label:\s*['"]归档['"]\s*,\s*icon:\s*<Archive\s*\/>/)
+  assert.match(source, /disabled: threadById\(threadMenu\.id\)\?\.canArchive === false/)
+  assert.match(source, /props\.onArchiveThread\(thread\.id\)/)
+})
+
+test("thread source and branch marks share the trailing action slot", () => {
+  assert.match(source, /branched\?: boolean/)
+  assert.ok(
+    source.includes(
+      "className={`thread-trailing${thread.sourceIcon || thread.branched || thread.archived ? ' has-marks' : ''}`}",
+    ) ||
+    source.includes(
+      'className={`thread-trailing${thread.sourceIcon || thread.branched || thread.archived ? " has-marks" : ""}`}',
+    ),
+  )
+  assert.match(source, /className="thread-status-marks"/)
+  assert.match(source, /thread\.sourceIcon[\s\S]*thread\.branched/)
+  assert.match(source, /thread-branch-mark[\s\S]*<Branch \/>/)
+  assert.match(styles, /\.owthread \.thread-trailing \{[^}]*display: grid; align-items: center; justify-items: end;/)
+  assert.match(styles, /\.owthread \.thread-trailing \{[^}]*width: 0;[^}]*flex: 0 0 0;[^}]*overflow: hidden;/)
+  // P3 §7 控件几何归表：行尾槽随 .more 图标钮 22 → 28（图标按钮 ≥28×28）。
+  assert.match(
+    styles,
+    /\.owthread \.thread-trailing\.has-marks \{ width: auto; min-width: 28px; flex: 0 0 auto; overflow: visible; \}/,
+  )
+  assert.match(
+    styles,
+    /\.owthread:hover \.thread-trailing:not\(\.has-marks\),[\s\S]*\.owthread:has\(button:focus-visible\) \.thread-trailing:not\(\.has-marks\) \{ width: 28px; flex-basis: 28px; overflow: visible; \}/,
+  )
+  assert.doesNotMatch(styles, /\.owthread \.thread-trailing \{[^}]*transition: width/)
+})
+
+test("archived threads show the shared archive icon in the trailing status slot", () => {
+  assert.ok(
+    source.includes("thread.sourceIcon || thread.branched || thread.archived ? ' has-marks' : ''") ||
+    source.includes('thread.sourceIcon || thread.branched || thread.archived ? " has-marks" : ""'),
+  )
+  assert.match(source, /thread\.archived[\s\S]*className="thread-archive-mark" title="已归档"[\s\S]*<Archive \/>/)
+  assert.match(styles, /\.owthread \.thread-archive-mark \{[^}]*color: var\(--ow-text-3\);/)
+  assert.match(styles, /\.owthread \.thread-archive-mark svg \{ width: 16px; height: 16px; \}/)
+})
+
+test("thread marks are replaced by more actions only while hovering or on keyboard focus", () => {
+  assert.match(
+    styles,
+    /\.owthread:hover \.thread-status-marks,[\s\S]*\.owthread:has\(button:focus-visible\) \.thread-status-marks \{ opacity: 0; pointer-events: none; \}/,
+  )
+  assert.match(
+    styles,
+    /\.owthread:hover \.more,[\s\S]*\.owthread:has\(button:focus-visible\) \.more \{ opacity: 1; pointer-events: auto;/,
+  )
+  // 仍禁裸 :focus-within——那会让鼠标点过的行长期钉着「⋯」；只认键盘的 :focus-visible。
+  assert.doesNotMatch(styles, /\.owthread:focus-within \.(?:thread-status-marks|more)/)
+  // P3 §7：图标按钮 ≥28×28，「⋯」由 22 归表到 28。
+  assert.match(styles, /\.owthread \.more \{ width: 28px;[^}]*opacity: 0; pointer-events: none;/)
+})
+
+test("project list keeps its height while the flex trailing action shifts the title", () => {
+  assert.match(styles, /\.owprojects \{[^}]*overflow-x: hidden;[^}]*overflow-y: auto;/)
+  assert.match(styles, /\.owproject \{[^}]*flex: 0 0 auto;/)
+  assert.match(styles, /\.owthread \{[^}]*display: flex;/)
+  assert.match(styles, /\.owthread \.lbl \{ flex: 1; min-width: 0;/)
+  assert.doesNotMatch(styles, /\.owthread \.thread-trailing \{[^}]*position: absolute/)
+})
+
+test("user name line box leaves room for the font glyphs", () => {
+  assert.match(styles, /\.owuser \.name \{[^}]*font: 400 (?:12px|var\(--ow-fs-ui\))\/18px var\(--ow-font-sans\);/)
+})
+
+// ── DS2 P6-2 ──────────────────────────────────────────────────────────────────
+
+test("每个侧栏行都有 press 与 focus-visible 两档（§6 状态完整性）", () => {
+  // press 落在行壳上（整行反馈）；focus 环落在真正拿焦点的那枚按钮上——
+  // R2 后 .owproject__head / .owthread 的行壳是 <div>，主体钮另立 __main 类。
+  for (const [pressSel, focusSel] of [
+    ["\\.ownavitem", "\\.ownavitem"],
+    ["\\.owproject__head", "\\.owproject__head-main"],
+    ["\\.owthread-new", "\\.owthread-new"],
+    ["\\.owthread", "\\.owthread__main"],
+    ["\\.owuser__main", "\\.owuser__main"],
+  ]) {
+    assert.match(styles, new RegExp(`${pressSel}:active \\{[^}]*background: var\\(--ow-press\\)`))
+    assert.match(styles, new RegExp(`${focusSel}:focus-visible \\{[^}]*var\\(--ow-focus-ring\\)`))
+  }
+  // 行壳降为 <div> 后不再自持焦点环（键盘焦点在 __main 钮上）
+  assert.doesNotMatch(styles, /\.owproject__head:focus-visible \{/)
+  assert.doesNotMatch(styles, /\.owthread:focus-visible \{/)
+  assert.match(styles, /\.owthread-more:active:not\(:disabled\) \{[^}]*background: var\(--ow-press\)/)
+  assert.match(styles, /\.owrecent-head button:active \{[^}]*background: var\(--ow-press\)/)
+})
+
+test("禁用态逐 token，不用统一透明度（§6）", () => {
+  assert.match(styles, /\.owthread-more:disabled \{[^}]*color: var\(--ow-disabled-text\)/)
+  assert.doesNotMatch(styles, /\.owthread-more:disabled \{[^}]*opacity:/)
+})
+
+test("未读点＝--ow-info 且带文字编码（§4·R1 颜色只当第二编码）", () => {
+  assert.match(styles, /\.owthread \.dot \{[^}]*background: var\(--ow-info\)/)
+  assert.match(source, /thread\.unread && <span className="dot" title="未读"/)
+})
+
+test("行尾进度计数走 mono＋tabular-nums＋读数字号 token（§7）", () => {
+  assert.match(
+    styles,
+    /\.owthread \.run-cnt \{[^}]*font: 400 var\(--ow-fs-mark-sm, 10px\)\/1 var\(--ow-font-mono\);[^}]*font-variant-numeric: tabular-nums;/,
+  )
+})
+
+test("账户区按 ListRow 焦点口径拆成两个焦点位，且不再 button 套 button", () => {
+  // 行壳只管布局；焦点与交互底色归 .owuser__main，更新胶囊是它的兄弟节点。
+  assert.match(source, /<div className="owuser">/)
+  assert.match(source, /className="owuser__main"/)
+  assert.match(source, /\{props\.update && \(\s*<SidebarUpdateButton/)
+  assert.doesNotMatch(styles, /\.owuser:hover \{/)
+  assert.match(styles, /\.owuser__main:hover \{ background: var\(--ow-hover\); \}/)
+  // R2 · L1-1-4/L2-1-5：头像换 primitives/Avatar（26 ＋ id 取模配色 ＋ 首字回落），
+  // 底色/圆角/字号由原语内联给，CSS 只剩「不被压扁」；原来的空灰圆占位法撤掉。
+  assert.match(source, /<Avatar className="av" size=\{26\} id=\{props\.user\.id \?\? props\.user\.name\}>/)
+  assert.match(styles, /\.owuser \.av \{ flex-shrink: 0; overflow: hidden; \}/)
+  assert.doesNotMatch(styles, /\.owuser \.av \{[^}]*background-color:/)
+})
+
+test("账户菜单是 DesktopAccountMenuView，本件只管在哪儿弹、几时关（R2 · Terry 意见 4）", () => {
+  // R2：面体（头部 ＋ 套餐井 ＋ 七行常用能力）整块搬进 domain/desktop/DesktopAccountMenuView，
+  // 宽度 179 → 280。行文案与 danger 档的断言随之搬去那个件的 Source test。
+  assert.match(source, /<DesktopAccountMenuView/)
+  assert.doesNotMatch(source, /<MenuSurface\s+width=\{179\}/)
+  // R2 核对修：Esc / 选中行关面后焦点回到账户行按钮（menu button 口径），不掉到 body
+  assert.match(source, /const userMenuTrigger = useRef<HTMLButtonElement>\(null\)/)
+  assert.match(source, /if \(restoreFocus\) userMenuTrigger\.current\?\.focus\(\)/)
+  assert.match(source, /ref=\{userMenuTrigger\}\s+variant="unstyled"\s+className="owuser__main"/)
+  assert.match(source, /onClose=\{\(\) => closeUserMenu\(true\)\}/)
+  assert.match(source, /if \(event\.key === "Escape"\) closeUserMenu\(true\)/)
+  // R2 核对修：菜单「检查更新」行按更新三态分流，与账户行胶囊同一条路（ready → 安装确认弹窗）
+  assert.match(source, /if \(state === "ready"\) return setShowInstallUpdate\(true\)/)
+  assert.match(source, /if \(state === "downloading"\) return\n/)
+  assert.match(source, /if \(props\.update\) return props\.onUpdateClick\?\.\(\)/)
+  assert.match(source, /\(props\.onCheckUpdate \?\? props\.onUpdateClick\)\?\.\(\)/)
+  assert.doesNotMatch(source, /onCheckUpdate=\{props\.onCheckUpdate \?\? props\.onUpdateClick\}/)
+  // 三态更新文案是共用的纯函数，不在本件里再写一套
+  assert.match(source, /const \{ title \} = updateRowText\(update\)/)
+  // .owusermenu 退为「定位＋no-drag」壳：面的底/边/影/内边距与 .mi 行样式全部下线
+  assert.doesNotMatch(styles, /\.owusermenu \.mi/)
+  assert.doesNotMatch(styles, /\.owusermenu \{[^}]*box-shadow:/)
+  assert.match(styles, /\.owusermenu \{[^}]*-webkit-app-region: no-drag;/)
+})
+
+test("V1 遗留 .thread-menu 已随 MenuSurface 迁移删除（全仓零引用）", () => {
+  assert.doesNotMatch(styles, /\.thread-menu/)
+  assert.doesNotMatch(source, /thread-menu/)
+})
+
+test("更新胶囊是状态点＋文字而非实心按钮：焦点环走 focus-ring，无实底（§2/§6）", () => {
+  assert.match(styles, /\.owuser-update:focus-visible \{[^}]*var\(--ow-focus-ring\)/)
+  assert.doesNotMatch(styles, /\.owuser-update:focus-visible \{[^}]*var\(--ow-primary\)/)
+  assert.match(styles, /\.owuser-update:active:not\(:disabled\)/)
+  // 点走主题色 accent（暗档即信标黄，状态极那一处），hover/激活同色系
+  assert.match(styles, /\.owuser-update-dot \{[^}]*background: var\(--ow-accent\)/)
+  assert.match(styles, /\.owuser-update:hover:not\(:disabled\) \{[^}]*var\(--ow-accent\)/)
+  assert.match(styles, /\.owuser-update\.error \.owuser-update-dot \{[^}]*var\(--ow-error\)/)
+  // 层级错开：胶囊文字 caption/12px，不与账户名（fs-ui/13px）同档抢眼
+  assert.match(styles, /\.owuser-update \{[^}]*font: 400 var\(--ow-fs-caption\)\/1 var\(--ow-font-sans\)/)
+  // ready 态不翻成主色实心按钮；呼吸动画已退役——点静止，全链路零 animation
+  assert.doesNotMatch(styles, /\.owuser-update\.ready \{[^}]*background/)
+  assert.doesNotMatch(styles, /\.owuser-update-dot \{[^}]*animation/)
+  assert.doesNotMatch(styles, /@keyframes owuser-update-breathe/)
+})
+
+test("动效只用 ease-beacon 与 dur token；V1 折叠 padding 过渡已删（§9）", () => {
+  assert.match(styles, /\.ownavitem \{[^}]*transition: background var\(--ow-dur-1\) var\(--ow-ease-beacon\);/s)
+  assert.doesNotMatch(styles, /\.ownavitem \{[^}]*padding var\(--ow-dur-3\)/s)
+  assert.doesNotMatch(styles, /\.owthread[^{]*\{[^}]*transition: opacity 150ms ease;/)
+})
+
+// 裁决 11：折叠钮迁出侧栏（住进窗口带）后，侧栏首行就是品牌 lockup —— 顶部不再有 48 空行。
+// A1-B6：lockup 内距逐字照原型 682–684 的 `0 9px 20px`，到导航之间那 20px 收进 lockup 自身。
+// R2（找茬 L3-3-4）：那两条 `.owshell.is-windows` 特判（隐 lockup ＋ 补 20px）已删——
+// lockup 两平台都留在侧栏首行，windows 撤宿主 `.windows-titlebar__brand` 须与此同批上线。
+test("primary navigation owns its spacing from the element above it, on every platform", () => {
+  assert.match(styles, /\.owbrand \{[^}]*padding:\s*0\s+9px\s+var\(--ow-space-5, 20px\);/)
+  assert.doesNotMatch(styles, /\.owbrand \{[^}]*padding:[^;]*var\(--ow-space-05/)
+  // 基类 .ownav 不再自持 margin-top（20px 已收进 .owbrand 的下内距）
+  assert.match(styles, /\n\.ownav \{ display: flex; flex-direction: column; gap: var\(--ow-space-05, 2px\); \}\n/)
+  assert.doesNotMatch(styles, /^\.owshell\.is-windows \.ownav \{/m)
+  assert.doesNotMatch(styles, /^\.owshell\.is-windows \.owbrand \{/m)
+})
+
+// R2：侧栏顶行（mac/linux/web 的折叠钮所在行）与窗口带同高同内距同 gap，全走 token，零裸数字。
+test("侧栏顶行走 titlebar 那套 token，不写裸数字", () => {
+  assert.match(
+    styles,
+    /\[data-slot="sidebar-toprow"\] \{[^}]*height: var\(--ow-titlebar-h\); padding: 0 var\(--ow-titlebar-pad-x\); gap: var\(--ow-titlebar-gap\); background: var\(--ow-bg\);/,
+  )
+  assert.match(styles, /\[data-slot="sidebar-traffic-inset"\] \{[^}]*width: var\(--ow-traffic-inset\);/)
+})
+
+// 侧栏正文顶部不再为折叠钮预留窗口带高度（原 padding-top: var(--ow-space-12) = 48）。
+// A1-B6：左右内距对称 8/8（原为 pl-4 / pr-1 ＝ 16/4），壳层 cva 与本文件覆写同值。
+test("侧栏正文顶部无 48 空行（折叠钮已迁出侧栏），左右内距对称 8/8", () => {
+  assert.match(
+    styles,
+    /\[data-slot="sidebar-body"\] \{[^}]*padding:\s*0\s+var\(--ow-space-2, 8px\)\s+var\(--ow-space-3, 12px\);/,
+  )
+  assert.doesNotMatch(styles, /\[data-slot="sidebar-body"\] \{[^}]*padding:\s*var\(--ow-space-12/)
+  assert.doesNotMatch(source, /showToggle/)
+})
+
+// ── A1-B6 侧栏度量对齐（原型模板 680–748） ───────────────────────────────────────
+
+test("A1-B6：侧栏行族同一档圆角＝--ow-radius-xs，导航行内距 0 9px / 高 32", () => {
+  assert.match(styles, /\.ownavitem \{[^}]*height: 32px; padding: 0 9px; border-radius: var\(--ow-radius-xs\);/s)
+  for (const sel of [
+    /\.owproject__head \{[^}]*border-radius: var\(--ow-radius-xs\); \}/,
+    /\.owthread \{[^}]*height: 32px; padding: 0 9px; border-radius: var\(--ow-radius-xs\);/s,
+    /\.owthread-new \{[^}]*border-radius: var\(--ow-radius-xs\);/,
+    /\.owthread-more \{[^}]*border-radius: var\(--ow-radius-xs\);/,
+  ]) {
+    assert.match(styles, sel)
+  }
+  // 行尾「⋯」是图标钮、不属行族：仍按 §7 走 28×28 ＋ radius-sm
+  assert.match(styles, /\.owthread \.more \{ width: 28px; height: 28px; border-radius: var\(--ow-radius-sm\);/)
+})
+
+test("A1-B6：分组眉走眉标字体族（fs/ls-eyebrow-cjk ＋ 500 ＋ --ow-eyebrow），不再 uppercase", () => {
+  assert.match(styles, /\.owrecent-head \{[^}]*padding: 22px 9px 6px;/s)
+  assert.match(
+    styles,
+    /\.owrecent-head \.t \{[^}]*font: 500 var\(--ow-fs-eyebrow-cjk\)\/1 var\(--ow-font-sans\); letter-spacing: var\(--ow-ls-eyebrow-cjk\);[^}]*color: var\(--ow-eyebrow\);/s,
+  )
+  assert.doesNotMatch(styles, /\.owrecent-head \.t \{[^}]*text-transform: uppercase/s)
+})
+
+test("A1-B6：底栏有 1px 分隔线，头像归 26 pill（原型 743–745）", () => {
+  assert.match(
+    styles,
+    /\.owuser \{[^}]*padding: var\(--ow-space-2, 8px\) 5px 0;[^}]*border-top: var\(--ow-border-width-thin, 1px\) solid var\(--ow-border\);/s,
+  )
+  // R2：26 与圆形改由 Avatar 的 size={26}（原语 person 档是 rounded-full）给，CSS 不再写死。
+  assert.match(source, /<Avatar className="av" size=\{26\}/)
+})
+
+// ── A3-B5 命名统一 ＋ A11-B1 侧栏退位 ────────────────────────────────────────────
+
+test("A3-B5：侧栏字面改「插件」「工作台」，路由 id 与埋点键不动", () => {
+  assert.match(source, /id="skills"\s+label="插件"\s+title="插件"/)
+  assert.match(source, /id="sites"\s+label="工作台"\s+title="工作台"/)
+  assert.doesNotMatch(source, /label="发现"/)
+  assert.doesNotMatch(source, /label="站点"/)
+  // R2 · L3-3-6：锚点契约改名成 new-task / projects / plugins / workbench / composer
+  // （与 DesktopOnboardingTourView 件头注同一份）。工作台原来根本没有锚点，
+  // 而「我的空间」缺省不渲染 → workspace 锚点也不存在，宿主五步被静默砍成三步。
+  assert.match(source, /id === "new" \? "new-task" : id === "skills" \? "plugins" : id === "sites" \? "workbench"/)
+  assert.doesNotMatch(source, /"discover"/)
+})
+
+test("A11-B1：「我的空间」默认不出，导航长成四项；代码与 files 路由保留", () => {
+  assert.match(source, /showWorkspaceNav\?: boolean/)
+  assert.match(source, /\{props\.showWorkspaceNav && \(\s*<NavItem\s+id="files"/)
+  // 开关是 opt-in：缺省不写 `= true`，也不给 defaultProps
+  assert.doesNotMatch(source, /showWorkspaceNav\s*=\s*true/)
+  assert.match(source, /export type DesktopSidebarNavId = "new" \| "skills" \| "sites" \| "cron" \| "files"/)
+})
+
+test("R2：项目行/会话行的「更多」是真按钮，不再是 <Button> 里套 <span onClick>", () => {
+  // P6-2 已经把底部账户区从「div onClick + 内嵌 button」拆成「行壳 + 两枚按钮」，
+  // 这两处是同型漏网：行壳降 <div>，主体与「⋯」各自成钮，键盘都够得到。
+  assert.doesNotMatch(source, /<span\s+className="more"/)
+  assert.match(source, /className="owproject__head-main"/)
+  assert.match(source, /className="owthread__main"/)
+  assert.match(source, /className="more"\s+title="项目操作"\s+aria-label=/)
+  assert.match(source, /className="more"\s+title="更多"\s+aria-label=/)
+  // 行壳只剩布局与拖放，不带 onClick
+  assert.match(source, /<div\n\s+className=\{`owproject__head\$/)
+  assert.match(source, /<div\n\s+key=\{thread\.id\}\n\s+className=\{`owthread\$/)
+})
+
+// ── R2 · T4 侧栏轨 ────────────────────────────────────────────────────────────
+
+test('L1-1-1：「新任务」能成为当前项，当前项出 aria-current="page"', () => {
+  // 原来 activeNav 的类型是 Exclude<…, "new">，从签名上就禁掉了这一档 → 主屏整屏零位置极。
+  assert.match(source, /activeNav\?: DesktopSidebarNavId/)
+  assert.doesNotMatch(source, /activeNav\?: Exclude</)
+  assert.match(source, /active=\{props\.activeNav === "new"\}/)
+  assert.match(source, /aria-current=\{active \? "page" : undefined\}/)
+})
+
+test("L1-2-1/L1-1-9：四枚导航字形照原型，插件那枚无信标点", () => {
+  // 新任务→ThreadDot(tasks) · 插件→Package(立方体, dot:false) · 工作台→PanelSidebar(workspace) · 定时任务→Clock(schedule)
+  assert.match(source, /label="新任务"[\s\S]{0,200}icon=\{<ThreadDot \/>\}/)
+  assert.match(source, /id="skills"[\s\S]{0,200}icon=\{<Package \/>\}/)
+  assert.match(source, /id="sites"[\s\S]{0,200}icon=\{<PanelSidebar \/>\}/)
+  assert.match(source, /id="cron"[\s\S]{0,200}icon=\{<Clock \/>\}/)
+  assert.doesNotMatch(source, /<NewTask \/>|<Compass \/>|<Globe \/>/)
+  // 退役中的「我的空间」让出 workspace 字形，改中性 Grid（免得同一列两枚同形图标）
+  assert.match(source, /id="files"[\s\S]{0,200}icon=\{<Grid \/>\}/)
+})
+
+test("L1-1-2：项目行披露箭头在行首，展开/折叠各画各的字形", () => {
+  assert.match(
+    source,
+    /\{project\.open \? <ChevDown className="caret" \/> : <ChevRight className="caret" \/>\}\s*<Folder className="project-icon" \/>/,
+  )
+  assert.doesNotMatch(styles, /\.owproject__head\.collapsed \.caret \{ transform: rotate/)
+  assert.match(styles, /\.owproject__head \.lbl \{[^}]*margin-right: auto;/)
+})
+
+test("L1-1-3：未读点在行首、运行点在行尾——位置本身是第一编码", () => {
+  assert.match(
+    source,
+    /\{thread\.unread && <span className="dot" title="未读" aria-label="未读" role="img" \/>\}\s*<span className="lbl">\{thread\.title\}<\/span>/,
+  )
+  // 全文件只剩这一处未读点（原来行尾那处已移走）
+  assert.equal(source.match(/className="dot"/g).length, 1)
+})
+
+test("L2-1-1：会话列表里两条可点文字并轨 --ow-text-2，「展开显示」补前置 chevron", () => {
+  assert.match(styles, /\.owthread-new \{[^}]*color: var\(--ow-text-2\); \}/)
+  assert.match(styles, /\.owthread-more \{[^}]*color: var\(--ow-text-2\); \}/)
+  assert.match(styles, /\.owthread-more \.lead \{ width: 14px; height: 14px;[^}]*color: var\(--ow-text-3\);/)
+  assert.match(source, /<ChevDown className="lead" aria-hidden="true" \/>/)
+})
+
+test("R2 · T4：账户菜单的新数据口全部可选，缺省即该块不出", () => {
+  for (const prop of [
+    /plan\?: \{ name: string; action\?: \{ label: string; onClick: \(\) => void \} \}/,
+    /credits\?: \{ used: number; limit: number; label\?: string \}/,
+    /version\?: string/,
+    /theme\?: Theme/,
+    /onThemeChange\?: \(theme: Theme\) => void/,
+    /onOpenMemory\?: \(\) => void/,
+    /onCopyUserId\?: \(id: string\) => void/,
+    /onCheckUpdate\?: \(\) => void/,
+    /email\?: string/,
+    /id\?: string/,
+  ]) {
+    assert.match(source, prop)
+  }
+})
+
+test("library stays hidden while my space remains in primary navigation", () => {
+  assert.match(source, /<NavItem\s+id="files"\s+label="我的空间"/)
+  assert.doesNotMatch(source, /<NavItem\s+id="library"\s+label="资料库"/)
+})