监控工作台体验接入
做了什么
根据体验设计，用户在提交推送后要求继续，将结果优先的结构接入真实前端。使用现有 shadcn/Radix Tabs、Collapsible、Item 等组件，不更换组件库。实际进度以 BACKLOG 为准。
- 默认展示监控结果；采集与运行、主题设置、告警分成页签，当前页签写入
tab查询参数，保留其他参数，非法值回到结果页。 - 页签内容保留挂载并正确隐藏，切换不丢未保存草稿、校验状态、手动采集的幂等请求和受理结果；业务写请求、权限和版本冲突处理保持原逻辑。
- 桌面主题列固定窄宽，移动端可收起；已有主题、归档筛选、分页和旧详情链接保留。
active展示为“定时已启用”，与正在执行某一次任务区分。每项资料展示实际来源、对象类型、发布时间、采集时间及内容/评论入口。- 核对源码发现资料接口按记录 ID 分页，并非最新时间排序；修正文案为“当前页最多 5 条资料”，不再误称“最近 5 条”。现有来源可能同时返回帖子与评论，按
object_type区分。 - 网络刷新失败保留已显示内容并提示可能过期；401/403 清除旧内容。采集页继续说明仅有当前手动受理反馈，不伪装为自动任务历史。
结果
工程检查
前端 lint、类型、格式、120 个文件共 960 项测试与生产构建通过。新增回归覆盖页签默认值及 URL 恢复、非法值、草稿跨页签保留、采集请求进行中及受理后切换不重发、网络失败保留旧内容与权限撤销清除内容。现有保存冲突、字段错误、暂停/恢复、来源、报告、页面标题等断言保留。末次对象类型标签修正后追加 4 项结果回归及全部静态检查和构建通过。知识库 25 项检查及 47 页构建通过。
Claude 只读补丁审查已尝试，但 CLI 返回登录过期，审查未执行。因此依照工程规范，本记录整体保持“未通过”，不能宣称代码完成或完整产品验收。
浏览器检查
- 本机前端开发容器曾变为 unhealthy，重启仅前端后恢复；后端数据、登录和业务配置未重置。
- 使用 Chrome 现有登录，真实主题页默认显示已保存资料，包含本次打开时可见的 22:05 与 22:10 采集时间。不据这些时间单独断言完整小时调度或长期稳定性。
- 真实设置页修改名称为临时草稿，切换结果再返回仍保留；恢复原名称且未点击保存。URL 页签及方向键切换通过，未额外触发采集。
- 390×844 下主题列表展开/收起可用；页面宽 390px，正文客户区与滚动宽均为 360px，无横向溢出，底部导航保留。
- 桌面与 390px 的结果区域正常、空、加载、错误、无权限均检查。正常使用真实数据；其余通过当前标签页对本机
/api/contentsXHR/Fetch 请求的空响应、503、403 和暂停返回进行受控检查，不属于真实服务故障或授权边界验收。验证结束已清除拦截，恢复真实接口与默认视口。 - 截图保存在本机忽略目录
.tools/uiux-integration/：desktop-normal.png、mobile-normal.png及两种尺寸的empty、loading、error、forbidden文件。截图不进入公开知识库。
仍需验证
用户体验评审、Claude 审查、真实新用户登录注册、连续定时运行与全平台覆盖仍不据本轮 UI 检查标为通过。原型中的完整采集历史、全局导航调整和全量相关性排序没有在本轮扩建。
怎么复核
打开本机 8666 的已有主题；默认查看结果，切换“主题设置”填写临时草稿，再切回结果与设置核对。切换“采集与运行”应看到手动受理范围说明；复制包含 tab=settings 的 URL 重新打开应进入设置。窄屏使用“切换监控主题”展开列表，检查主题和结果仍可访问。
工程命令在 frontend/ 执行 pnpm lint、pnpm typecheck、pnpm format:check、pnpm test --maxWorkers=2、pnpm build；文档在 workspace/ 执行 pnpm check 与 pnpm build。受控响应只用于独立浏览器验证，不改业务数据库或生产接口。