fix(webui): 聊天图片"加载成功却显示加载失败"——HTML 属性里的反斜杠转义

## 缺陷

生产截图：图片加载成功了（img 元素在、src 正确），界面却多显示一行
蓝字「图片加载失败"/>」。

根因是内联事件属性里用了反斜杠转义：

    onerror="this.parentElement.innerHTML='<span class=\"att-err\">图片加载失败</span>'"

**HTML 属性值里没有反斜杠转义** —— 那个 \" 就是引号本身，属性在
`<span class=` 之后就闭合了。浏览器切出来的是：

    onerror = "this.parentElement.innerHTML='<span class="

剩下的 `att-err">图片加载失败</span>'"/>` 变成**文本节点**直接显示。

症状极具误导性：看起来像"图片坏了"，实际图片是好的；而那个 onerror
因为语法错误**永不执行** —— 真失败时反而什么都不显示。

## 修法

不用内联属性（那要求以后每次拼 HTML 都记得转义规则），改成
**捕获阶段的事件委托**：

- error 事件**不冒泡**，只能在捕获阶段拿到（注释里写明了）
- 用 createElement + textContent 构造占位，不再拼 innerHTML 字符串
- 只处理 .chat-attachment-img，不影响正文里的 markdown 图片

## 顺带：两个类没有 CSS

`chat-attachment-img` 与 `att-err` 只出现在 JS 里，CSS 里一条都没有。
图片靠内联 style 撑着还能看，失败占位则完全没有样式。已补。

## 判据（2 条，变异验证）

- `TestChatAttachmentImgHasNoBrokenInlineHandler`：不许内联 onerror、
  必须用 DOM API、必须有 error 监听
- `TestDashboardNoEscapedQuoteInHTMLAttributes`：通用扫描，
  任何 `name="...\"...` 形态都会红（下次别人写内联事件也拦得住）

变异：把内联 onerror 放回去 ⇒ 两条同时红。

★ 写判据时踩到的坑（都已修）：判据被**自己的注释**打红（注释里必须写出
错误写法来解释），需先用已有的 stripJSComments 剥离；另外我先自己写了一个
stripJSComments，与 dashboard_js_scope_test.go 的重名 —— 应复用已有的。

## 顺带修一条脆弱判据

`TestRTChild_RapidInputCollapsesToLatest` 全量跑时偶发红
（"连发 50 条却跑了 5 轮"）。

探针查实：连发 50 条只花 ~80µs，而测试 provider 的 ChatStream **同步瞬间
返回**，两者同量级 ⇒ 消费方能在连发过程中抢到几次执行。探针显示
dropped=48，collapse 明明生效了。

所以 `Rounds > 3` 是在测调度抖动，不是测契约。改为断言**覆盖主导**
（dropped >= burst/2）。真实通话每轮几十毫秒，连发微秒级，生产里
"轮次≈1" 自然成立。

变异验证：让 dropped 不计数 ⇒ 判据红（dropped=0（连发 50 条））。

go build/vet/gofmt 干净；go test ./... -count=1 -race = 62 ok / 0 FAIL / 0 RACE

internal/plugins/webui/dashboard.css

@@ -1590,6 +1590,27 @@
         border-radius: 6px;
       }
 
+      /* ===== 聊天附件（图片/音频）=====
+         这两个类此前**只有类名没有样式**：JS 里写着 class="chat-attachment-img"
+         和 class="att-err"，CSS 里一条都没有。图片靠内联 style 撑着还能看，
+         而失败占位 .att-err 完全没有样式 —— 即使事件接上了也只是一行裸文字。 */
+      .chat-attachment-img {
+        max-width: 320px;
+        max-height: 240px;
+        border-radius: 10px;
+        display: block;
+        cursor: zoom-in;
+      }
+      .att-err {
+        display: inline-block;
+        padding: 8px 12px;
+        border: 1px dashed var(--kv-border);
+        border-radius: 8px;
+        color: var(--text-muted, #888);
+        font-size: 12px;
+        line-height: 1.4;
+      }
+
       /* ===== 思考卡片（PiDeck 风格）===== */
       .reasoning-card {
         margin: 6px 0;