问题

左下角用户 chip 的头像首字母（如 "C"）溢出日食珠（PresenceOrb），被挤到珠子右边。

根因

ui/components/layout/sidebar.tsx 里首字母容器给 orb 加了无前缀的 absolute inset-0，但 .presence-orb（ui/app/globals.css ~L435，定义在 utilities 层之后）自身设了 position: relative; flex: none;，盖掉了无前缀的 absolute（只有 !h-7 !w-7 因 ! 前缀幸存）。于是珠子回到 in-flow，与首字母 span 并排，把首字母挤出珠子。

修法

让 orb 留在 in-flow 填满 28px 容器，把首字母 span 改成 absolute inset-0 居中覆盖：

• orb: absolute inset-0 !h-7 !w-7 → !h-7 !w-7
• 首字母 span: relative … → absolute inset-0 flex items-center justify-center …
• 不动 globals.css（.presence-orb 的 relative 要锚定自身 bloom/伪元素）。
• 首字母取值逻辑 (user ?? "a").slice(0, 1).toUpperCase() 原样保留。

复核

其他 PresenceOrb 调用点（brand-mark / message-bubble / chat-area / empty-state / not-found / login / onboard）都是自闭合、珠子上不叠定位子元素，也不给 orb 加 absolute，不受影响。

回归测试

sidebar.test.tsx 新增用例：给首字母 span 加 data-testid="nav-user-initial"，断言其 className 含 absolute + inset-0、显示大写首字母，且 .presence-orb 的 className 不含 absolute。

验证

cd ui && pnpm test（vitest 全量）：155 个测试文件全绿，1188 passed / 2 skipped。设计语言守卫（tailwind.config.test.ts / globals-glass-vars.test.ts）与 sidebar 套件均通过。