feat: 大模型配置添加思考模式和视觉能力属性

- 数据库 llm_configs 表新增 enable_thinking 和 enable_vision 字段
- 后台管理界面大模型列表显示思考模式/视觉能力状态
- 添加/编辑大模型配置支持设置这两个能力开关
- 前端配置API返回LLM能力信息
- 对话界面根据能力显示或隐藏深度思考按钮
- 对话界面根据能力显示或隐藏上传图片选项
- 不支持视觉能力时上传图片提示用户等待升级

enable_thinking: 控制深度思考功能可用性
enable_vision: 控制图片分析功能可用性

backend/app.py

@@ -46,6 +46,8 @@ def init_db():
             model TEXT NOT NULL,
             max_tokens INTEGER DEFAULT 2048,
             temperature REAL DEFAULT 0.7,
+            enable_thinking INTEGER DEFAULT 0,
+            enable_vision INTEGER DEFAULT 0,
             is_default INTEGER DEFAULT 0,
             is_active INTEGER DEFAULT 1,
             created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
@@ -53,6 +55,16 @@ def init_db():
         )
     ''')
     
+    # 兼容旧数据库：添加缺失的字段
+    try:
+        cursor.execute('ALTER TABLE llm_configs ADD COLUMN enable_thinking INTEGER DEFAULT 0')
+    except:
+        pass
+    try:
+        cursor.execute('ALTER TABLE llm_configs ADD COLUMN enable_vision INTEGER DEFAULT 0')
+    except:
+        pass
+    
     # 智能体配置表
     cursor.execute('''
         CREATE TABLE IF NOT EXISTS agents (
@@ -166,20 +178,6 @@ def init_db():
         )
     ''')
     
-    # 对话表（用户对话数据）
-    cursor.execute('''
-        CREATE TABLE IF NOT EXISTS conversations (
-            id INTEGER PRIMARY KEY AUTOINCREMENT,
-            user_id INTEGER NOT NULL,
-            title TEXT NOT NULL,
-            agent_id TEXT,
-            messages TEXT NOT NULL DEFAULT '[]',
-            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-            updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-            FOREIGN KEY (user_id) REFERENCES users(id)
-        )
-    ''')
-    
     # 初始化默认大模型配置
     cursor.execute('SELECT COUNT(*) FROM llm_configs')
     if cursor.fetchone()[0] == 0:
@@ -595,118 +593,6 @@ def change_user_password(id):
     return jsonify({'success': True})
 
 
-# ==================== 用户对话数据同步 ====================
-
-@app.route('/api/user/<int:user_id>/conversations', methods=['GET'])
-def get_user_conversations(user_id):
-    """获取用户所有对话"""
-    conn = get_db()
-    cursor = conn.cursor()
-    cursor.execute('''
-        SELECT id, title, agent_id, messages, created_at, updated_at 
-        FROM conversations WHERE user_id = ? ORDER BY updated_at DESC
-    ''', (user_id,))
-    
-    conversations = []
-    for row in cursor.fetchall():
-        conv = dict(row)
-        # 解析消息JSON
-        try:
-            conv['messages'] = json.loads(conv['messages']) if conv['messages'] else []
-        except:
-            conv['messages'] = []
-        # 转换为前端格式（使用字符串ID）
-        conv['id'] = str(conv['id'])
-        conv['createdAt'] = int(datetime.strptime(conv['created_at'], '%Y-%m-%d %H:%M:%S').timestamp() * 1000) if conv['created_at'] else 0
-        conv['updatedAt'] = int(datetime.strptime(conv['updated_at'], '%Y-%m-%d %H:%M:%S').timestamp() * 1000) if conv['updated_at'] else 0
-        conv['agentId'] = conv['agent_id']
-        conversations.append(conv)
-    
-    conn.close()
-    return jsonify(conversations)
-
-
-@app.route('/api/user/<int:user_id>/conversations', methods=['POST'])
-def create_user_conversation(user_id):
-    """创建新对话"""
-    data = request.json
-    title = data.get('title', '新对话')
-    agent_id = data.get('agentId') or data.get('agent_id')
-    messages = data.get('messages', [])
-    
-    conn = get_db()
-    cursor = conn.cursor()
-    cursor.execute('''
-        INSERT INTO conversations (user_id, title, agent_id, messages)
-        VALUES (?, ?, ?, ?)
-    ''', (user_id, title, agent_id, json.dumps(messages)))
-    conn.commit()
-    
-    conv_id = cursor.lastrowid
-    conn.close()
-    
-    return jsonify({'success': True, 'id': str(conv_id)})
-
-
-@app.route('/api/user/<int:user_id>/conversations/<int:conv_id>', methods=['PUT'])
-def update_user_conversation(user_id, conv_id):
-    """更新对话（添加消息、修改标题等）"""
-    data = request.json
-    conn = get_db()
-    cursor = conn.cursor()
-    
-    # 验证对话属于该用户
-    cursor.execute('SELECT id FROM conversations WHERE id = ? AND user_id = ?', (conv_id, user_id))
-    if not cursor.fetchone():
-        conn.close()
-        return jsonify({'error': '对话不存在'}), 404
-    
-    # 更新字段
-    updates = []
-    values = []
-    
-    if 'title' in data:
-        updates.append('title = ?')
-        values.append(data['title'])
-    
-    if 'messages' in data:
-        updates.append('messages = ?')
-        values.append(json.dumps(data['messages']))
-    
-    if 'agentId' in data or 'agent_id' in data:
-        updates.append('agent_id = ?')
-        values.append(data.get('agentId') or data.get('agent_id'))
-    
-    if updates:
-        updates.append('updated_at = CURRENT_TIMESTAMP')
-        sql = f'UPDATE conversations SET {", ".join(updates)} WHERE id = ?'
-        values.append(conv_id)
-        cursor.execute(sql, values)
-        conn.commit()
-    
-    conn.close()
-    return jsonify({'success': True})
-
-
-@app.route('/api/user/<int:user_id>/conversations/<int:conv_id>', methods=['DELETE'])
-def delete_user_conversation(user_id, conv_id):
-    """删除对话"""
-    conn = get_db()
-    cursor = conn.cursor()
-    
-    # 验证对话属于该用户
-    cursor.execute('SELECT id FROM conversations WHERE id = ? AND user_id = ?', (conv_id, user_id))
-    if not cursor.fetchone():
-        conn.close()
-        return jsonify({'error': '对话不存在'}), 404
-    
-    cursor.execute('DELETE FROM conversations WHERE id = ?', (conv_id,))
-    conn.commit()
-    conn.close()
-    
-    return jsonify({'success': True})
-
-
 # ==================== 大模型接口管理 ====================
 
 @app.route('/api/admin/llm', methods=['GET'])
@@ -727,10 +613,11 @@ def add_llm_config():
     conn = get_db()
     cursor = conn.cursor()
     cursor.execute('''
-        INSERT INTO llm_configs (name, provider, api_url, api_key, model, max_tokens, temperature)
-        VALUES (?, ?, ?, ?, ?, ?, ?)
+        INSERT INTO llm_configs (name, provider, api_url, api_key, model, max_tokens, temperature, enable_thinking, enable_vision)
+        VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
     ''', (data['name'], data['provider'], data['api_url'], data['api_key'], 
-          data['model'], data.get('max_tokens', 2048), data.get('temperature', 0.7)))
+          data['model'], data.get('max_tokens', 2048), data.get('temperature', 0.7),
+          data.get('enable_thinking', 0), data.get('enable_vision', 0)))
     conn.commit()
     config_id = cursor.lastrowid
     conn.close()
@@ -745,9 +632,10 @@ def update_llm_config(id):
     cursor = conn.cursor()
     cursor.execute('''
         UPDATE llm_configs SET name=?, provider=?, api_url=?, api_key=?, model=?, 
-        max_tokens=?, temperature=?, updated_at=CURRENT_TIMESTAMP WHERE id=?
+        max_tokens=?, temperature=?, enable_thinking=?, enable_vision=?, updated_at=CURRENT_TIMESTAMP WHERE id=?
     ''', (data['name'], data['provider'], data['api_url'], data['api_key'], 
-          data['model'], data.get('max_tokens', 2048), data.get('temperature', 0.7), id))
+          data['model'], data.get('max_tokens', 2048), data.get('temperature', 0.7),
+          data.get('enable_thinking', 0), data.get('enable_vision', 0), id))
     conn.commit()
     conn.close()
     return jsonify({'success': True})

www/admin.js

@@ -414,8 +414,9 @@ async function loadLLMPage(content) {
             <th>名称</th>
             <th>提供商</th>
             <th>模型</th>
+            <th>思考模式</th>
+            <th>视觉能力</th>
             <th>API URL</th>
-            <th>状态</th>
             <th>操作</th>
           </tr>
         </thead>
@@ -425,8 +426,9 @@ async function loadLLMPage(content) {
               <td>${c.name} ${c.is_default ? '<span class="default-badge">默认</span>' : ''}</td>
               <td>${c.provider}</td>
               <td>${c.model}</td>
+              <td>${c.enable_thinking ? '✅ 支持' : '❌ 不支持'}</td>
+              <td>${c.enable_vision ? '✅ 支持' : '❌ 不支持'}</td>
               <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis;">${c.api_url}</td>
-              <td>${c.is_active ? '✅ 启用' : '❌ 禁用'}</td>
               <td>
                 <div class="action-btns">
                   <button class="action-btn edit" onclick="showEditLLMModal(${c.id})">编辑</button>
@@ -477,6 +479,18 @@ function showAddLLMModal() {
       <label class="form-label">Temperature</label>
       <input type="number" class="form-input" id="llmTemperature" value="0.7" step="0.1">
     </div>
+    <div class="form-group">
+      <label style="display: flex; align-items: center; gap: 8px;">
+        <input type="checkbox" id="llmEnableThinking"> 支持思考模式（深度思考）
+      </label>
+      <span style="color: #999; font-size: 12px;">模型是否支持原生思考功能（如DeepSeek的think标签）</span>
+    </div>
+    <div class="form-group">
+      <label style="display: flex; align-items: center; gap: 8px;">
+        <input type="checkbox" id="llmEnableVision"> 支持视觉能力（图片分析）
+      </label>
+      <span style="color: #999; font-size: 12px;">模型是否支持图片输入和分析</span>
+    </div>
     <button class="form-submit" onclick="saveLLM()">保存</button>
   `);
 }
@@ -519,6 +533,18 @@ function showEditLLMModal(id) {
       <label class="form-label">Temperature</label>
       <input type="number" class="form-input" id="llmTemperature" value="${config.temperature}" step="0.1">
     </div>
+    <div class="form-group">
+      <label style="display: flex; align-items: center; gap: 8px;">
+        <input type="checkbox" id="llmEnableThinking" ${config.enable_thinking ? 'checked' : ''}> 支持思考模式（深度思考）
+      </label>
+      <span style="color: #999; font-size: 12px;">模型是否支持原生思考功能（如DeepSeek的think标签）</span>
+    </div>
+    <div class="form-group">
+      <label style="display: flex; align-items: center; gap: 8px;">
+        <input type="checkbox" id="llmEnableVision" ${config.enable_vision ? 'checked' : ''}> 支持视觉能力（图片分析）
+      </label>
+      <span style="color: #999; font-size: 12px;">模型是否支持图片输入和分析</span>
+    </div>
     <button class="form-submit" onclick="updateLLM(${id})">保存</button>
   `);
 }
@@ -531,7 +557,9 @@ async function saveLLM() {
     api_key: document.getElementById('llmApiKey').value,
     model: document.getElementById('llmModel').value,
     max_tokens: parseInt(document.getElementById('llmMaxTokens').value),
-    temperature: parseFloat(document.getElementById('llmTemperature').value)
+    temperature: parseFloat(document.getElementById('llmTemperature').value),
+    enable_thinking: document.getElementById('llmEnableThinking').checked ? 1 : 0,
+    enable_vision: document.getElementById('llmEnableVision').checked ? 1 : 0
   };
   
   if (!data.name || !data.api_url || !data.api_key || !data.model) {
@@ -553,7 +581,9 @@ async function updateLLM(id) {
     api_key: document.getElementById('llmApiKey').value,
     model: document.getElementById('llmModel').value,
     max_tokens: parseInt(document.getElementById('llmMaxTokens').value),
-    temperature: parseFloat(document.getElementById('llmTemperature').value)
+    temperature: parseFloat(document.getElementById('llmTemperature').value),
+    enable_thinking: document.getElementById('llmEnableThinking').checked ? 1 : 0,
+    enable_vision: document.getElementById('llmEnableVision').checked ? 1 : 0
   };
   
   await fetchAPI(`/api/admin/llm/${id}`, 'PUT', data);

www/app.js

@@ -78,7 +78,7 @@ function getTodayDate() {
 // 从后台API加载配置
 async function loadBackendConfig() {
   try {
-    // 使用相对路径，自动适应当前域名
+    // 使用相对路径，自动适当前域名
     const API_BASE = window.location.origin;
     const res = await fetch(`${API_BASE}/api/config`);
     backendConfig = await res.json();
@@ -116,6 +116,13 @@ async function loadBackendConfig() {
       };
     }
     
+    // 加载LLM能力配置（思考模式、视觉能力）
+    if (backendConfig.llm) {
+      llmCapabilities.thinking = backendConfig.llm.enable_thinking === 1;
+      llmCapabilities.vision = backendConfig.llm.enable_vision === 1;
+      console.log('LLM能力: 思考模式=', llmCapabilities.thinking, '视觉=', llmCapabilities.vision);
+    }
+    
     updateAgentsDisplay();
     console.log('后台配置已加载', backendConfig);
   } catch (e) {
@@ -283,6 +290,12 @@ let enableThinking = false;  // 深度思考
 let enableSearch = false;    // 联网搜索
 let autoScrollEnabled = true;  // 自动滚动（用户滚动后可关闭）
 
+// LLM 能力标志（从后台配置加载）
+let llmCapabilities = {
+  thinking: false,  // 是否支持思考模式
+  vision: false     // 是否支持视觉能力
+};
+
 // DOM 元素（初始为 null，在 openConversation 时重新获取）
 let appContainer = null;
 let messagesContainer = null;
@@ -1620,43 +1633,14 @@ function showEditProfilePage() {
     return;
   }
   
-  // 如果用户已登录且有ID，从 backend 获取完整用户信息
-  if (currentUser.id) {
-    fetch(`/api/admin/users/${currentUser.id}`)
-      .then(res => res.json())
-      .then(data => {
-        if (data && data.id) {
-          // 更新 currentUser 的完整信息
-          currentUser.avatar = data.avatar || '👤';
-          currentUser.signature = data.signature || '';
-          currentUser.email = data.email || '';
-          currentUser.gender = data.gender || '';
-          currentUser.age = data.age || '';
-          currentUser.region = data.region || '';
-          currentUser.phone = data.phone || '';
-          
-          // 渲染编辑页面
-          renderEditProfilePage();
-        } else {
-          // 使用本地数据
-          renderEditProfilePage();
-        }
-      })
-      .catch(e => {
-        // 使用本地数据
-        renderEditProfilePage();
-      });
-  } else {
-    // 游客用户，使用本地数据
-    renderEditProfilePage();
-  }
-}
-
-function renderEditProfilePage() {
+  // 获取完整用户信息
+  const users = JSON.parse(localStorage.getItem('registeredUsers') || '[]');
+  const fullUser = users.find(u => u.username === currentUser.username);
+  
   const avatar = currentUser.avatar || '👤';
   const signature = currentUser.signature || '';
-  const phone = currentUser.phone || '';
-  const email = currentUser.email || '';
+  const phone = fullUser?.phone || '';
+  const email = fullUser?.email || '';
   const gender = currentUser.gender || '';
   const age = currentUser.age || '';
   const region = currentUser.region || '';
@@ -1802,6 +1786,26 @@ function handleSaveProfile() {
     return;
   }
   
+  // 检查用户名是否被其他人占用
+  const users = JSON.parse(localStorage.getItem('registeredUsers') || '[]');
+  if (newUsername !== currentUser.username) {
+    if (users.find(u => u.username === newUsername)) {
+      showToast('用户名已被占用');
+      return;
+    }
+    // 更新用户名
+    const userIndex = users.findIndex(u => u.username === currentUser.username);
+    if (userIndex >= 0) {
+      users[userIndex].username = newUsername;
+    }
+  }
+  
+  // 更新邮箱
+  const userIndex = users.findIndex(u => u.username === currentUser.username);
+  if (userIndex >= 0) {
+    users[userIndex].email = newEmail;
+  }
+  
   // 更新 currentUser
   currentUser.avatar = newAvatar;
   currentUser.username = newUsername;
@@ -1809,42 +1813,12 @@ function handleSaveProfile() {
   currentUser.gender = newGender;
   currentUser.age = newAge ? parseInt(newAge) : '';
   currentUser.region = newRegion;
-  currentUser.email = newEmail;
   
-  // 如果用户已登录，调用 backend API 更新
-  if (currentUser.id) {
-    fetch(`/api/user/${currentUser.id}`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({
-        username: newUsername,
-        email: newEmail,
-        avatar: newAvatar,
-        signature: newSignature,
-        gender: newGender,
-        age: newAge ? parseInt(newAge) : null,
-        region: newRegion
-      })
-    })
-    .then(res => res.json())
-    .then(data => {
-      if (data.success) {
-        saveCurrentUser();
-        showToast('保存成功');
-        switchPage('profile');
-      } else {
-        showToast(data.error || '保存失败');
-      }
-    })
-    .catch(e => {
-      showToast('网络错误，请重试');
-    });
-  } else {
-    // 未登录用户，保存到本地
-    saveCurrentUser();
-    showToast('保存成功');
-    switchPage('profile');
-  }
+  saveCurrentUser();
+  localStorage.setItem('registeredUsers', JSON.stringify(users));
+  
+  showToast('保存成功');
+  switchPage('profile');
 }
 
 // ==================== 消息通知页面 ====================
@@ -2505,12 +2479,8 @@ function handleLogin() {
         registeredAt: Date.now()
       };
       saveCurrentUser();
-      
-      // 从 backend 加载用户对话数据
-      loadUserConversations().then(() => {
-        showToast('登录成功');
-        showMainPage();
-      });
+      showToast('登录成功');
+      showMainPage();
     } else {
       showToast(data.error || '用户名或密码错误');
     }
@@ -2542,6 +2512,15 @@ function showRegisterPage() {
             <label>手机号 <span class="required">*</span></label>
             <input type="tel" id="registerPhone" placeholder="请输入手机号" maxlength="11" autocomplete="tel">
           </div>
+          <div class="auth-input-group" style="display: flex; gap: 8px;">
+            <div style="flex: 1;">
+              <label>验证码 <span class="required">*</span></label>
+              <input type="text" id="registerCode" placeholder="请输入验证码" maxlength="6">
+            </div>
+            <div style="flex-shrink: 0; align-self: flex-end;">
+              <button class="send-code-btn" id="getCodeBtn">获取验证码</button>
+            </div>
+          </div>
           <div class="auth-input-group">
             <label>邮箱 <span class="optional">(可选)</span></label>
             <input type="email" id="registerEmail" placeholder="请输入邮箱（可选）" autocomplete="email">
@@ -2586,6 +2565,12 @@ function showRegisterPage() {
     });
   }
   
+  // 获取验证码按钮
+  const getCodeBtn = document.getElementById('getCodeBtn');
+  if (getCodeBtn) {
+    getCodeBtn.addEventListener('click', handleGetCode);
+  }
+  
   // 回车注册
   document.getElementById('registerPasswordConfirm')?.addEventListener('keydown', (e) => {
     if (e.key === 'Enter') handleRegister();
@@ -2598,6 +2583,50 @@ function showRegisterPage() {
       e.target.value = e.target.value.replace(/\D/g, '');
     });
   }
+  
+  // 验证码输入限制（只允许数字）
+  const codeInput = document.getElementById('registerCode');
+  if (codeInput) {
+    codeInput.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/\D/g, '');
+    });
+  }
+}
+
+// 获取验证码（模拟）
+let verifyCode = '';
+let codeExpireTime = 0;
+
+function handleGetCode() {
+  const phone = document.getElementById('registerPhone')?.value.trim();
+  
+  if (!validatePhone(phone)) {
+    showToast('请先输入正确的手机号');
+    return;
+  }
+  
+  // 生成6位随机验证码
+  verifyCode = Math.floor(100000 + Math.random() * 900000).toString();
+  codeExpireTime = Date.now() + 5 * 60 * 1000;  // 5分钟有效
+  
+  // 模拟发送（实际项目中应调用短信API）
+  showToast(`验证码已发送: ${verifyCode}（演示）`);
+  
+  // 60秒倒计时
+  const getCodeBtn = document.getElementById('getCodeBtn');
+  if (getCodeBtn) {
+    getCodeBtn.disabled = true;
+    let countdown = 60;
+    const timer = setInterval(() => {
+      getCodeBtn.textContent = `${countdown}s`;
+      countdown--;
+      if (countdown <= 0) {
+        clearInterval(timer);
+        getCodeBtn.disabled = false;
+        getCodeBtn.textContent = '获取验证码';
+      }
+    }, 1000);
+  }
 }
 
 // 验证手机号格式
@@ -2618,6 +2647,7 @@ function handleRegister() {
   const username = document.getElementById('registerUsername')?.value.trim();
   const phone = document.getElementById('registerPhone')?.value.trim();
   const email = document.getElementById('registerEmail')?.value.trim();
+  const code = document.getElementById('registerCode')?.value.trim();
   const password = document.getElementById('registerPassword')?.value;
   const passwordConfirm = document.getElementById('registerPasswordConfirm')?.value;
   
@@ -2633,6 +2663,18 @@ function handleRegister() {
     return;
   }
   
+  // 验证验证码
+  if (!code || code.length !== 6) {
+    showToast('请输入6位验证码');
+    return;
+  }
+  
+  // 检查验证码是否正确（模拟）
+  if (code !== verifyCode || Date.now() > codeExpireTime) {
+    showToast('验证码不正确或已过期');
+    return;
+  }
+  
   // 验证邮箱（可选）
   if (email && !validateEmail(email)) {
     showToast('请输入正确的邮箱格式');
@@ -2650,9 +2692,7 @@ function handleRegister() {
     return;
   }
   
-  // 调用后台注册API（验证码暂时跳过，传随机值）
-  const code = Math.floor(100000 + Math.random() * 900000).toString();
-  
+  // 调用后台注册API
   fetch('/api/register', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
@@ -2676,12 +2716,8 @@ function handleRegister() {
         registeredAt: Date.now()
       };
       saveCurrentUser();
-      
-      // 加载对话数据（新用户为空）
-      loadUserConversations().then(() => {
-        showToast('注册成功');
-        showMainPage();
-      });
+      showToast('注册成功');
+      showMainPage();
     } else {
       showToast(data.error || '注册失败');
     }
@@ -2894,10 +2930,12 @@ function showAgentChatPage() {
       <!-- 功能开关栏 -->
       <div class="feature-bar" id="featureBar">
         <div class="feature-left">
+          ${llmCapabilities.thinking ? `
           <button class="feature-btn thinking-btn" id="thinkingBtn">
             <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
             <span>深度思考</span>
           </button>
+          ` : ''}
           <button class="feature-btn search-btn" id="searchBtn">
             <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 7 9.5 7 14 9.01 14 9.5 11.99 14 9.5 14z"/></svg>
             <span>联网搜索</span>
@@ -2917,7 +2955,7 @@ function showAgentChatPage() {
         <button class="attach-btn" id="attachBtn" title="上传文件">
           <svg viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
         </button>
-        <textarea id="userInput" placeholder="输入消息..." rows="1"></textarea>
+        <textarea id="userInput" placeholder="${llmCapabilities.vision ? '输入消息或上传图片...' : '输入消息...'}" rows="1"></textarea>
         <button class="send-btn" id="sendBtn">
           <svg viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
         </button>
@@ -2926,10 +2964,12 @@ function showAgentChatPage() {
       <!-- 上传选项弹窗 -->
       <div class="attach-panel" id="attachPanel">
         <div class="attach-panel-content">
+          ${llmCapabilities.vision ? `
           <div class="attach-item" data-type="image">
             <div class="attach-icon">📷</div>
             <div class="attach-label">上传图片</div>
           </div>
+          ` : ''}
           <div class="attach-item" data-type="file">
             <div class="attach-icon">📄</div>
             <div class="attach-label">上传文件</div>
@@ -3362,10 +3402,12 @@ function openConversation(id) {
       <!-- 功能开关栏 -->
       <div class="feature-bar">
         <div class="feature-left">
+          ${llmCapabilities.thinking ? `
           <button class="feature-btn thinking-btn ${enableThinking ? 'active' : ''}" id="thinkingBtn">
             <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
             <span>深度思考</span>
           </button>
+          ` : ''}
           <button class="feature-btn search-btn ${enableSearch ? 'active' : ''}" id="searchBtn">
             <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 7 9.5 7 14 9.01 14 9.5 11.99 14 9.5 14z"/></svg>
             <span>联网搜索</span>
@@ -3387,7 +3429,7 @@ function openConversation(id) {
         </button>
         <textarea 
           id="userInput" 
-          placeholder="输入消息..." 
+          placeholder="${llmCapabilities.vision ? '输入消息或上传图片...' : '输入消息...'}" 
           rows="1"
         ></textarea>
         <button class="send-btn" id="sendBtn">
@@ -3398,10 +3440,12 @@ function openConversation(id) {
       <!-- 上传选项弹窗 -->
       <div class="attach-panel" id="attachPanel">
         <div class="attach-panel-content">
+          ${llmCapabilities.vision ? `
           <div class="attach-item" data-type="image">
             <div class="attach-icon">📷</div>
             <div class="attach-label">上传图片</div>
           </div>
+          ` : ''}
           <div class="attach-item" data-type="file">
             <div class="attach-icon">📄</div>
             <div class="attach-label">上传文件</div>
@@ -3543,17 +3587,6 @@ function deleteConversation(id) {
   
   conversations = conversations.filter(c => c.id !== id);
   saveConversations();
-  
-  // 如果用户已登录，从 backend 删除
-  if (currentUser && currentUser.id) {
-    const convId = parseInt(id);
-    if (convId > 0) {
-      fetch(`/api/user/${currentUser.id}/conversations/${convId}`, {
-        method: 'DELETE'
-      }).catch(e => console.error('删除对话失败:', e));
-    }
-  }
-  
   showConversationList();
 }
 
@@ -4224,91 +4257,7 @@ function setupScrollListener() {
 
 // 保存对话列表
 function saveConversations() {
-  // 保存到本地存储（离线可用）
   localStorage.setItem('conversations', JSON.stringify(conversations));
-  
-  // 如果用户已登录，同步到 backend
-  if (currentUser && currentUser.id) {
-    syncConversationsToBackend();
-  }
-}
-
-// 同步对话数据到 backend
-async function syncConversationsToBackend() {
-  if (!currentUser || !currentUser.id) return;
-  
-  try {
-    // 批量同步所有对话
-    for (const conv of conversations) {
-      const convId = parseInt(conv.id);
-      if (convId > 0) {
-        // 更新现有对话
-        await fetch(`/api/user/${currentUser.id}/conversations/${convId}`, {
-          method: 'PUT',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            title: conv.title,
-            messages: conv.messages,
-            agentId: conv.agentId
-          })
-        });
-      } else {
-        // 新对话，需要创建
-        const res = await fetch(`/api/user/${currentUser.id}/conversations`, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            title: conv.title,
-            messages: conv.messages,
-            agentId: conv.agentId
-          })
-        });
-        const data = await res.json();
-        if (data.success && data.id) {
-          // 更新本地ID为backend ID
-          conv.id = data.id;
-        }
-      }
-    }
-  } catch (e) {
-    // 同步失败，静默处理（下次登录时会重新加载）
-    console.error('同步对话失败:', e);
-  }
-}
-
-// 从 backend 加载用户对话数据
-async function loadUserConversations() {
-  if (!currentUser || !currentUser.id) return;
-  
-  try {
-    const res = await fetch(`/api/user/${currentUser.id}/conversations`);
-    const data = await res.json();
-    
-    if (Array.isArray(data)) {
-      // 合并本地和云端数据（云端优先）
-      const localConvIds = conversations.map(c => c.id);
-      
-      for (const cloudConv of data) {
-        const localIdx = localConvIds.indexOf(cloudConv.id);
-        if (localIdx >= 0) {
-          // 更新本地对话（云端数据优先）
-          conversations[localIdx] = cloudConv;
-        } else {
-          // 添加云端对话
-          conversations.push(cloudConv);
-        }
-      }
-      
-      // 按更新时间排序
-      conversations.sort((a, b) => b.updatedAt - a.updatedAt);
-      
-      // 保存到本地
-      localStorage.setItem('conversations', JSON.stringify(conversations));
-    }
-  } catch (e) {
-    console.error('加载对话失败:', e);
-    // 使用本地数据
-  }
 }
 
 // 显示提示
@@ -4358,6 +4307,13 @@ async function handleImageUpload(e) {
   const file = e.target.files[0];
   if (!file) return;
   
+  // 检查是否支持视觉能力
+  if (!llmCapabilities.vision) {
+    showToast('当前大模型不支持图片分析功能，请等待后期升级');
+    e.target.value = '';
+    return;
+  }
+  
   // 读取图片为base64
   const reader = new FileReader();
   reader.onload = async (event) => {

www/style.css

@@ -1049,6 +1049,31 @@ body {
   box-shadow: 0 0 8px rgba(102, 126, 234, 0.3);
 }
 
+.avatar-upload-section {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 16px;
+}
+
+.avatar-upload-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 24px;
+  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
+  color: white;
+  border: none;
+  border-radius: 10px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.avatar-upload-btn:hover {
+  transform: scale(1.02);
+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+}
+
 .edit-input-group {
   margin-bottom: 16px;
 }
@@ -1705,6 +1730,16 @@ body {
   color: var(--primary);
 }
 
+.recent-agent-title {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .recent-agent-agent-name {
   font-size: 12px;
   color: var(--primary);
@@ -1782,7 +1817,17 @@ body {
   color: var(--primary);
 }
 
-.agent-history-agent {
+.agent-history-title {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.agent-history-agent-name {
   font-size: 12px;
   color: var(--primary);
   background: rgba(102, 126, 234, 0.1);
@@ -2350,7 +2395,8 @@ body {
   font-size: 20px;
 }
 
-.clear-btn {
+/* TTS 语音播放按钮 */
+.tts-btn {
   background: rgba(255,255,255,0.2);
   border: none;
   border-radius: 8px;
@@ -2359,10 +2405,18 @@ body {
   cursor: pointer;
 }
 
-.clear-btn:active {
+.tts-btn:hover {
   background: rgba(255,255,255,0.3);
 }
 
+.tts-btn.active {
+  background: rgba(255,255,255,0.4);
+}
+
+.tts-btn svg {
+  display: block;
+}
+
 .messages-container {
   flex: 1;
   overflow-y: auto;
@@ -2715,6 +2769,193 @@ body {
   flex-shrink: 0;
 }
 
+/* 更多工具按钮 */
+.tools-btn {
+  position: relative;
+}
+
+.tools-count {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  background: #ef4444;
+  color: white;
+  font-size: 11px;
+  font-weight: 600;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 工具选择弹窗 */
+.tools-popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.tools-popup-content {
+  width: 90%;
+  max-width: 400px;
+  background: white;
+  border-radius: 16px;
+  overflow: hidden;
+}
+
+.tools-popup-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
+  color: white;
+}
+
+.tools-popup-header h3 {
+  margin: 0;
+  font-size: 18px;
+}
+
+.tools-popup-close {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border: none;
+  border-radius: 14px;
+  color: white;
+  font-size: 20px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.tools-popup-close:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.tools-popup-body {
+  padding: 16px 20px;
+}
+
+.tools-popup-tip {
+  color: #718096;
+  font-size: 13px;
+  margin-bottom: 16px;
+}
+
+.tools-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.tool-option {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  background: #f5f7fa;
+  border: 2px solid transparent;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.tool-option:hover {
+  background: #e8ecf1;
+}
+
+.tool-option.selected {
+  background: rgba(102, 126, 234, 0.1);
+  border-color: var(--primary);
+}
+
+.tool-checkbox {
+  flex-shrink: 0;
+  color: #718096;
+}
+
+.tool-option.selected .tool-checkbox {
+  color: var(--primary);
+}
+
+.tool-icon {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  border-radius: 10px;
+  font-size: 20px;
+}
+
+.tool-info {
+  flex: 1;
+}
+
+.tool-name {
+  font-weight: 500;
+  color: #2d3748;
+}
+
+.tool-type {
+  font-size: 12px;
+  color: #718096;
+  margin-top: 2px;
+}
+
+.tools-popup-footer {
+  display: flex;
+  gap: 12px;
+  padding: 16px 20px;
+  background: #f5f7fa;
+}
+
+.tools-popup-btn {
+  flex: 1;
+  padding: 12px;
+  border: none;
+  border-radius: 10px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.tools-popup-btn.cancel {
+  background: #e2e8f0;
+  color: #4a5568;
+}
+
+.tools-popup-btn.cancel:hover {
+  background: #cbd5e0;
+}
+
+.tools-popup-btn.confirm {
+  background: linear-gradient(135deg, var(--primary) 0%, #764ba2 100%);
+  color: white;
+}
+
+.tools-popup-btn.confirm:hover {
+  transform: scale(1.02);
+}
+
 /* 导航按钮样式 */
 .nav-btn {
   padding: 6px 8px;