Files
UHD_Media_Tool/docs/design
rootandClaude Opus 5.5 fa76d7563c feat(控制台): 去掉待处理中心,问题回到发生处
- 侧栏与命令面板没有「待处理」;/console/inbox?kind= 按问题类型跳到整理记录「需要处理」、下载面板、运行状态或订阅
- 整理记录加「需要处理」筛选,行内写原因与推荐动作(指定作品 / 重新整理 / 让智能体识别 / 替换·保留两者·跳过 / 忽略),
  详情页同样可处理;处理按钮从原待处理页抽成 components/decisions/decision-actions.tsx 复用
- 铃铛只放等你批准的智能体操作与系统健康;首页「要我处理」与运行状态「需要关注」放汇总计数,运行状态加智能体用量
- 设置 → 智能体:预算卡改为「用量与限制」(只剩单次工具调用与时长,附花费统计),自动调查卡加「整理识别不到作品时叫智能体识别」
- 集数待确认的原因显示在作品页集数映射(可确认建议规则 / 智能体建议)与订阅详情;未识别资源在媒体库「未识别」里直接选候选或指定
- 下载、站点、任务里指向待处理的链接改到对应页面

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
2026-10-06 16:47:25 +08:00
..

设计系统

控制台(apps/web)沿用 /opt/uhd_web 的设计系统:token 定义在 app.css,shadcn 组件在 apps/web/app/components/ui/,控制台共享件在 apps/web/app/components/console/。

文档 内容
design-tokens.md 颜色 token 分层、命名与使用规则,字号/圆角/时长/缓动阶梯
interface-materials.md 材质:pg-chrome 贴边、pg-slab 内容卡、pg-float 悬浮层
ui-controls.md 按钮、选中态、状态反馈、动效与圆角角色

硬规则

  1. 新增语义先加 token 再用。 需要新的颜色、字号、圆角、时长或缓动时,先在 app.css 定义语义 token(日夜两套值都给),跑 deno task gen:tokens,再在组件里引用。
  2. 禁止原色与十六进制。 组件里不写 #xxxxxx、text-[#..]、bg-red-500 这类 Tailwind 调色板色、white/10 之类的黑白透明度,也不写 text-[13px]、duration-300、ease-[cubic..]、裸 rounded。状态只用 success / warning / destructive,并且配文字,不只靠颜色。
  3. 材质按层级只有三种,不在玻璃上叠玻璃:已在卡片里的空态用 <EmptyState plain>。
  4. 确需例外(第三方库的颜色参数等),在该行或上一行写 token-allow: 原因。

以上规则由 deno task check:tokens(apps/web/scripts/check-design-tokens.sh + 生成物校验)在 deno task ci 中守住。

控制台共享件

  • PageHeader:页面标题 + 一句说明 + 右侧操作区。
  • EmptyState:空态/建设中占位;plain 用于卡片内部。
  • StatusBadge:success | warning | destructive | neutral 四种语气,必须带文字。
  • nav.ts:12 个工作区的导航表,标题与说明同时供占位页使用。