fix(capsule): 入场出场动画加慢加曲线 + thinking 字号/颜色重做 (v1.3.1-6)#425
Merged
Conversation
用户在 v1.3.1-5 装机后反馈： 1. 胶囊入场效果不错但希望"再慢一点 + 曲线感" 2. 出场动画"看不到" —— 240ms 太快感知不到 3. thinking 字体"不明显"，希望字大 / 色亮 / 滑动清楚 改动： - @Keyframes capsule-in: .26s → .38s，cubic-bezier(.16,.86,.32,1.18) spring overshoot 更强，"从中心冒出向左右生长"更弹更曲线 - @Keyframes capsule-out: .24s → .36s，cubic-bezier(.55,.06,.68,.19) 慢启动 + 加速收尾的平滑曲线，让用户能看清"左右收缩 + 下移 + 淡出" - EXIT_ANIM_MS: 240 → 360 同步加长，避免定时器先于动画结束 unmount thinking 配色（用户拍板，参考 d 项）： - fontSize 14 → 17（更大） - fontWeight 500 → 700（更粗） - 两侧底字：浅亮黄 #FCD34D (amber-300) - 中段扫光：深蓝 var(--ol-blue) (≈ #2563EB) - 浅黄暖底 + 深蓝扫光对比强烈但不刺眼，扫光滑过感清晰
Contributor
PR Reviewer Guide 🔍(Review updated until commit 960889d)Here are some key observations to aid the review process:
|
added 2 commits
May 12, 2026 18:27
[LocalAsr Windows 灰显简化（用户："白底太显眼"）]
- 删除顶部 qwenUnavailableOnWindows banner Card（白底浅橙 noise）
- 列表为空时的 placeholder Card 改成纯空 <div minHeight:60>，不再二次重复 banner 文案
- 灰显 + inert + opacity 已自我解释，不需要 banner 引导
[千问3 标记为「实验性」（用户拍板）]
- LocalAsr.tsx 在 qwenTitle 前加 amber-300 小 badge "实验性"
- 5 个 locale 新加 i18n key `qwenExperimentalBadge`：
- zh-CN: 实验性
- en: Experimental
- ja: 実験的
- ko: 실험적
- zh-TW: 實驗性
[polish 反 AI 自述（用户："直抒胸臆，不加多余话；不要 AI 输出式语言"）]
- OUTPUT_BLOCK 新加 "# 反 AI 自述式表达（强约束）" 子段：
- 禁词列表："我们看了一下""我们发现""经过分析""综合来看""总体而言"
"整体来说""依我所见""根据情况""从结果来看"等代入第三方/自述视角的语句
- 保持原句的人称视角，原句没有"我们"就不引入
- 直陈原意，不扩写
- 不加修饰副词或铺垫句（"值得一提的是""值得注意""值得考虑"等）
- Light task block 加 "**工程化直陈**" 段：
- 开发协作 / 任务清单 / 技术沟通 / 工作汇报场景按主谓宾陈述
- 不加修饰副词、铺垫句、AI 自述
- 输出长度尽量贴近原句字数 ± 20%
- 新增示例：用户原话"嗯我们目前看了一下没什么大问题就是缓存策略可能要改一下"
→ 输出"目前没什么大问题，缓存策略需要调整"（不引入"我们看了一下"）
- Formal task block 加 "**工程化正式**" 段：
- 正式 ≠ 扩张；不展开为商务铺垫
- 不加"经过分析""综合来看""值得注意的是"等代入第三方视角的语句
- 输出长度 ± 30% 以内，不让正式化扩张到两倍长度
- 新增示例：用户原话"嗯这次发版前我们看了一下其实问题不大但还是建议把缓存改一改"
→ 输出"本次发版整体问题不大，建议调整缓存策略"（不写"我们看了一下""经过评估"）
用户报 Structured 模式不稳定 —— 同样输入有时双层 list 有时连贯段落。 失败示例：用户口述 4 个独立反馈（千问3 提示样式 + 让它消失 + 改实验性 + 其他没问题）输出成连贯段落，没归类成双层 list。 LLM 判断"事项数"时可能要求用户明说"第一""第二""另外"等连接词， 口语化输入没这些就误判为"一段连贯陈述"。 加强：Structured task block 顶部新加"默认行为：双层 list。判断事项的标准"： 列出 4 种独立事项的形态（可独立成句的陈述、独立请求/建议、状态判断/结论、 针对模块的描述/要求），明确"事项数 ≥3 强制双层化，即使输入听起来像顺着 说下来的口播"。 跟前面 commit 35d53b8 的"不可降级到轻度润色 + 多个组合需求处理规则" 形成三重 sticky： - 规则 1：不可降级到轻度润色（事项 ≥3 必须双层） - 规则 2：多组合需求按大类按口述顺序排 - 规则 3（本 commit）：明确"事项"的判断标准，不依赖用户的连接词
Contributor
|
Persistent review updated to latest commit cb5b544 |
appergb
pushed a commit
that referenced
this pull request
May 12, 2026
PR #425 合并后 bump。本版本相对 v1.3.1-5-beta 累积： [胶囊动画] - 入场 .26s → .38s，cubic-bezier(.16,.86,.32,1.18) 更强 spring overshoot - 出场 .24s → .36s（EXIT_ANIM_MS 同步加到 360），cubic-bezier(.55,.06,.68,.19) 慢启动加速收尾的平滑曲线，让用户能看清"左右收缩 + 下移 + 淡出" - thinking 字号 14 → 17，字重 500 → 700，浅亮黄底字 + 深蓝扫光 [LocalAsr Windows Qwen3] - 删除顶部"白底显眼"提示 banner（已 inert + 灰显，banner 多余） - Windows 列表为空时不再画 placeholder Card，简化为空白占位 - 千问3 ASR 标题加 amber 小 badge "实验性" - 5 个 locale 新加 i18n key qwenExperimentalBadge [polish prompt 反 AI 自述] - OUTPUT_BLOCK 新加"# 反 AI 自述式表达（强约束）"：禁词列表 + 保持原句人称视角 + 直陈原意不扩写 - Light task 加"工程化直陈"段 - Formal task 加"工程化正式"段（不展开为商务铺垫） - Structured task 加"判断事项的标准"4 种独立事项形态，事项 ≥3 强制双层 即使输入听起来像顺着说下来的口播
Contributor
|
Persistent review updated to latest commit 960889d |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
User description
v1.3.1-5 装机验证后用户 surface 的胶囊体验微调。单一 commit、单文件
Capsule.tsx。改动
1. 入场动画
@keyframes capsule-in: .26s → .38s，cubic-bezier 加强 spring overshoot2. 出场动画（用户"看不到"）
@keyframes capsule-out: .24s → .36sEXIT_ANIM_MS常量同步 240 → 360 避免定时器先于动画 unmount3. Thinking 字体（用户："不明显"）
var(--ol-ink-3)灰#FCD34D浅亮黄 (amber-300)var(--ol-blue)深蓝var(--ol-blue)深蓝（不变）颜色组合按用户原话："底部字体改成浅亮黄色，中间扫光效果改成深蓝色" —— 浅黄暖底 + 深蓝扫光对比强但不刺眼，扫光滑动清晰。
Test plan
PR Type
Bug fix, Enhancement
Description
胶囊入场/出场动画加长并调整贝塞尔曲线，提升动效感知；定时器同步延长避免截断
Thinking 字体放大加粗，改用琥珀黄底色+深蓝扫光的高对比配色
LocalAsr 界面移除 Windows 下显眼的白底 banner，添加「实验性」标签，整体灰显更低调
Polish 提示词新增“反 AI 自述式表达”强约束，以及工程化直陈/正式化示例，抑制 AI 口癖
Diagram Walkthrough
File Walkthrough
8 files
动画延长与 thinking 视觉增强移除 banner 并添加实验性标签prompt 增加反 AI 自述与工程化约束添加实验性标签英文本地化添加实验性标签日文本地化添加实验性标签韩文本地化添加实验性标签简体中文本地化添加实验性标签繁体中文本地化