@goodandready/dsh-dsml-artifact-guard 0.2.13 → 0.2.14

package/README.zh.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-<h3>面向 DeepSeek Harness 的残留 DSML 协议闭合标签流式熔断清洗引擎</h3>
+<h3>零依赖流式防护与清理插件：拦截 DeepSeek DSML 协议泄漏闭合标签及思维链残留标记</h3>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/@goodandready/dsh-dsml-artifact-guard"><img src="https://img.shields.io/npm/v/@goodandready/dsh-dsml-artifact-guard.svg?style=for-the-badge&color=6366f1&labelColor=1e1b4b" alt="npm version"></a>
@@ -12,7 +12,7 @@
 </p>
 
 <p align="center">
-  <a href="https://goodandready.app/"><img src="https://img.shields.io/badge/作者全部项目-goodandready.app-ff4500.svg?style=for-the-badge&logo=rocket&logoColor=white&labelColor=1a1a2e" alt="作者全部项目"></a>
+  <a href="https://goodandready.app/"><img src="https://img.shields.io/badge/🌐_DSH_Hub-goodandready.app-ff4500.svg?style=for-the-badge&labelColor=1a1a2e" alt="GoodAndReady Showcase"></a>
 </p>
 
 <p align="center">
@@ -24,9 +24,9 @@
 <table align="center">
   <tr>
     <td align="center">
-      ⭐ <strong>如果您喜欢这个插件，请在 GitHub 上为它点亮 Star</strong> — 这能让我知道插件对您有用，并鼓励我继续开发和维护它。
+      ⭐ <strong>如果这个插件对您有所帮助，请在 GitHub 上点亮 Star</strong> — 您的支持将激励我持续维护与完善。
       <br><br>
-      🐛 <strong>如果您发现 Bug 或希望增加功能</strong>，请使用任意语言在 GitHub 上提交 Issue — 我会评估您的建议，并在后续版本中实现有价值的改进。
+      🐛 <strong>发现缺陷或有功能建议？</strong> 欢迎在 GitHub 提交 Issue。
     </td>
   </tr>
 </table>
@@ -35,88 +35,25 @@
 
 ---
 
-## ⚡ 核心定位与解决痛点
+## ⚡ 解决的问题与功能亮点
 
-在对接特定第三方大模型服务商或代理网关时，底层工具调用协议 DSML（DeepSeek Markup Language）的闭合标签有时会异常泄漏并附着在模型输出的正文末尾。用户在聊天界面中经常看到多余的协议残留：
+在通过第三方代理网关调用 DeepSeek 模型时，工具调用协议（DSML — DeepSeek Markup Language）的闭合标签有时会泄漏至可见文本流中：
 
 ```text
-任务完成，所有测试均已通过。
+任务已完成。
 </｜DSML｜parameter> </｜DSML｜invoke> </｜DSML｜tool_calls>
 ```
 
-此类闭合标签不仅造成视觉污染、破坏 Markdown 排版渲染，还会干扰后续多智能体协作解析或文本复制导出。
+此外，推理模型（如 DeepSeek-R1 / V3）在异常中断时可能残留游离的 `</think>` 标签、末端标记或未闭合的思维块，破坏 Markdown 排版。
 
-**`@goodandready/dsh-dsml-artifact-guard`** 是专为 DeepSeek Harness 打造的原生宿主级（host-only）文本流拦截过滤插件，在文本到达前端界面之前实时侦测并净化残留闭合标签：
+**`@goodandready/dsh-dsml-artifact-guard`** 实时拦截并清洗这些协议残留物：
 
-1. **严格同步 Hook 契约保障**：Cordis 要求流拦截器必须同步返回 `AsyncIterable`。将拦截器写成 `async` 会返回 `Promise`，直接引发运行时崩溃：`stream is not async iterable`。本插件严格保持同步注册。
-2. **分片分包滑动缓冲流**：网络分包常将闭合标签切断并分散在不同 Text Delta 中。插件内置 96 字节（`KEEP = 96`）滑动窗口，精准捕获并合并跨分片的长尾标签。
-3. **100% 故障开放（Fail-Open）安全**：绝不误伤合法正文。对于讨论 DSML 语法的正常技术文本，插件保证原样放行。
-4. **定向模型与服务商匹配**：仅对发生协议泄漏的目标 Provider/Model 执行流式清洗，其他模型流量直通零开销。
-
----
-
-## 💡 为什么核心层未包含此功能？
-
-截至 DeepSeek Harness **0.1.7-rc.2**，核心上游流管道（`dsh-llm-pi-ai`、`dsh-llm-deepseek*` 等）均未对末端 DSML 协议标签进行任何清洗——核心引擎中完全不存在对 `｜DSML｜` 的处理。当上游网关（例如 `commandcode`、`deepseek-official` 或其他代理）在回复结尾泄漏协议闭合标签时，DSH 会将其直接传输到聊天前端。
-
-`dsh-dsml-artifact-guard` 为所有 DeepSeek 模型提供通用的运行时防护，不受特定服务商网关或路由配置的限制。
-
----
-
-## 🏗️ 架构设计
-
-```mermaid
-graph TD
-    subgraph DSH ["DeepSeek Harness 核心运行时"]
-        Turn["智能体回合执行<br/>(发起大模型流式请求)"]
-        ChatUI["聊天界面流式消费端<br/>(渲染纯净 Markdown 文本)"]
-    end
-
-    subgraph Guard ["@goodandready/dsh-dsml-artifact-guard"]
-        Hook["同步 llm/stream 拦截钩子<br/>(同步返回 AsyncIterable)"]
-        ScopeCheck{"是否命中范围?<br/>(校验 providerId 与 modelId)"}
-        PassThrough["原始数据流直通<br/>(其他模型零延迟零开销)"]
-        Buffer["滑动尾部缓冲区<br/>(跨分片保留最后 96 字节)"]
-        Detector{"末端残留判定?<br/>(流结束 finish 时比对标签)"]
-        Sanitize["清洗模式 (Sanitize)<br/>(安全剥除协议残留标签)"]
-        Audit["审计模式 (Audit)<br/>(仅记录日志不改动文本)"]
-    end
-
-    Turn -->|llm/stream 拦截| Hook
-    Hook --> ScopeCheck
-    ScopeCheck -->|未命中| PassThrough
-    ScopeCheck -->|命中| Buffer
-    PassThrough --> ChatUI
-    Buffer --> Detector
-    Detector -->|无异常| ChatUI
-    Detector -->|检出残留: sanitize| Sanitize --> ChatUI
-    Detector -->|检出残留: audit| Audit --> ChatUI
-```
-
----
-
-## ✨ 核心特性深度解析
-
-### 1. 同步 Hook 契约保护
-在 Cordis 与 DSH 的底层事件总线中，`llm/stream` 监听器必须同步返回转换后的迭代器。若将回调函数声明为 `async`，返回值将被自动包裹为 `Promise<AsyncIterable>`，导致下层调度器抛出致命异常：`TypeError: stream is not async iterable`。`dsh-dsml-artifact-guard` 采用纯同步生成器封装，从根源规避调度崩溃。
-
-### 2. 跨分片长尾标签精准捕获
-在实际网络传输中，长尾标签 `</｜DSML｜parameter> </｜DSML｜invoke> </｜DSML｜tool_calls>` 常被拆分为多个 chunk：
-* Chunk 1: `All tasks complete. </｜DSML｜pa`
-* Chunk 2: `rameter> </｜DSML｜invoke> `
-* Chunk 3: `</｜DSML｜tool_calls>`
-
-滑动窗口在接收到下一个文本分片或 `finish` 信号前保留尾部 96 字节，确保跨包切分的标签被作为一个完整实体精准匹配并剔除。
-
-### 3. 数据安全与故障开放保障
-* 正文技术讨论中出现 DSML 示例代码时（如 `<｜DSML｜tool_calls>demo</｜DSML｜tool_calls>`），绝不误删。
-* 非文本分片（`tool-call-delta`, `usage`, `finish`）即时透传，无任何额外排队延迟。
-* 遇到畸形数据格式时自动降级放行，优先确保会话畅通不中断。
-
-### 4. 三种灵活运行模式
-* **`sanitize`** *(默认)*：自动剥离末尾残留标签，并在日志中输出剥离计数。
-* **`audit`**：仅通过 `ctx.logger.info(...)` 记录检出警告，保持用户界面原样输出。
-* **`disabled`**：完全旁路，不进行任何处理。
+1. **严格同步钩子契约**：同步实现 `llm/stream` 钩子，直接返回 `AsyncIterable`，避免异步 Promise 导致的崩溃。
+2. **分片边界滑动窗口**：通过 96 字节滑动窗口完整捕获跨网络分片截断的闭合标签。
+3. **连接异常中断残缺清理**：流收到 `finish` 信号时自动剥离残缺的协议前缀（如 `</｜DSML｜...`）。
+4. **思维链标记防护 (`cleanThinkArtifacts`)**：清理孤立的 `</think>` 标签、末端思维标记，并在流中断时自动修复未闭合的思维块。
+5. **标签平衡与故障开放**：追踪开闭标签平衡，技术讨论中的合法 DSML 样例绝不被误删。
+6. **实时遥测与拦截统计面板**：在 Web UI 设置卡片中直观展示已防护应答数、剥除标签数、最近拦截记录与重置操作。
 
 ---
 
@@ -134,14 +71,15 @@ dsh plugin --profile web add @goodandready/dsh-dsml-artifact-guard
 
 ## ⚙️ 配置指南 (`settings.yaml`)
 
-在 `settings.yaml` 或 Web UI 设置面板中配置目标服务商与模型：
+在 `settings.yaml` 或 Web UI 设置面板中配置规则：
 
 ```yaml
 # settings.yaml
 dsh-dsml-artifact-guard:
   mode: sanitize
-  providerId: "your-provider-id"
-  modelId: "your-model-id"
+  modelPattern: "deepseek"
+  providers: []
+  cleanThinkArtifacts: false
 ```
 
 ### 配置参数参考表
@@ -149,8 +87,20 @@ dsh-dsml-artifact-guard:
 | 参数名 | 类型 | 默认值 | 功能说明 |
 |:---|:---|:---|:---|
 | `mode` | `string` | `"sanitize"` | 运行模式：`"sanitize"`（清洗标签）、`"audit"`（仅审计）或 `"disabled"` |
-| `providerId` | `string` | `"opencode-go"` | 发生协议标签泄漏的目标服务商标识符 |
-| `modelId` | `string` | `"deepseek-v4-flash"` | 发生协议标签泄漏的目标模型标识符 |
+| `modelPattern` | `string` | `"deepseek"` | 不区分大小写的模型正则匹配式（默认：`"deepseek"`） |
+| `providers` | `string[]` | `[]` | 目标服务商列表。为空时防护全部服务商 |
+| `cleanThinkArtifacts` | `boolean` | `false` | 剥除游离 `</think>` 标签、末端思维标记并修复未闭合思维块 |
+| `providerId` | `string` | `undefined` | *(已弃用)* 目标服务商标识符；保留用于向后兼容 |
+| `modelId` | `string` | `undefined` | *(已弃用)* 目标模型标识符；保留用于向后兼容 |
+
+### HTTP 管理接口
+
+| 方法 | 接口路径 | 访问权限 | 说明 |
+|:---|:---|:---|:---|
+| `GET` | `/api/dsh-dsml-artifact-guard/stats` | Web UI / Localhost | 获取实时拦截遥测与最近事件列表 |
+| `POST` | `/api/dsh-dsml-artifact-guard/stats` | Loopback & Same-Origin | 重置遥测计数器并清空最近事件 |
+| `GET` | `/api/dsh-dsml-artifact-guard/update` | Web UI / Localhost | 检查当前版本与最新版本状态 |
+| `POST` | `/api/dsh-dsml-artifact-guard/update` | Loopback & Same-Origin | 执行原地热更新 |
 
 ---
 
@@ -168,7 +118,3 @@ npm run check
 ## 📄 开源许可证
 
 MIT © [GooDAnDReaDY](https://github.com/GooDAnDReaDY)
-
----
-
-完整版本演进与更新记录详见 [CHANGELOG.md](CHANGELOG.md)。

package/lib/client.js

@@ -46,6 +46,19 @@ window.__ModuleLoader__.load({
       providers: 'Target Providers (optional)',
       providersPlaceholder: 'all providers (comma-separated, e.g. commandcode, deepseek-official)',
       providersHint: 'Comma-separated list of provider IDs. Leave empty to guard all providers.',
+      cleanThinkArtifacts: 'Clean reasoning (<think>) artifacts & incomplete tokens',
+      cleanThinkArtifactsHint: 'Strip orphan </think> tags, trailing reasoning markers, and incomplete closing tokens at stream finish.',
+      telemetryTitle: 'Activity & Telemetry',
+      telemetryGuarded: 'Guarded responses',
+      telemetryRemoved: 'Stripped tags',
+      telemetryLast: 'Last incident',
+      telemetryNever: 'None yet',
+      telemetryReset: 'Reset',
+      telemetryResetting: 'Resetting…',
+      telemetryRecent: 'Recent Incidents',
+      telemetryNoRecent: 'No recent incidents recorded',
+      telemetryShowLog: 'View incident log',
+      telemetryHideLog: 'Hide incident log',
       legacyDetected: 'Legacy providerId / modelId detected: active as an additional rule.',
       legacyClear: 'Clear legacy fields',
       providerId: 'Target Provider ID (legacy)',
@@ -78,24 +91,37 @@ window.__ModuleLoader__.load({
       modelPatternHint: '对模型 ID 进行不区分大小写的正则表达式匹配（默认：deepseek）。支持任意服务商前缀。',
       providers: '目标服务商（可选）',
       providersPlaceholder: '所有服务商（以逗号分隔，例如 commandcode, deepseek-official）',
-      providersHint: '以逗号分隔的服务商 ID 列表。留空则保护所有服务商。',
-      legacyDetected: '检测到旧版 providerId / modelId 配置，并作为附加精确规则生效。',
+      providersHint: '服务商 ID 列表（逗号分隔）。留空则拦截所有服务商。',
+      cleanThinkArtifacts: '清洗思维链 (<think>) 残留与末端残缺标记',
+      cleanThinkArtifactsHint: '自动剥除游离的 </think> 闭合标签、末端思维标记，并在流异常中断时清理残缺协议标记。',
+      telemetryTitle: '运行遥测与拦截统计',
+      telemetryGuarded: '已防护应答',
+      telemetryRemoved: '已剥除标签',
+      telemetryLast: '最近拦截',
+      telemetryNever: '暂无记录',
+      telemetryReset: '重置统计',
+      telemetryResetting: '正在重置…',
+      telemetryRecent: '最近拦截记录',
+      telemetryNoRecent: '暂无拦截记录',
+      telemetryShowLog: '查看记录',
+      telemetryHideLog: '收起记录',
+      legacyDetected: '检测到旧版 providerId / modelId：将作为附加规则生效。',
       legacyClear: '清除旧版配置',
-      providerId: '目标服务商标识 (Provider ID, 旧版)',
-      modelId: '目标模型标识 (Model ID, 旧版)',
-      disabledNotice: '⚠️ 守卫当前已禁用，残留的 DSML 闭合标签将直接显示在聊天界面。',
-      statusUnavailable: '配置服务不可用。',
+      providerId: '目标服务商 ID（旧版）',
+      modelId: '目标模型 ID（旧版）',
+      disabledNotice: '⚠️ 守卫当前处于禁用状态。DSML 闭合标签将直接进入聊天界面。',
+      statusUnavailable: '设置服务不可用。',
       saving: '正在保存…',
-      ready: '保存配置',
-      saved: '配置已保存',
+      ready: '保存设置',
+      saved: '设置已保存',
       saveError: '保存失败: {msg}',
     };
 
-
     const DEFAULTS = {
       mode: 'sanitize',
       modelPattern: 'deepseek',
       providers: '',
+      cleanThinkArtifacts: false,
       providerId: '',
       modelId: '',
     };
@@ -107,11 +133,23 @@ window.__ModuleLoader__.load({
       const [saving, setSaving] = React.useState(false);
       const [msg, setMsg] = React.useState('');
 
+      // Telemetry state
+      const [telemetry, setTelemetry] = React.useState({
+        totalCleaned: 0,
+        sessionsGuarded: 0,
+        lastCleanedAt: null,
+        lastModel: null,
+        lastProvider: null,
+        recent: [],
+        resetting: false,
+      });
+      const [showRecentLog, setShowRecentLog] = React.useState(false);
+
       // Updater state
       const [updateState, setUpdateState] = React.useState({
         checking: false,
         updateAvailable: false,
-        currentVersion: '0.1.5',
+        currentVersion: '0.2.13',
         latestVersion: '',
         updating: false,
         notice: '',
@@ -193,6 +231,7 @@ window.__ModuleLoader__.load({
               providers: Array.isArray(view.providers)
                 ? view.providers.join(', ')
                 : (typeof view.providers === 'string' ? view.providers : ''),
+              cleanThinkArtifacts: Boolean(view.cleanThinkArtifacts),
               providerId: view.providerId ? String(view.providerId) : '',
               modelId: view.modelId ? String(view.modelId) : '',
             });
@@ -232,6 +271,78 @@ window.__ModuleLoader__.load({
         };
       }, [scope]);
 
+      // Fetch telemetry
+      const fetchTelemetry = React.useCallback(async () => {
+        try {
+          const res = await fetch('/api/dsh-dsml-artifact-guard/stats');
+          if (!res.ok) return;
+          const data = await res.json();
+          setTelemetry(prev => ({
+            ...prev,
+            totalCleaned: data.totalCleaned || 0,
+            sessionsGuarded: data.sessionsGuarded || 0,
+            lastCleanedAt: data.lastCleanedAt || null,
+            lastModel: data.lastModel || null,
+            lastProvider: data.lastProvider || null,
+            recent: Array.isArray(data.recent) ? data.recent : [],
+          }));
+        } catch (e) {
+          /* Ignore telemetry poll errors */
+        }
+      }, []);
+
+      React.useEffect(() => {
+        fetchTelemetry();
+      }, [fetchTelemetry]);
+
+      React.useEffect(() => {
+        if (expanded) {
+          fetchTelemetry();
+        }
+      }, [expanded, fetchTelemetry]);
+
+      const onResetTelemetry = async () => {
+        if (telemetry.resetting) return;
+        setTelemetry(s => ({ ...s, resetting: true }));
+        try {
+          const res = await fetch('/api/dsh-dsml-artifact-guard/stats', {
+            method: 'POST',
+            headers: {
+              'content-type': 'application/json',
+              'x-dsh-plugin-stats': '1',
+            },
+          });
+          if (res.ok) {
+            const data = await res.json();
+            const updated = data.stats || {};
+            setTelemetry({
+              totalCleaned: updated.totalCleaned || 0,
+              sessionsGuarded: updated.sessionsGuarded || 0,
+              lastCleanedAt: updated.lastCleanedAt || null,
+              lastModel: updated.lastModel || null,
+              lastProvider: updated.lastProvider || null,
+              recent: Array.isArray(updated.recent) ? updated.recent : [],
+              resetting: false,
+            });
+          }
+        } catch (e) {
+          /* Ignore reset error */
+        } finally {
+          setTelemetry(s => ({ ...s, resetting: false }));
+        }
+      };
+
+      const formatLastActivity = (iso) => {
+        if (!iso) return tt('telemetryNever');
+        try {
+          const d = new Date(iso);
+          if (isNaN(d.getTime())) return tt('telemetryNever');
+          return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+        } catch (e) {
+          return tt('telemetryNever');
+        }
+      };
+
       // Check updater status on mount
       React.useEffect(() => {
         let cancelled = false;
@@ -299,6 +410,7 @@ window.__ModuleLoader__.load({
             ['mode', draft.mode || 'sanitize'],
             ['modelPattern', (draft.modelPattern !== undefined && draft.modelPattern !== null) ? String(draft.modelPattern).trim() : 'deepseek'],
             ['providers', draft.providers ? draft.providers.split(',').map(s => s.trim()).filter(Boolean) : []],
+            ['cleanThinkArtifacts', Boolean(draft.cleanThinkArtifacts)],
             ['providerId', draft.providerId ? String(draft.providerId).trim() : ''],
             ['modelId', draft.modelId ? String(draft.modelId).trim() : ''],
           ];
@@ -386,9 +498,7 @@ window.__ModuleLoader__.load({
           )
         );
 
-        // Body. The row/page seat asks for the form alone: the host page draws
-        // the title, icon and crumb and supplies its own padding, so rendering
-        // our card chrome there would double the border and shift the block.
+        // Body.
         const body = React.createElement('div', {
           style: {
             padding: bare ? '0' : '0 16px 16px',
@@ -454,6 +564,153 @@ window.__ModuleLoader__.load({
             },
           }, updateState.notice),
 
+          // Telemetry Block
+          React.createElement('div', {
+            style: {
+              padding: '12px 14px',
+              marginBottom: 14,
+              background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent)',
+              borderRadius: 8,
+              border: '1px solid var(--dsw-alias-border-l2)',
+              display: 'flex',
+              flexDirection: 'column',
+              gap: 8,
+            },
+          },
+            React.createElement('div', {
+              style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+              },
+            },
+              React.createElement('span', {
+                style: { fontSize: 12, fontWeight: 600, color: 'var(--dsw-alias-label-primary)' },
+              }, '📊 ' + tt('telemetryTitle')),
+              React.createElement('button', {
+                type: 'button',
+                onClick: onResetTelemetry,
+                disabled: telemetry.resetting,
+                style: {
+                  padding: '3px 8px',
+                  borderRadius: 4,
+                  fontSize: 11,
+                  border: 0,
+                  background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent)',
+                  color: 'var(--dsw-alias-label-secondary)',
+                  cursor: telemetry.resetting ? 'default' : 'pointer',
+                },
+              }, telemetry.resetting ? tt('telemetryResetting') : tt('telemetryReset'))
+            ),
+            React.createElement('div', {
+              style: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(auto-fit, minmax(110px, 1fr))',
+                gap: 8,
+              },
+            },
+              React.createElement('div', {
+                style: {
+                  padding: '8px 10px',
+                  borderRadius: 6,
+                  background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 2,
+                },
+              },
+                React.createElement('span', { style: { fontSize: 11, color: 'var(--dsw-alias-label-tertiary)' } }, tt('telemetryGuarded')),
+                React.createElement('span', { style: { fontSize: 15, fontWeight: 600, color: 'var(--dsw-alias-label-primary)' } }, String(telemetry.sessionsGuarded))
+              ),
+              React.createElement('div', {
+                style: {
+                  padding: '8px 10px',
+                  borderRadius: 6,
+                  background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 2,
+                },
+              },
+                React.createElement('span', { style: { fontSize: 11, color: 'var(--dsw-alias-label-tertiary)' } }, tt('telemetryRemoved')),
+                React.createElement('span', { style: { fontSize: 15, fontWeight: 600, color: 'var(--dsw-alias-brand-primary, var(--dsw-alias-state-brand-primary))' } }, String(telemetry.totalCleaned))
+              ),
+              React.createElement('div', {
+                style: {
+                  padding: '8px 10px',
+                  borderRadius: 6,
+                  background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)',
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 2,
+                },
+              },
+                React.createElement('span', { style: { fontSize: 11, color: 'var(--dsw-alias-label-tertiary)' } }, tt('telemetryLast')),
+                React.createElement('span', { style: { fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-label-secondary)' } }, formatLastActivity(telemetry.lastCleanedAt))
+              )
+            ),
+            telemetry.recent.length > 0 && React.createElement('div', {
+              style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 6,
+                marginTop: 4,
+                paddingTop: 8,
+                borderTop: '1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 50%, transparent)',
+              },
+            },
+              React.createElement('button', {
+                type: 'button',
+                onClick: () => setShowRecentLog(v => !v),
+                style: {
+                  background: 'transparent',
+                  border: 0,
+                  padding: 0,
+                  fontSize: 11,
+                  color: 'var(--dsw-alias-brand-primary, var(--dsw-alias-label-primary))',
+                  cursor: 'pointer',
+                  textAlign: 'left',
+                  textDecoration: 'underline',
+                },
+              }, showRecentLog ? tt('telemetryHideLog') : tt('telemetryShowLog') + ' (' + telemetry.recent.length + ')'),
+              showRecentLog && React.createElement('div', {
+                style: {
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 4,
+                  maxHeight: 140,
+                  overflowY: 'auto',
+                  fontSize: 11,
+                  fontFamily: 'monospace',
+                },
+              },
+                telemetry.recent.map(ev =>
+                  React.createElement('div', {
+                    key: ev.id,
+                    style: {
+                      padding: '4px 6px',
+                      borderRadius: 4,
+                      background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)',
+                      color: 'var(--dsw-alias-label-secondary)',
+                      display: 'flex',
+                      justifyContent: 'space-between',
+                      alignItems: 'center',
+                      gap: 6,
+                    },
+                  },
+                    React.createElement('span', null, formatLastActivity(ev.timestamp) + ' ' + (ev.model ? '[' + ev.model + ']' : '')),
+                    React.createElement('span', {
+                      style: {
+                        color: 'var(--dsw-alias-state-warning-primary)',
+                        fontWeight: 600,
+                      },
+                    }, '-' + ev.removed + ' ' + ev.type)
+                  )
+                )
+              )
+            )
+          ),
+
           // Disabled Warning Banner
           isDisabled && React.createElement('div', {
             style: {
@@ -551,6 +808,38 @@ window.__ModuleLoader__.load({
               }, tt('providersHint'))
             ),
 
+            // Clean Think Artifacts Checkbox
+            React.createElement('div', {
+              style: {
+                display: 'flex',
+                alignItems: 'flex-start',
+                gap: 10,
+                padding: '8px 10px',
+                borderRadius: 6,
+                background: 'color-mix(in srgb, var(--dsw-alias-label-primary) 3%, transparent)',
+                border: '1px solid var(--dsw-alias-border-l2)',
+              },
+            },
+              React.createElement('input', {
+                type: 'checkbox',
+                id: 'clean-think-artifacts',
+                checked: draft.cleanThinkArtifacts,
+                onChange: (e) => setDraft(d => ({ ...d, cleanThinkArtifacts: e.target.checked })),
+                style: { marginTop: 2, cursor: 'pointer' },
+              }),
+              React.createElement('label', {
+                htmlFor: 'clean-think-artifacts',
+                style: { display: 'flex', flexDirection: 'column', gap: 2, cursor: 'pointer' },
+              },
+                React.createElement('span', {
+                  style: { fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-label-primary)' },
+                }, tt('cleanThinkArtifacts')),
+                React.createElement('span', {
+                  style: { fontSize: 11, color: 'var(--dsw-alias-label-tertiary)', lineHeight: '1.4' },
+                }, tt('cleanThinkArtifactsHint'))
+              )
+            ),
+
             // Legacy Provider/Model notice if detected
             (draft.providerId || draft.modelId) && React.createElement('div', {
               style: {
@@ -648,8 +937,6 @@ window.__ModuleLoader__.load({
     }
 
     // View-aware entry for the host slots that carry a configuration page.
-    // 'plugins.row.config' asks for view:'summary' (the one-liner under the row
-    // title) and view:'page' (the form, bare). The older seat keeps the card.
     function PluginItem(props) {
       if (props && props.view === 'summary') {
         const tBind = (props && props.ctx && typeof props.ctx.locale?.bind === 'function')
@@ -722,11 +1009,7 @@ window.__ModuleLoader__.load({
       );
 
       // List seat (plugins.item): the seat the Plugins page really renders as the
-      // plugin's own page with its configuration — the page draws the title, icon
-      // and crumb and asks for view 'summary' (the card's one-liner) or view 'page'
-      // (the form), both served by PluginItem. The label is a static string on
-      // purpose: it is resolved while the page renders, and a locale lookup there
-      // would take the whole client batch down with it.
+      // plugin's own page with its configuration.
       registerSlotWhenReady('plugins.item', () =>
         ctx.slots.register(
           {