[codex] stabilize graph interactions and polish UI states

skillwiki-frontend/SKILLWIKI_UI_CHANGE_SUMMARY_20260617.md

@@ -0,0 +1,45 @@
+# SkillWiki 前端 UI 更改说明（2026-06-17）
+
+## 更改范围
+
+本次更改集中在 SkillWiki 前端 UI 和交互表现，未修改后端 API、数据结构、核心资产或已有按钮功能。
+
+1. 图谱点击稳定性
+   - 点击节点或边时，不再重新销毁、重建并重新适配整张图。
+   - 右侧详情面板和边详情展示仍保持原有行为，只更新选中态的视觉表现。
+
+2. 图谱节点 hover 回弹
+   - 节点鼠标悬停时保持收缩反馈。
+   - 鼠标移开后根据节点原始渲染尺寸恢复，并加入短促的弹动回弹效果。
+
+3. 宽表格与可复制标识显示
+   - 为宽表格补充统一的横向滚动和白色背景包裹，避免右侧按钮或内容突出到页面背景之外。
+   - 对 proposal id、skill id、task id、loop id 等标识类文本增加不拆词显示，减少视觉断点。
+
+4. 轻量 UI 美化
+   - 增加按钮、表格、标签、分段控件等 Ant Design 组件的轻微交互过渡、焦点样式和数字等宽显示。
+   - 保持现有配色、按键位置和页面结构，不做大幅重设计。
+
+5. SkillWiki 命名一致性
+   - 同步前端 lockfile 中仍残留的旧 `skillos-frontend` 包名，避免和当前 SkillWiki 命名冲突。
+
+## 更改目的
+
+- 降低图谱反复点击时的整体跳动感，让用户可以稳定查看节点和边信息。
+- 修复节点 hover 后不能自然弹回的问题，让图谱交互反馈更明确。
+- 补齐宽表格、长标识和右侧操作按钮的展示边界，避免 UI 溢出或文本被怪异换行。
+- 在不改变功能逻辑的前提下，让前端界面更稳、更整齐。
+
+## 边界说明
+
+- 不新增、删除或改动现有功能入口。
+- 不改变按钮点击逻辑、API 请求逻辑或后端行为。
+- 不修改核心数据资产、技能内容或评测材料。
+- 不引入新的产品命名；前端相关命名统一使用 SkillWiki。
+
+## 验证项
+
+- `npm run lint`
+- `npm run build`
+- `git diff --check`
+- 本地页面重点检查：`/graph`、`/evolution`