feat(core): notification inbox infinite scroll + command palette fix (+ pending WIP)

消息中心:全量渲染 → 真·后端分页滚动加载
- backend(ops/views): NotificationPagination(10/页,page_size 可覆盖)+
  响应回 type_counts(按收件人绝对计数,不受分页/搜索影响)
- frontend(messages): 自管分页,滚到底加载下一批;tab/搜索走服务端并重置到第1页;
  代号作废在途旧请求防切换卡空白;乐观标已读;「已加载 X / Y」分母用当前筛选总数
- api/App/types: listNotifications 支持 page/page_size/search;allNotifications 携带 type_counts

命令面板(侧边栏搜索):修复点开后 UI 错位
- app-shell: 遮罩 className 漏了基类 shell-command-bg(只有 .show)致无定位塌到左下;
  补回基类 + header 类名对齐 .shell-command-h
- messages-page.css: 工作台收进视口高度,收件箱在面板内滚动

本次提交一并带入此前若干未提交 WIP(account/ai-tools/library/pipeline/products/settings +
accounts/ai/assets/billing/projects 后端),按用户要求整体推 dev。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

core/frontend/src/routes/team.tsx

@@ -254,18 +254,27 @@ export function TeamPage({ team, user, members, billing, notifications = [], nav
               </thead>
               <tbody id="members-tbody">
                 {list.map((member) => {
-                  const name = member.user.username || member.user.email || "成员";
+                  const rawName = (member.user.username || "").trim();
+                  const email = (member.user.email || "").trim();
+                  // 用户名是邮箱时取 @ 前作为显示名,完整邮箱作副行,避免名字与邮箱重复显示
+                  const displayName = rawName && !rawName.includes("@") ? rawName : (email ? email.split("@")[0] : (rawName || "成员"));
+                  const showEmail = !!email && email.toLowerCase() !== displayName.toLowerCase();
                   const role = roleUi(member.role);
                   const monthly = Number(member.monthly_credit_limit || 0);
-                  const memberPct = monthly > 0 ? Math.min(100, (0 / monthly) * 100) : 0;
+                  const memberUsed = Number(member.month_charged || 0);
+                  // 月度不限时按团队月限额/余额作分母给参考进度;有消费即显可见细条,避免「用了钱进度条却空白」
+                  const quotaDenom = monthly > 0 ? monthly : limit;
+                  const memberPct = quotaDenom > 0 ? Math.min(100, (memberUsed / quotaDenom) * 100) : 0;
+                  const barWidth = memberUsed > 0 ? Math.max(memberPct, 3) : 0;
+                  const barClass = memberPct >= 80 ? "warn" : "ok";
                   const isOwner = member.role === "owner";
                   return (
                     <tr key={member.id} data-id={member.id}>
-                      <td><span className="member-cell"><span className="av">{name.slice(0, 1).toUpperCase()}</span><span><span className="nm">{name}</span><span className="em">{member.user.email || ""}</span></span></span></td>
+                      <td><span className="member-cell"><span className="av">{displayName.slice(0, 1).toUpperCase()}</span><span className="member-meta"><span className="nm">{displayName}</span>{showEmail && <span className="em">{email}</span>}</span></span></td>
                       <td><span className={`role-pill role-${role.key}`}><span className="dot"></span>{role.label}</span></td>
                       <td><span className="quota-cell"><span className="v">不限</span></span></td>
                       <td><span className="quota-cell"><span className="v">{monthly > 0 ? money(monthly) : "不限"}</span></span></td>
-                      <td><div className="quota-cell"><span className="v">¥0.00</span> <span className="lbl">/ {memberPct.toFixed(0)}%</span></div><div className="used-bar"><span className="ok" style={{ width: `${memberPct.toFixed(0)}%` }}></span></div></td>
+                      <td><div className="quota-cell"><span className="v">{money(memberUsed)}</span> <span className="lbl">/ {monthly > 0 ? `${memberPct.toFixed(0)}%` : "不限"}</span></div><div className="used-bar"><span className={barClass} style={{ width: `${barWidth}%` }}></span></div></td>
                       <td><div className="acts">{isOwner
                         ? <span style={{ fontFamily: "var(--font-mono)", fontSize: "10.5px", color: "var(--black-alpha-32)", alignSelf: "center" }}>不可编辑</span>
                         : <>