refactor: 全局重构原生弹窗为自定义 Modal 并同步更新项目文档

- 替换所有不可用的 `alert`, `confirm`, `prompt` 调用为异步的自定义 `Modal` 组件以适配 Tauri WebView 的 API 限制。
- 优化与重构核心服务组件接口，增加模型有效性测试 (`test_model`) 以及依赖更新支持。
- 同步补齐 `README.md` 与 `CHANGELOG.md` 新增的系统特性说明（含仪表盘、日记、存储、重构页面调整）。

src/pages/extensions.js

@@ -5,7 +5,15 @@
 import { api } from '../lib/tauri-api.js'
 import { toast } from '../components/toast.js'
 
-let _delegated = false
+// HTML 转义，防止 XSS
+function escapeHtml(str) {
+  if (!str) return ''
+  return String(str)
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
 
 export async function render() {
   const page = document.createElement('div')
@@ -18,10 +26,12 @@ export async function render() {
     </div>
     <div id="cftunnel-card" class="config-section">
       <div class="config-section-title">cftunnel 内网穿透</div>
+      <div class="form-hint" style="margin-bottom:var(--space-md)">通过 Cloudflare Tunnel 将本地服务暴露到公网，无需公网 IP 和端口映射。</div>
       <div id="cftunnel-content">加载中...</div>
     </div>
     <div id="clawapp-card" class="config-section">
       <div class="config-section-title">ClawApp 移动客户端</div>
+      <div class="form-hint" style="margin-bottom:var(--space-md)">基于 LobeChat 的 AI 对话客户端，通过 Gateway 连接模型服务。支持本地和外网访问。</div>
       <div id="clawapp-content">加载中...</div>
     </div>
   `
@@ -150,9 +160,6 @@ function renderClawapp(el, s) {
 // ===== 事件绑定 =====
 
 function bindEvents(page) {
-  if (_delegated) return
-  _delegated = true
-
   page.addEventListener('click', async (e) => {
     const btn = e.target.closest('[data-action]')
     if (!btn) return
@@ -206,7 +213,7 @@ async function handleCftunnelLogs(page) {
           <span style="font-weight:600;font-size:var(--font-size-sm)">最近日志</span>
           <button class="btn btn-secondary btn-sm" data-action="cftunnel-logs">收起</button>
         </div>
-        <pre class="log-viewer">${logs || '暂无日志'}</pre>
+        <pre class="log-viewer">${escapeHtml(logs) || '暂无日志'}</pre>
       </div>
     `
   } catch (e) {