-
+
+
) => string,
+ formatSearchTime: (filters: Record) => string,
+ formatSearchDomains: (filters: Record) => string
+): string {
+ const tool = action.tool;
+ const result = tool?.result;
+ const args = tool?.arguments || {};
+ const name = tool?.name;
+
+ if (!result) {
+ return '';
+ }
+
+ // 网络检索类
+ if (name === 'web_search') {
+ return renderWebSearch(result, args, formatSearchTopic, formatSearchTime, formatSearchDomains);
+ } else if (name === 'extract_webpage') {
+ return renderExtractWebpage(result, args);
+ } else if (name === 'save_webpage') {
+ return renderSaveWebpage(result, args);
+ }
+
+ // 文件编辑类
+ else if (name === 'create_file' || name === 'create_folder') {
+ return renderCreateFile(result, args);
+ } else if (name === 'write_file') {
+ return renderWriteFile(result, args);
+ } else if (name === 'edit_file') {
+ return renderEditFile(result, args);
+ } else if (name === 'append_to_file') {
+ return renderAppendToFile(result, args);
+ } else if (name === 'modify_file') {
+ return renderModifyFile(result, args);
+ } else if (name === 'delete_file') {
+ return renderDeleteFile(result, args);
+ } else if (name === 'rename_file') {
+ return renderRenameFile(result, args);
+ }
+
+ // 阅读聚焦类
+ else if (name === 'read_file') {
+ return renderReadFile(result, args);
+ } else if (name === 'vlm_analyze') {
+ return renderVlmAnalyze(result, args);
+ } else if (name === 'ocr_image') {
+ return renderOcrImage(result, args);
+ } else if (name === 'view_image') {
+ return renderViewImage(result, args);
+ }
+
+ // 终端类
+ else if (name === 'terminal_session') {
+ return renderTerminalSession(result, args);
+ } else if (name === 'terminal_input') {
+ return renderTerminalInput(result, args);
+ } else if (name === 'terminal_snapshot') {
+ return renderTerminalSnapshot(result, args);
+ } else if (name === 'sleep') {
+ return renderSleep(result, args);
+ }
+
+ // 终端指令类
+ else if (name === 'run_command') {
+ return renderRunCommand(result, args);
+ } else if (name === 'run_python') {
+ return renderRunPython(result, args);
+ }
+
+ // 记忆类
+ else if (name === 'update_memory') {
+ return renderUpdateMemory(result, args);
+ }
+
+ // 待办事项类
+ else if (name === 'todo_create') {
+ return renderTodoCreate(result, args);
+ } else if (name === 'todo_update_task') {
+ return renderTodoUpdate(result, args);
+ }
+
+ // 彩蛋类
+ else if (name === 'trigger_easter_egg') {
+ return renderEasterEgg(result, args);
+ }
+
+ return '';
+}
+
+// 网络检索类渲染函数
+function renderWebSearch(
+ result: any,
+ args: any,
+ formatSearchTopic: (filters: Record) => string,
+ formatSearchTime: (filters: Record) => string,
+ formatSearchDomains: (filters: Record) => string
+): string {
+ const query = result.query || args.query || '';
+ const filters = result.filters || {};
+ const totalResults = result.total_results || 0;
+ const results = result.results || [];
+
+ let html = '';
+
+ if (results.length > 0) {
+ html += '})
`;
+ }
+
+ if (text) {
+ html += '`;
+ }
+
+ return html;
+}
+
+// 终端类渲染函数
+function renderTerminalSession(result: any, args: any): string {
+ const operation = args.operation || args.action || 'start';
+ const sessionName = args.session_name || args.name || result.session_name || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+function renderTerminalInput(result: any, args: any): string {
+ const command = args.command || args.input || '';
+ const timeout = args.timeout || 30;
+ const output = result.output || result.result || '';
+
+ let html = '';
+
+ if (output) {
+ html += '
搜索内容：{{ action.tool.result.query || action.tool.arguments?.query }}
主题：{{ formatSearchTopic(action.tool.result.filters || {}) }}
@@ -124,6 +125,8 @@
+
+
diff --git a/static/src/components/chat/actions/toolRenderers.ts b/static/src/components/chat/actions/toolRenderers.ts
new file mode 100644
index 0000000..7e9646a
--- /dev/null
+++ b/static/src/components/chat/actions/toolRenderers.ts
@@ -0,0 +1,649 @@
+// 工具增强显示的渲染函数
+
+export function escapeHtml(text: string): string {
+ const div = document.createElement('div');
+ div.textContent = text;
+ return div.innerHTML;
+}
+
+export function formatBytes(bytes: number): string {
+ if (bytes === 0) return '0 B';
+ const k = 1024;
+ const sizes = ['B', 'KB', 'MB', 'GB'];
+ const i = Math.floor(Math.log(bytes) / Math.log(k));
+ return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+}
+
+export function renderEnhancedToolResult(
+ action: any,
+ formatSearchTopic: (filters: Record';
+ results.forEach((item: any) => {
+ html += '
';
+ } else {
+ html += '';
+ html += `
';
+ });
+ html += '${escapeHtml(item.title || '无标题')}
`;
+ html += '';
+ if (item.url) {
+ html += `${escapeHtml(item.url)}`;
+ } else {
+ html += '无可用链接';
+ }
+ html += '
未返回详细的搜索结果。
';
+ }
+
+ return html;
+}
+
+function renderExtractWebpage(result: any, args: any): string {
+ const url = args.url || result.url || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const content = result.content || result.text || '';
+
+ let html = '';
+
+ if (content) {
+ html += '';
+ html += `
';
+ }
+
+ return html;
+}
+
+function renderSaveWebpage(result: any, args: any): string {
+ const url = args.url || result.url || '';
+ const path = result.path || args.save_path || '';
+ const status = result.success ? '✓ 已保存' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+// 文件编辑类渲染函数
+function renderCreateFile(result: any, args: any): string {
+ const path = args.path || result.path || '';
+ const status = result.success ? '✓ 已创建' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+function renderWriteFile(result: any, args: any): string {
+ const path = args.path || result.path || '';
+ const status = result.success ? '✓ 已写入' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+function renderEditFile(result: any, args: any): string {
+ const path = args.file_path || args.path || result.path || '';
+ const status = result.success ? '✓ 已编辑' : '✗ 失败';
+ let oldString = args.old_string || '';
+ let newString = args.new_string || '';
+
+ // 处理转义的 \n
+ oldString = oldString.replace(/\\n/g, '\n');
+ newString = newString.replace(/\\n/g, '\n');
+
+ let html = '';
+
+ if (oldString || newString) {
+ html += '${escapeHtml(content)}`;
+ html += '';
+
+ if (oldString) {
+ const oldLines = oldString.split('\n');
+ oldLines.forEach((line: string) => {
+ html += `
';
+ }
+
+ return html;
+}
+
+function renderAppendToFile(result: any, args: any): string {
+ const path = args.file_path || args.path || result.path || '';
+ const status = result.success ? '✓ 已追加' : '✗ 失败';
+ let content = args.content || '';
+
+ // 处理转义的 \n
+ content = content.replace(/\\n/g, '\n');
+
+ let html = '';
+
+ if (content) {
+ html += '- ${escapeHtml(line)}
`;
+ });
+ }
+
+ if (newString) {
+ const newLines = newString.split('\n');
+ newLines.forEach((line: string) => {
+ html += `+ ${escapeHtml(line)}
`;
+ });
+ }
+
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderModifyFile(result: any, args: any): string {
+ const path = args.file_path || args.path || result.path || '';
+ const status = result.success ? '✓ 已修改' : '✗ 失败';
+ const operations = args.operations || [];
+
+ let html = '';
+
+ if (operations.length > 0) {
+ html += '追加内容：
';
+ const lines = content.split('\n');
+ html += '';
+ lines.forEach((line: string) => {
+ html += `
';
+ html += '+ ${escapeHtml(line)}
`;
+ });
+ html += '';
+ operations.forEach((op: any, idx: number) => {
+ if (idx > 0) html += '
';
+ }
+
+ return html;
+}
+
+function renderDeleteFile(result: any, args: any): string {
+ const path = args.path || result.path || '';
+ const status = result.success ? '✓ 已删除' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+function renderRenameFile(result: any, args: any): string {
+ const oldPath = args.old_path || args.source || result.old_path || '';
+ const newPath = args.new_path || args.destination || result.new_path || '';
+ const status = result.success ? '✓ 已重命名' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+// 阅读聚焦类渲染函数
+function renderReadFile(result: any, args: any): string {
+ const path = args.path || result.path || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const size = result.size || result.file_size || 0;
+ const content = result.content || result.text || '';
+
+ let html = '';
+
+ if (content) {
+ html += '⋮
';
+
+ const type = op.type || op.operation;
+ let oldText = op.old_text || op.old || '';
+ let newText = op.new_text || op.new || '';
+
+ // 处理转义的 \n
+ oldText = oldText.replace(/\\n/g, '\n');
+ newText = newText.replace(/\\n/g, '\n');
+
+ html += `[${idx + 1}] ${escapeHtml(type)}
`;
+
+ if (oldText) {
+ const oldLines = oldText.split('\n');
+ oldLines.forEach((line: string) => {
+ html += `- ${escapeHtml(line)}
`;
+ });
+ }
+
+ if (newText) {
+ const newLines = newText.split('\n');
+ newLines.forEach((line: string) => {
+ html += `+ ${escapeHtml(line)}
`;
+ });
+ }
+ });
+ html += '';
+ html += `
';
+ }
+
+ return html;
+}
+
+function renderVlmAnalyze(result: any, args: any): string {
+ const path = args.image_path || args.path || result.path || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const analysis = result.analysis || result.result || '';
+
+ let html = '';
+
+ if (analysis) {
+ html += '${escapeHtml(content)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderOcrImage(result: any, args: any): string {
+ const path = args.image_path || args.path || result.path || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const size = result.size || result.file_size || 0;
+ const text = result.text || result.ocr_text || '';
+ const imageUrl = result.image_url || result.url || '';
+
+ let html = '';
+
+ if (imageUrl) {
+ html += `分析结果：
';
+ html += `${escapeHtml(analysis)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderViewImage(result: any, args: any): string {
+ const path = args.image_path || args.path || result.path || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const size = result.size || result.file_size || 0;
+ const imageUrl = result.image_url || result.url || '';
+
+ let html = '';
+
+ if (imageUrl) {
+ html += `识别文本：
';
+ html += `${escapeHtml(text)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderTerminalSnapshot(result: any, args: any): string {
+ const sessionName = args.session_name || args.name || result.session_name || '';
+ const status = result.success ? '✓ 成功' : '✗ 失败';
+ const startLine = args.start_line || 0;
+ const endLine = args.end_line || 0;
+ const content = result.content || result.output || '';
+
+ let html = '';
+
+ if (content) {
+ html += '输出：
';
+ html += `${escapeHtml(output)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderSleep(result: any, args: any): string {
+ const seconds = args.seconds || args.duration || 0;
+ const status = result.success ? '✓ 完成' : '✗ 失败';
+
+ let html = '';
+
+ return html;
+}
+
+// 终端指令类渲染函数
+function renderRunCommand(result: any, args: any): string {
+ const command = args.command || '';
+ const timeout = args.timeout || 30;
+ const output = result.output || result.stdout || '';
+ const exitCode = result.exit_code !== undefined ? result.exit_code : result.returncode;
+
+ let html = '';
+
+ if (output) {
+ html += '获取的内容：
';
+ html += `${escapeHtml(content)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderRunPython(result: any, args: any): string {
+ const code = result.code || args.code || '';
+ const output = result.output || '';
+
+ let html = '输出：
';
+ html += `${escapeHtml(output)}`;
+ html += '';
+ html += '
';
+
+ if (output) {
+ html += '代码：
';
+ html += `${escapeHtml(code)}';
+ html += '
';
+ }
+
+ return html;
+}
+
+// 记忆类渲染函数
+function renderUpdateMemory(result: any, args: any): string {
+ const operation = args.operation || result.operation || '';
+ const content = args.content || '';
+ const index = args.index || result.index;
+ const count = result.count || 0;
+
+ let html = '';
+
+ return html;
+}
+
+// 待办事项类渲染函数
+function renderTodoCreate(result: any, args: any): string {
+ const status = result.success ? '✓ 已创建' : '✗ 失败';
+ const todoList = result.todo_list || {};
+ const title = todoList.title || args.title || '';
+ const tasks = todoList.tasks || args.tasks || [];
+
+ let html = '';
+
+ if (tasks.length > 0) {
+ html += '输出：
';
+ html += `${escapeHtml(output)}`;
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+function renderTodoUpdate(result: any, args: any): string {
+ const status = result.success ? '✓ 已更新' : '✗ 失败';
+ const todoList = result.todo_list || {};
+ const title = todoList.title || '';
+ const tasks = todoList.tasks || [];
+
+ let html = '';
+
+ if (tasks.length > 0) {
+ html += '';
+ tasks.forEach((task: any) => {
+ const taskText = typeof task === 'string' ? task : (task.text || task.title || task.content || '');
+ html += `
';
+ html += ' ${escapeHtml(taskText)}
`;
+ });
+ html += '';
+ html += '
';
+ }
+
+ return html;
+}
+
+// 彩蛋类渲染函数
+function renderEasterEgg(result: any, args: any): string {
+ const status = result.success ? '✓ 已触发' : '✗ 失败';
+ const type = result.type || args.type || '';
+ const content = result.content || result.message || '';
+
+ let html = '';
+
+ if (content) {
+ html += '';
+ tasks.forEach((task: any) => {
+ const taskText = typeof task === 'string' ? task : (task.text || task.title || task.content || '');
+ const completed = typeof task === 'object' && (task.status === 'done' || task.completed || task.done || task.checked);
+ html += `
';
+ html += ' ${escapeHtml(taskText)}
`;
+ });
+ html += '';
+ html += `
';
+ }
+
+ return html;
+}
diff --git a/static/src/components/input/QuickMenu.vue b/static/src/components/input/QuickMenu.vue
index 03cb954..e22e97f 100644
--- a/static/src/components/input/QuickMenu.vue
+++ b/static/src/components/input/QuickMenu.vue
@@ -97,14 +97,6 @@
>
实时终端
-
${escapeHtml(content)}
`;
+ html += '