feat: 步骤4提取产品数据改用智能体hz4th_editor执行

- 步骤4调用 openclaw agent --agent hz4th_editor --message 执行提取任务
- 新增任务文本模板(config/agent_task_template.txt)，支持变量填充
- /process页面新增模板编辑面板，可查看/编辑/保存/预览模板
- 模板变量: {{product_name}} {{category}} {{subcategory}} {{library_results}} {{internet_results}}
- 新增API: GET/POST /api/process/agent-template, POST /api/process/agent-template/preview

static/js/process.js

@@ -9,6 +9,7 @@ document.addEventListener('DOMContentLoaded', () => {
     loadStepDefinitions();
     loadActiveProcesses();
     loadHistory();
+    loadAgentTemplate();
     
     // 启动自动刷新（每2秒）
     startAutoRefresh();
@@ -428,4 +429,83 @@ function showToast(message, type = '') {
     setTimeout(() => {
         toast.classList.remove('active');
     }, 3000);
+}
+
+// ===== 智能体任务模板 =====
+
+// 加载模板
+async function loadAgentTemplate() {
+    try {
+        const response = await fetch(`${API_BASE}/api/process/agent-template`);
+        const data = await response.json();
+        
+        if (data.success) {
+            document.getElementById('agent-template-editor').value = data.template;
+        } else {
+            document.getElementById('agent-template-editor').value = '// 模板加载失败: ' + (data.error || '未知错误');
+        }
+    } catch (error) {
+        console.error('加载模板失败:', error);
+        document.getElementById('agent-template-editor').value = '// 加载模板失败: ' + error.message;
+    }
+}
+
+// 保存模板
+async function saveTemplate() {
+    const template = document.getElementById('agent-template-editor').value;
+    
+    if (!template.trim()) {
+        showToast('模板内容不能为空', 'error');
+        return;
+    }
+    
+    try {
+        const response = await fetch(`${API_BASE}/api/process/agent-template`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ template })
+        });
+        const data = await response.json();
+        
+        if (data.success) {
+            showToast('模板已保存 ✓', 'success');
+        } else {
+            showToast('保存失败: ' + data.error, 'error');
+        }
+    } catch (error) {
+        showToast('保存失败: ' + error.message, 'error');
+    }
+}
+
+// 预览模板
+function previewTemplate() {
+    document.getElementById('template-preview-modal').classList.add('active');
+    doPreview();
+}
+
+// 执行预览
+async function doPreview() {
+    const product = document.getElementById('preview-product').value || '示例产品';
+    const category = document.getElementById('preview-category').value || 'AI模型';
+    
+    try {
+        const response = await fetch(`${API_BASE}/api/process/agent-template/preview`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                product_name: product,
+                category: category,
+                subcategory: ''
+            })
+        });
+        const data = await response.json();
+        
+        if (data.success) {
+            document.getElementById('template-preview-content').textContent = data.preview;
+        } else {
+            document.getElementById('template-preview-content').textContent = '预览失败: ' + data.error;
+        }
+    } catch (error) {
+        document.getElementById('template-preview-content').textContent = '预览失败: ' + error.message;
+    }
 }