OpenClaw Agent
8901f841da
- 设置面板不再包含 Tool Calling 和命令执行配置 - 工具面板新增 Tool Calling 主开关 - Tool Calling 和 run_command 状态完全由工具面板管理 - 清理 settings-modal.ts 中的工具相关代码
82 lines
3.0 KiB
TypeScript
82 lines
3.0 KiB
TypeScript
/**
|
|
* ToolsModal - 工具面板模态框
|
|
* 展示所有可用工具的详细信息，管理 Tool Calling 开关
|
|
*/
|
|
|
|
import { state, KEYS } from '../state/state.js';
|
|
import { setToolEnabled } from '../services/tool-registry.js';
|
|
import { showToast } from './toast.js';
|
|
import { logInfo, logWarn } from '../services/log-service.js';
|
|
import type { ChatDB } from '../types.js';
|
|
|
|
let modalEl: HTMLElement;
|
|
|
|
export function initToolsModal(): void {
|
|
modalEl = document.querySelector('#toolsModal')!;
|
|
|
|
// Header 按钮
|
|
document.querySelector('#btnTools')!.addEventListener('click', openToolsModal);
|
|
document.querySelector('#btnCloseTools')!.addEventListener('click', closeToolsModal);
|
|
modalEl.addEventListener('click', (e) => {
|
|
if (e.target === modalEl) closeToolsModal();
|
|
});
|
|
|
|
// Tool Calling 主开关
|
|
const toggleToolCalling = modalEl.querySelector('#toggleToolCalling') as HTMLInputElement;
|
|
if (toggleToolCalling) {
|
|
toggleToolCalling.addEventListener('change', async () => {
|
|
const db = state.get<ChatDB | null>(KEYS.DB);
|
|
state.set('toolCallingEnabled', toggleToolCalling.checked);
|
|
if (db) await db.saveSetting('toolCallingEnabled', toggleToolCalling.checked);
|
|
if (toggleToolCalling.checked) {
|
|
const modelSupportsTools = state.get<boolean>('modelSupportsTools', false);
|
|
if (!modelSupportsTools) {
|
|
showToast('⚠️ 当前模型可能不支持 Tool Calling，建议使用 Qwen3、Llama 3.1+ 等模型', 'warning', 5000);
|
|
logWarn('Tool Calling 已开启（模型不支持）');
|
|
} else {
|
|
showToast('工具调用已开启', 'info');
|
|
logInfo('Tool Calling 已开启');
|
|
}
|
|
} else {
|
|
showToast('工具调用已关闭', 'info');
|
|
logInfo('Tool Calling 已关闭');
|
|
}
|
|
});
|
|
}
|
|
|
|
// run_command 开关
|
|
const toggle2 = modalEl.querySelector('#toggleRunCommand2') as HTMLInputElement;
|
|
if (toggle2) {
|
|
toggle2.addEventListener('change', async () => {
|
|
const db = state.get<ChatDB | null>(KEYS.DB);
|
|
state.set('runCommandEnabled', toggle2.checked);
|
|
if (db) await db.saveSetting('runCommandEnabled', toggle2.checked);
|
|
setToolEnabled('run_command', toggle2.checked);
|
|
if (toggle2.checked) {
|
|
showToast('命令执行已开启（每次执行需确认）', 'info');
|
|
logInfo('命令执行已开启');
|
|
} else {
|
|
showToast('命令执行已关闭', 'info');
|
|
logInfo('命令执行已关闭');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
export function openToolsModal(): void {
|
|
// 同步开关状态
|
|
const toolCallingEnabled = state.get<boolean>('toolCallingEnabled', false);
|
|
const toggleTC = modalEl.querySelector('#toggleToolCalling') as HTMLInputElement;
|
|
if (toggleTC) toggleTC.checked = toolCallingEnabled;
|
|
|
|
const runCmdEnabled = state.get<boolean>('runCommandEnabled', true);
|
|
const toggle2 = modalEl.querySelector('#toggleRunCommand2') as HTMLInputElement;
|
|
if (toggle2) toggle2.checked = runCmdEnabled;
|
|
|
|
modalEl.style.display = '';
|
|
}
|
|
|
|
export function closeToolsModal(): void {
|
|
modalEl.style.display = 'none';
|
|
}
|