fix(v1.3.1-5): 胶囊动画 + Qwen3 灰显 + 5 SVG 重画 + 6 项 Windows 视觉修复 + polish 反降级

[appergb]

User description

v1.3.1-4 验证后用户 surface + 多 agent 流程产出。本 PR 5 个 commit，3 个 dev task + 6 项 review/用户修复 + 1 项 polish prompt 加强。

主线 3 个 dev task（agent-spawned worktree, reviewer 全部 approve-w/concerns）

1. 胶囊动画重做（dev-capsule ad6cd93b）

• 进入：从中心冒出 → 左右生长（scaleX .18 → 1, opacity 0 → 1, 260ms）
• 退出：左右收缩 + 淡化 + 下移（scaleX 1 → .18 opacity 1→0 translateY 0→8px, 240ms）
• 引入 leaving 状态 + lastVisibleState 快照保留退出帧视觉内容
• 删除 Windows animation: 'none' 路径，全平台一致

2. Windows 千问3 ASR 灰显 disabled（dev-qwen3 a981815b）

• opacity:0.5 / filter:grayscale(0.4) / pointerEvents:none 包整段 Qwen3 卡片
• 顶部添加 qwenUnavailableOnWindows banner，5 个 locale 完整翻译
• macOS 视觉零变化

3. 5 个 SVG 图标重画（dev-icons f44eb595）

• translate / vocab / history / overview / selectionAsk 全部重画
• 风格统一 Lucide / Feather 单 path stroke
• 单 commit +10/-5 only Icon.tsx

review/用户修复（35d53b8 "polish + Windows visual fixes"）

review-capsule High

• EXIT_ANIM_MS / INITIAL_VISIBLE_STATE 抽 const 去 magic number
• 修正 effect race 注释

review-qwen3 High

• 加 inert HTML5 属性让键盘 Tab 也跳过 disabled 区域

review-icons High (×2)

• overview 加 sparkline 区分 layout icon（之前 14px nav 无法分辨）
• selectionAsk 气泡尾巴 y 24→23 防止 viewBox 底边裁切

用户新 surface（v1.3.1-4 实机验证后）

• Vocab 词条大椭圆真根因：父 flex minHeight:80 + chip 默认 align-self:stretch 把 chip 拉到 80px 高，borderRadius:999 渲染成超大椭圆。修：chip 加 alignSelf:flex-start
• Windows 原生顶栏 vs 玻璃色差大：
  • lib.rs caption color 0xFFFFFF 纯白 → 0x00F7F5F5 (rgb 245,245,247) 跟 glass 起始色一致
  • WindowChrome.tsx glass alpha 0.78 → 0.92（PR fix: v1.3.1-4 Windows 字号/顶栏色/玻璃 + Vocab 大圈 + polish 回滚 #422 为加强玻璃感降的，现升回去压色差；玻璃感由 backdrop-filter blur+saturate 提供）

polish prompt 加强（76e0723）

用户报 DeepSeek V4 Flash 走 Structured 不输出双层 list、退化成连贯段落。Structured task block 加 2 条新规则：

• 不可降级到轻度润色 —— 最低输出形态是双层 list，事项 ≥3 必须双层化
• 多个组合需求处理规则 —— 按语义分大类、按口述顺序排、每大类 (a)(b)(c) 子项

Test plan

• 胶囊出现：从中心冒出向两边生长动画流畅；macOS + Windows 一致
• 胶囊消失：左右收缩 + 下移 + 淡出 ~240ms 后才卸载
• Windows: Settings → Advanced → Local ASR：千问3 整段灰显且键盘 Tab 跳过
• Windows: 顶栏色 (rgb 245,245,247) 跟 sidebar glass 视觉接近
• Windows: Vocab 词条紧凑 pill，无大椭圆
• DeepSeek V4 Flash 多组合需求输入：输出双层 list 不退化连贯段落
• macOS: 视觉零变化（流量灯 / 入场动画 / 玻璃感）
• Icon 视觉检查 5 个新图标在 14px nav 大小下都清晰可辨

后续待做（v1.3.1-6+）

• 用户希望调研"完全取消 Windows 原生顶栏（像微信那样自绘）"——属于 large rewrite，本 PR 范围之外，单独追

---

PR Type

Enhancement, Bug fix

---

Description

• Refine Windows title bar and glass

  • Match caption tint to glass
  • Raise sidebar translucency and blur

• Disable Qwen3 on Windows

  • Add inert, greyscale, warning banner
  • Preserve macOS model management flow

• Polish capsules, icons, and chips

  • Add center-grow exit animation
  • Redraw icons and fix stretching

• Strengthen structured polish prompts

  • Require two-level lists consistently

---

Diagram Walkthrough

flowchart LR
  A["lib.rs + WindowChrome.tsx"] -- "align caption and glass" --> B["Consistent Windows chrome"]
  C["LocalAsr.tsx + i18n"] -- "disable unsupported Qwen3 on Windows" --> D["Safer ASR settings"]
  E["Capsule.tsx"] -- "center-grow and fade-out" --> F["Smoother dictation feedback"]
  G["Icon.tsx + Vocab.tsx"] -- "redraw icons and fix chips" --> H["Clearer navigation UI"]
  I["polish.rs"] -- "stricter structured prompt rules" --> J["More reliable polishing"]

Loading

File Walkthrough

	Relevant files
Bug fix	3 files lib.rs Match Windows caption to glass background                                +6/-4      LocalAsr.tsx Gray out Windows Qwen3 manager                                                      +66/-26  Vocab.tsx Prevent stretched vocabulary chips                                              +4/-0
Enhancement	9 files polish.rs Restore stricter structured polish guidance                            +9/-0      Capsule.tsx Add symmetric capsule exit animation                                          +67/-7    Icon.tsx Redraw navigation icons for clarity                                            +10/-5    WindowChrome.tsx Unify glass opacity across platforms                                          +3/-2      en.ts Add Windows Qwen3 warning string                                                  +1/-0      ja.ts Add Windows Qwen3 warning string                                                  +1/-0      ko.ts Add Windows Qwen3 warning string                                                  +1/-0      zh-CN.ts Add Windows Qwen3 warning string                                                  +1/-0      zh-TW.ts Add Windows Qwen3 warning string                                                  +1/-0

---

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis 🔶 422 - Partially compliant Compliant requirements: Set Windows caption color via DWMWA_CAPTION_COLOR. Unify the glass styling across macOS and Windows in WindowChrome. Restore the detailed ROLE_BLOCK polish prompt. Non-compliant requirements: Default the font scale to large on fresh Windows installs. Extend the button reset to fully neutralize Chromium Windows user-agent styles. Requires further human verification: Verify the Windows caption color and glass effect visually on supported Windows builds. Verify the polish prompt produces the intended structured output in practice.

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ No major issues detected