[codex] 优化图形化控制面板 UI

[ceilf6]

Summary

• 将注入式控制面板重构为深色「考场控制台」视觉系统，强化状态、表单、课程清单、定时器和日志的层级。
• 保留全部既有 DOM ID、事件绑定、全局 UI 函数与选课业务逻辑。
• 添加无依赖的 DOM 合约/运行时烟测，以及本地浏览器夹具。

Closes #20

Validation

• node --test tests/ui-control-panel-contract.test.cjs（3 个测试通过）
• node --check courseGrabber.js
• git diff --cached --check

Verification note

浏览器控制通道在宿主初始化阶段被拒绝，无法生成截图；已改用最小 DOM 夹具实际执行完整脚本，验证注入、添加课程、最小化和关闭。

[github-actions]

🛡️ ceilf6/repo-guard

代码评审报告: [codex] 优化图形化控制面板 UI

风险等级: 中
处理建议: 批准
决策摘要: ** 这是纯 CSS 视觉刷新加无依赖回归测试，DOM ID/事件绑定/全局函数契约全部保留，可合并；剩余风险仅在于无法进行真实浏览器视觉验证。

级联分析

• 变更符号: 原始模型未提供结构化级联字段。
• 受影响流程: 原始模型未提供结构化级联字段。
• 变更集外调用方: unknown
• 置信度: degraded

问题发现

模型未返回可结构化的问题发现；已提取可用的决策字段，原始非契约内容未附在评论中。

行级发现

• 无明确变更行归属。

Karpathy 评审

• 假设: 模型输出需要归一化为固定 Markdown 契约。
• 简洁性: 已提取 summary、finding、evidence 与 fix；原始 prose 不再附在评论中，避免占用下游解析与代理上下文。
• 变更范围: 原始模型未提供结构化范围字段。
• 验证: 需要查看 CI、测试或人工 CR 证据补强合并信心。

缺失覆盖

• 输出未命中 Repo Guard Markdown 契约；建议补充真实模型质量评估覆盖。

[github-actions]

🛡️ ceilf6/repo-guard

代码评审报告: [codex] 优化图形化控制面板 UI

风险等级: 中
处理建议: 批准
决策摘要: ** 纯 CSS 视觉刷新，DOM ID/事件绑定/全局函数/选课逻辑均保持不变，新增的合约测试同时静态校验 DOM 契约并实际执行脚本验证注入/添加课程/最小化/关闭，可合并。

级联分析

• 变更符号: 原始模型未提供结构化级联字段。
• 受影响流程: 原始模型未提供结构化级联字段。
• 变更集外调用方: unknown
• 置信度: degraded

问题发现

模型未返回可结构化的问题发现；已提取可用的决策字段，原始非契约内容未附在评论中。

行级发现

• 无明确变更行归属。

Karpathy 评审

• 假设: 模型输出需要归一化为固定 Markdown 契约。
• 简洁性: 已提取 summary、finding、evidence 与 fix；原始 prose 不再附在评论中，避免占用下游解析与代理上下文。
• 变更范围: 原始模型未提供结构化范围字段。
• 验证: 需要查看 CI、测试或人工 CR 证据补强合并信心。

缺失覆盖

• 输出未命中 Repo Guard Markdown 契约；建议补充真实模型质量评估覆盖。