feat: ship self-hosted KOC LOOP workflows

design-qa.md

@@ -1,50 +1,47 @@
-# KOC LOOP 用户管理页设计 QA
+# KOC LOOP 数据回收标题跳转设计 QA
 
-- Source visual truth: `/var/folders/0g/8yrmts9s7v5g_xc60sxx0__80000gn/T/codex-clipboard-d06a2293-9e7d-4471-b4ae-5eee942b68e9.png`
-- Implementation screenshot: `/private/tmp/koc-user-management-final.jpg`
-- Delete confirmation screenshot: `/private/tmp/koc-user-delete-modal.jpg`
-- Viewport: desktop `1280 × 720` CSS px; responsive check `680 × 900` CSS px
-- Pixels and density: source `2738 × 1382`; implementation `1280 × 720`; browser reported `devicePixelRatio = 2`; comparison used the visible layout and computed CSS geometry rather than pixel-perfect scaling because the requested result intentionally changes the source from side-by-side to stacked sections.
-- State: logged-in super administrator on the user-management screen
+## 验证对象
 
-## Full-view comparison evidence
+- 用户参考截图：`/var/folders/0g/8yrmts9s7v5g_xc60sxx0__80000gn/T/codex-clipboard-2296f03e-e79b-494c-b745-08e939fc20c6.png`
+- 浏览器实现截图：`/private/tmp/koc-loop-recovery-title-link-focused.png`
+- 参考与实现并排对照：`/private/tmp/koc-loop-recovery-title-link-comparison.png`
+- 本地页面：`http://localhost:8080/`
 
-The source places account creation and the account list side by side, forcing a tall narrow form and compressing the list. The implementation intentionally stacks the sections: the account-creation card spans the page and uses one compact horizontal row on desktop; the account list spans the full row below it. Existing KOC LOOP navigation, typography, colors, border treatment, and panel radius remain unchanged.
+## 环境与状态
 
-## Focused-region comparison evidence
+- CSS 视口：1278 × 692，桌面布局
+- 用户参考截图：2556 × 1384，按 2:1 密度归一为 1278 × 692
+- 实现截图：1278 × 692
+- 页面状态：数据回收 → 美团医美-备婚 → 数据回收队列
+- 交互状态：已回填短链的第一条标题获得键盘焦点；两条未回填记录保持普通文本
 
-The delete confirmation modal was checked separately. It uses the existing modal shell, a restrained destructive color, explicit irreversible-action copy, cancel and confirm actions, and a disabled working state. No new image assets are present on this screen.
+## 完整画面对比
 
-## Required fidelity surfaces
+- 信息架构、侧栏、采集计划和数据回收表格继续沿用现有界面，没有新增路由或改变表格列宽。
+- 已回填标题使用现有绿色交互色，聚焦时显示清晰但克制的描边；未回填标题仍为黑色普通文本。
+- 参考图中的目标区域与实现截图在同一张并排对照图中检查，未发现遮挡、换行异常或列错位。
 
-- Fonts and typography: existing product font stack, heading hierarchy, weights, and field labels are preserved; passed.
-- Spacing and layout rhythm: panel padding, 16 px vertical section gap, 12 px form gap, and 14 px table rows establish a clearer rhythm; passed after responsive overflow fix.
-- Colors and visual tokens: existing green, canvas, line, and panel tokens are preserved; destructive actions use a muted red semantic treatment; passed.
-- Image quality and asset fidelity: this screen has no content imagery or custom visual assets; not applicable.
-- Copy and content: creation, reset, and deletion copy is concise; deletion clearly states immediate sign-out and irreversibility; passed.
+## 聚焦区域检查
 
-## Interaction verification
+- 字体与层级：标题字号、字重和省略规则保持不变，仅为可点击标题增加语义色和 hover/focus 状态。
+- 间距与布局：链接仍受原有 310px 最大宽度约束，头像、账号副标题和相邻数据列未发生位移。
+- 颜色与状态：绿色与现有按钮、成功状态色一致；键盘焦点轮廓可见。
+- 图片质量：创作者截图缩略图未受本次改动影响，仍保持原比例显示。
+- 文案内容：标题原文、账号名称、平台信息和采集数据均保持不变。
 
-- Created a local ordinary test account.
-- Opened the row-level delete confirmation.
-- Confirmed deletion and verified the row disappeared.
-- Verified the current super-administrator row has no delete action.
-- Verified browser console errors: none.
-- Verified desktop page horizontal overflow: none (`scrollWidth = innerWidth = 1280`).
-- Verified 680 px responsive page horizontal overflow: none (`scrollWidth = innerWidth = 680`); the table scrolls inside its own container.
+## 功能验证
 
-## Comparison history
+- 当前任务中识别到 1 条可点击标题，`href` 为已回填的 `http://xhslink.cn/o/9qOYiD3Iu8K`，`target=_blank`。
+- 点击标题后短链成功跳转并解析为小红书笔记详情页。
+- 另外 2 条没有发布链接的标题不是链接，避免误导点击。
+- 链接仅允许小红书正式域名和 `xhslink.cn` / `xhslink.com` 短链域名，其他协议或域名不会渲染为链接。
+- 后台浏览器控制台无 warning/error。
+- Docker 生产构建通过；相关静态验收测试 12 项全部通过。
 
-1. Initial responsive pass found the account table's minimum width expanding the parent grid at 680 px.
-2. Added `min-width: 0` to the stacked layout and panels, and constrained the table to its panel.
-3. Post-fix evidence: page `scrollWidth` reduced from `714` to `680`, matching the viewport; the table retains an internal `660` px scroll surface.
+## 迭代记录
 
-## Findings
-
-No actionable P0, P1, or P2 issues remain.
-
-## Follow-up polish
-
-No blocking polish items. A future iteration may add search when the account count grows substantially.
+1. 初次浏览器验收发现第一条发布链接为 `xhslink.cn`，而前端白名单只包含 `xhslink.com`，因此标题仍是普通文本。
+2. 补充 `xhslink.cn` 及其子域名白名单，保留 HTTP/HTTPS 与小红书域名边界。
+3. 重新构建后，浏览器识别到 1 条可点击标题；点击实际打开对应小红书页面，未回填行仍不可点击。
 
 final result: passed