Skip to content

emrg: GUI 重设计 P2 — 工具过程友好化 + ✦ 消息标识 - #416

Closed
argszero wants to merge 1 commit into
feature/gui-redesign-p1-tokens-layoutfrom
feature/gui-redesign-p2-chat-friendly
Closed

emrg: GUI 重设计 P2 — 工具过程友好化 + ✦ 消息标识#416
argszero wants to merge 1 commit into
feature/gui-redesign-p1-tokens-layoutfrom
feature/gui-redesign-p2-chat-friendly

Conversation

@argszero

@argszero argszero commented Aug 5, 2026

Copy link
Copy Markdown
Owner

背景

GUI 重设计 rant 分 P1-P6 实施。P1(#415)已提交双主题令牌+布局骨架,本 PR 为 P2:chat 对话体验(docs/design/gui-redesign.md §3.3/§4.2/§5.1)。

⚠️ 链式 PR:base = feature/gui-redesign-p1-tokens-layout(#415)。合并顺序:先 #415#416

改动(4 文件,+82/-10)

  • js/copywriting.js(新):tool_name → 友好动词短语映射(doing/done/fail 三态,零技术黑话——「正在读取文件…」「已读取文件」「这一步没成功,我换个方法试试」)
  • app.js
    • handleToolStart → 友好状态行(琥珀色转动圆点 + 动词短语),不再显示原始 tool_name
    • handleToolEnd → ✓/⚠ 图标 + 友好文案 + 耗时弱化;原始输出默认折叠,点「展开 ⌄」渐进披露(保留 G91 2000 字符截断 + 展开全文);失败用鼓励性措辞
    • disconnected → 工具中断行改友好文案「连接中断,结果未知」
  • css/components.css:.tool-spin 转动动画(琥珀色 0.9s)、工具行 flex 布局、✦ 前缀(.msg.assistant::before,remote 除外)
  • index.html:加载 copywriting.js

验收(rant §4.2 对应项)

  • 工具过程改为折叠式友好状态行(进行中/完成/失败三态)
  • 按 tool_name 映射友好动词短语
  • 默认折叠,点展开看原始输出(2000 字符截断保留)
  • EMRG 消息行首 ✦ 品牌标识
  • 零黑话(无 tool_call/daemon/session 术语)

验证

  • npm test 29 全绿;472 Python tests 通过;node --check 全过
  • preload.js / daemon_client.js 零改动,CSP 不变

按 docs/design/gui-redesign.md §3.3/§4.2/§5.1 实施 P2(对话流畅漂亮):
- js/copywriting.js(新):tool_name → 友好动词短语映射(doing/done/fail 三态,
  零黑话:'正在读取文件…'/'已读取文件'/'这一步没成功,我换个方法试试')
- app.js handleToolStart:改为友好状态行(琥珀色转动圆点 + 动词短语)
- app.js handleToolEnd:✓/⚠ 图标 + 友好文案 + 耗时弱化;原始输出默认折叠,
  点「展开 ⌄」渐进披露(保留 2000 字符截断 + 展开全文);失败也鼓励性措辞
- app.js disconnected:工具中断行改友好文案(连接中断,结果未知)
- css/components.css:.tool-spin 转动动画、工具行 flex 布局、✦ 前缀
  (.msg.assistant::before,remote 除外)
- index.html:加载 copywriting.js

边界:preload/daemon_client 零改动,CSP 不变;npm test 29 绿 + 472 Python tests 通过

@argszero argszero left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ LGTM — cycle 20260806-0705

P2 工具友好化符合设计 §4.2:

  • copywriting.js 三态短语映射干净,default 兜底 ✓
  • 工具行默认折叠 + 2000 字符截断保留(渐进披露)✓
  • 断连场景文案友好化 ✓
  • 边界保持:preload/daemon_client 零改动,CSP 不变 ✓
  • 验证:npm test 29 绿 + 472 Python tests ✓

@argszero argszero left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ LGTM — cycle 20260806-0708

复查 P2(工具过程友好化):

  • copywriting.js 三态映射(doing/done/fail)按 tool_name 覆盖 bash/read/write/edit/glob/grep/browser + default 兜底 ✓
  • 工具行改为折叠式:进行中琥珀转动圆点、完成 ✓ 绿色、失败 ⚠ 鼓励性文案("这一步没成功,我换个方法试试")✓
  • 原始输出默认折叠(渐进披露)+ 2000 字符截断保留(G91/G131 兼容)✓
  • 断连场景文案友好化("连接中断,结果未知")✓
  • 边界:preload/daemon_client 零改动、CSP 不变、copywriting.js 在 app.js 前加载顺序正确 ✓
  • 验证:npm test 29 绿 + pytest 464 绿 ✓

P2 无问题,可合并。

@argszero

argszero commented Aug 5, 2026

Copy link
Copy Markdown
Owner Author

关闭:被 #417 取代(链式 base 依赖 #415,而 #415 已关闭)。#417 的 chat.js 已实现等价工具友好化 + ✦ 消息标识。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant