Add files via upload

2026-07-04 03:27:54 +02:00 · 2026-07-03 17:55:08 +08:00
parent a3739210e4
commit 58be62fa24
4 changed files with 390 additions and 114 deletions
@@ -85,6 +85,7 @@
    "agentsManagement": "Agent management",
    "roles": "Roles",
    "rolesManagement": "Roles Management",
+    "workflows": "Graph Orchestration",
    "settings": "System settings",
    "hitl": "Human-in-the-loop",
    "c2": "C2",
@@ -2915,7 +2916,111 @@
    "mcpDisabledBadgeTitle": "Off in MCP Management; check only expresses role linkage—turn on in MCP to run",
    "roleFilterOnBanner": "These tools are checked and linked to this role (independent of MCP-wide enable).",
    "roleFilterOffBanner": "These tools are unchecked and not linked to this role.",
-    "checkboxLinkTitle": "Check to link this tool to this role"
+    "checkboxLinkTitle": "Check to link this tool to this role",
+    "bindWorkflow": "Bind graph workflow",
+    "bindWorkflowHint": "When a workflow is selected, conversations with this role automatically run the bound graph; workflow fields are configured freely in the graph JSON.",
+    "workflowPolicy": "Workflow trigger policy",
+    "workflowPolicyAuto": "Auto trigger",
+    "workflowPolicyOff": "Off",
+    "noWorkflowBind": "No workflow",
+    "workflowDisabledSuffix": " (disabled)"
+  },
+  "workflows": {
+    "title": "Graph Orchestration",
+    "newGraph": "New graph",
+    "processLibrary": "Process library",
+    "nodeLibrary": "Node library",
+    "emptyList": "No graph workflows yet",
+    "statusEnabled": "Enabled",
+    "statusDisabled": "Disabled",
+    "metaId": "ID",
+    "metaName": "Name",
+    "metaDescription": "Description",
+    "metaEnabled": "Enabled",
+    "namePlaceholder": "Basic Web scan",
+    "descriptionPlaceholder": "Optional",
+    "connect": "Connect",
+    "connecting": "Connecting",
+    "deleteSelected": "Delete selected",
+    "autoLayout": "Auto layout",
+    "canvasEmpty": "Drag nodes from the left onto the canvas, or click node buttons to add quickly",
+    "properties": "Properties",
+    "nodeProperties": "Node properties",
+    "edgeProperties": "Edge properties",
+    "deleteNode": "Delete node",
+    "deleteEdge": "Delete edge",
+    "propertyEmpty": "Select a node or edge to edit properties",
+    "propLabel": "Name",
+    "propType": "Type",
+    "customFields": "Custom fields",
+    "addField": "Add field",
+    "noCustomFields": "No custom fields",
+    "nodes": {
+      "start": "Start",
+      "tool": "Tool",
+      "agent": "Agent",
+      "condition": "Condition",
+      "hitl": "Approval",
+      "output": "Output",
+      "end": "End",
+      "default": "Node"
+    },
+    "edges": {
+      "yes": "Yes",
+      "no": "No"
+    },
+    "config": {
+      "inputKeys": "Input variables",
+      "mcpTool": "MCP tool",
+      "selectTool": "Select a tool",
+      "toolDisabled": " (disabled)",
+      "argumentsTemplate": "Arguments template",
+      "timeoutSeconds": "Timeout (seconds)",
+      "optional": "Optional",
+      "agentMode": "Agent mode",
+      "inputSource": "Input source",
+      "nodeInstruction": "Node instruction",
+      "instructionPlaceholder": "Describe what this node should accomplish",
+      "outputKey": "Output variable name",
+      "conditionExpression": "Condition expression",
+      "conditionHint": "The node computes matched (true/false); outgoing edges define branches: first edge is \"Yes\", second is \"No\". You can also write <code>{{previous.matched}} == \"true\"</code> on the edge.",
+      "edgeCondition": "Edge condition",
+      "edgeConditionHintCondition": "{{previous.matched}} == \"true\" (Yes) or == \"false\" (No)",
+      "edgeConditionHintExample": "e.g. {{previous.output}} == \"ok\"",
+      "edgeBranchHint": "The first edge from a condition node defaults to the \"Yes\" branch, the second to \"No\"; you can customize conditions here.",
+      "hitlPrompt": "Approval prompt",
+      "hitlPromptPlaceholder": "Approve to continue",
+      "hitlReviewer": "Reviewer",
+      "outputSource": "Variable source",
+      "endTemplate": "End summary template"
+    },
+    "defaultHitlPrompt": "Please approve whether this step should continue",
+    "nodeFallback": "Node {{n}}",
+    "loadFailed": "Failed to load workflows",
+    "saveFailed": "Failed to save workflow",
+    "deleteFailed": "Failed to delete workflow",
+    "saved": "Workflow saved",
+    "deleted": "Workflow deleted",
+    "idNameRequired": "Workflow ID and name are required",
+    "selectToDelete": "Select a workflow to delete",
+    "confirmDelete": "Delete workflow {{id}}?",
+    "duplicateEdge": "An edge already exists between these two nodes",
+    "connectModeOn": "Connect mode: click source node then target node",
+    "connectModeOff": "Exited connect mode",
+    "validation": {
+      "needStart": "At least one Start node is required",
+      "needOutput": "At least one Output node is required",
+      "edgeSelfLoop": "Edge {{id}} cannot point to itself",
+      "edgeSourceMissing": "Edge {{id}} source node does not exist",
+      "edgeTargetMissing": "Edge {{id}} target node does not exist",
+      "startIncoming": "Start node {{label}} must not have incoming edges",
+      "outputOutgoing": "Output node {{label}} must not have outgoing edges",
+      "toolNeedsMcp": "Tool node {{label}} requires an MCP tool",
+      "conditionNeedsExpr": "Condition node {{label}} requires a condition expression",
+      "conditionNeedsOutEdge": "Condition node {{label}} needs at least one outgoing edge (Yes/No branch)",
+      "conditionTooManyEdges": "Condition node {{label}} should have at most two outgoing edges (Yes/No); configure edge conditions for a third and beyond",
+      "outputNeedsKey": "Output node {{label}} requires an output variable name"
+    }
  },
  "c2": {
    "clipboardCopied": "Copied to clipboard",
@@ -85,6 +85,7 @@
    "agentsManagement": "Agent管理",
    "roles": "角色",
    "rolesManagement": "角色管理",
+    "workflows": "图编排",
    "settings": "系统设置",
    "hitl": "人机协同",
    "c2": "C2",
@@ -2903,7 +2904,111 @@
    "mcpDisabledBadgeTitle": "MCP 管理里该工具为关闭；勾选只表示想关联到本角色，实际调用需先在 MCP 中打开",
    "roleFilterOnBanner": "以下为「已勾选、关联到本角色」的工具（与 MCP 管理里全局开/关无关）。",
    "roleFilterOffBanner": "以下为「未勾选、未关联到本角色」的工具。",
-    "checkboxLinkTitle": "勾选表示本角色关联使用该工具"
+    "checkboxLinkTitle": "勾选表示本角色关联使用该工具",
+    "bindWorkflow": "绑定图编排流程",
+    "bindWorkflowHint": "选中流程后，对话页使用该角色会自动触发绑定图；流程字段由图定义 JSON 自由配置。",
+    "workflowPolicy": "流程触发策略",
+    "workflowPolicyAuto": "自动触发",
+    "workflowPolicyOff": "关闭",
+    "noWorkflowBind": "不绑定流程",
+    "workflowDisabledSuffix": "（已禁用）"
+  },
+  "workflows": {
+    "title": "图编排",
+    "newGraph": "新建图",
+    "processLibrary": "流程库",
+    "nodeLibrary": "节点库",
+    "emptyList": "暂无图编排流程",
+    "statusEnabled": "启用",
+    "statusDisabled": "禁用",
+    "metaId": "ID",
+    "metaName": "名称",
+    "metaDescription": "描述",
+    "metaEnabled": "启用",
+    "namePlaceholder": "基础 Web 扫描",
+    "descriptionPlaceholder": "可选",
+    "connect": "连线",
+    "connecting": "连线中",
+    "deleteSelected": "删除选中",
+    "autoLayout": "自动布局",
+    "canvasEmpty": "从左侧拖拽节点到画布，或点击节点按钮快速添加",
+    "properties": "属性",
+    "nodeProperties": "节点属性",
+    "edgeProperties": "连线属性",
+    "deleteNode": "删除节点",
+    "deleteEdge": "删除连线",
+    "propertyEmpty": "选择一个节点或连线后编辑属性",
+    "propLabel": "名称",
+    "propType": "类型",
+    "customFields": "自定义字段",
+    "addField": "添加字段",
+    "noCustomFields": "暂无自定义字段",
+    "nodes": {
+      "start": "开始",
+      "tool": "工具",
+      "agent": "Agent",
+      "condition": "条件",
+      "hitl": "审批",
+      "output": "输出",
+      "end": "结束",
+      "default": "节点"
+    },
+    "edges": {
+      "yes": "是",
+      "no": "否"
+    },
+    "config": {
+      "inputKeys": "输入变量",
+      "mcpTool": "MCP 工具",
+      "selectTool": "请选择工具",
+      "toolDisabled": "（未启用）",
+      "argumentsTemplate": "参数模板",
+      "timeoutSeconds": "超时秒数",
+      "optional": "可选",
+      "agentMode": "Agent 模式",
+      "inputSource": "输入来源",
+      "nodeInstruction": "节点指令",
+      "instructionPlaceholder": "描述该节点要完成的任务",
+      "outputKey": "输出变量名",
+      "conditionExpression": "条件表达式",
+      "conditionHint": "节点会计算 matched（true/false），由出边决定分支：第一条线为「是」，第二条为「否」；也可在连线上写 <code>{{previous.matched}} == \"true\"</code>。",
+      "edgeCondition": "连线条件",
+      "edgeConditionHintCondition": "{{previous.matched}} == \"true\"（是）或 == \"false\"（否）",
+      "edgeConditionHintExample": "例如: {{previous.output}} == \"ok\"",
+      "edgeBranchHint": "从条件节点连出的第一条线默认为「是」分支，第二条为「否」分支；也可在此自定义条件。",
+      "hitlPrompt": "审批提示",
+      "hitlPromptPlaceholder": "请审批是否继续",
+      "hitlReviewer": "审批方",
+      "outputSource": "变量来源",
+      "endTemplate": "结束摘要模板"
+    },
+    "defaultHitlPrompt": "请审批该步骤是否继续执行",
+    "nodeFallback": "节点 {{n}}",
+    "loadFailed": "加载工作流失败",
+    "saveFailed": "保存工作流失败",
+    "deleteFailed": "删除工作流失败",
+    "saved": "工作流已保存",
+    "deleted": "工作流已删除",
+    "idNameRequired": "工作流 ID 和名称不能为空",
+    "selectToDelete": "请选择要删除的工作流",
+    "confirmDelete": "确定删除工作流 {{id}}？",
+    "duplicateEdge": "这两个节点之间已经有连线",
+    "connectModeOn": "连线模式：依次点击源节点和目标节点",
+    "connectModeOff": "已退出连线模式",
+    "validation": {
+      "needStart": "至少需要一个开始节点",
+      "needOutput": "至少需要一个输出节点",
+      "edgeSelfLoop": "连线 {{id}} 不能指向自身",
+      "edgeSourceMissing": "连线 {{id}} 的源节点不存在",
+      "edgeTargetMissing": "连线 {{id}} 的目标节点不存在",
+      "startIncoming": "开始节点 {{label}} 不应有入边",
+      "outputOutgoing": "输出节点 {{label}} 不应有出边",
+      "toolNeedsMcp": "工具节点 {{label}} 需要选择 MCP 工具",
+      "conditionNeedsExpr": "条件节点 {{label}} 需要条件表达式",
+      "conditionNeedsOutEdge": "条件节点 {{label}} 至少需要一条出边（是/否分支）",
+      "conditionTooManyEdges": "条件节点 {{label}} 建议最多两条出边（是/否）；第三条及以后需配置连线条件",
+      "outputNeedsKey": "输出节点 {{label}} 需要输出变量名"
+    }
  },
  "c2": {
    "clipboardCopied": "已复制到剪贴板",
@@ -1,6 +1,18 @@
 (function () {
    'use strict';

+    function _t(key, opts) {
+        if (typeof window.t === 'function') {
+            try {
+                var translated = window.t(key, opts);
+                if (typeof translated === 'string' && translated && translated !== key) {
+                    return translated;
+                }
+            } catch (e) { /* ignore */ }
+        }
+        return key;
+    }
+
    let workflows = [];
    let currentWorkflowId = '';
    let cy = null;
@@ -12,15 +24,24 @@
    let workflowToolOptions = [];
    let workflowToolsLoaded = false;

-    const NODE_LABELS = {
-        start: '开始',
-        tool: '工具',
-        agent: 'Agent',
-        condition: '条件',
-        hitl: '审批',
-        output: '输出',
-        end: '结束'
+    const KNOWN_NODE_LABELS = {
+        start: ['开始', 'Start'],
+        tool: ['工具', 'Tool'],
+        agent: ['Agent'],
+        condition: ['条件', 'Condition'],
+        hitl: ['审批', 'Approval'],
+        output: ['输出', 'Output'],
+        end: ['结束', 'End']
    };
+    const KNOWN_EDGE_LABELS = {
+        yes: ['是', 'Yes'],
+        no: ['否', 'No']
+    };
+
+    function wfNodeLabel(type) {
+        const key = type && KNOWN_NODE_LABELS[type] ? 'workflows.nodes.' + type : 'workflows.nodes.default';
+        return _t(key);
+    }

    const AGENT_MODES = ['eino_single', 'deep', 'plan_execute', 'supervisor'];

@@ -49,7 +70,7 @@
            case 'condition':
                return { expression: '{{previous.output}} != ""' };
            case 'hitl':
-                return { prompt: '请审批该步骤是否继续执行', reviewer: 'human' };
+                return { prompt: _t('workflows.defaultHitlPrompt'), reviewer: 'human' };
            case 'output':
                return { output_key: 'result', source: '{{previous.output}}' };
            case 'end':
@@ -85,7 +106,7 @@
            group: 'nodes',
            data: {
                id: node.id || `node-${index + 1}`,
-                label: node.label || NODE_LABELS[node.type] || node.id || `节点 ${index + 1}`,
+                label: node.label || wfNodeLabel(node.type) || node.id || _t('workflows.nodeFallback', { n: index + 1 }),
                type: node.type || 'tool',
                config: configWithDefaults(node.type || 'tool', node.config)
            },
@@ -237,7 +258,7 @@
        const response = await apiFetch(`/api/workflows?includeDisabled=${includeDisabled ? 'true' : 'false'}`);
        if (!response.ok) {
            const err = await response.json().catch(() => ({}));
-            throw new Error(err.error || '加载工作流失败');
+            throw new Error(err.error || _t('workflows.loadFailed'));
        }
        const data = await response.json();
        workflows = data.workflows || [];
@@ -273,13 +294,13 @@
        const list = document.getElementById('workflow-list');
        if (!list) return;
        if (!workflows.length) {
-            list.innerHTML = '<div class="empty-state">暂无图编排流程</div>';
+            list.innerHTML = '<div class="empty-state">' + esc(_t('workflows.emptyList')) + '</div>';
            return;
        }
        list.innerHTML = workflows.map(wf => `
            <button type="button" class="workflow-list-item ${wf.id === currentWorkflowId ? 'is-active' : ''}" onclick="selectWorkflow(decodeURIComponent('${encodeURIComponent(wf.id)}'))">
                <span class="workflow-list-title">${esc(wf.name || wf.id)}</span>
-                <span class="workflow-list-meta">${esc(wf.id)} · v${wf.version || 1} · ${wf.enabled ? '启用' : '禁用'}</span>
+                <span class="workflow-list-meta">${esc(wf.id)} · v${wf.version || 1} · ${wf.enabled ? esc(_t('workflows.statusEnabled')) : esc(_t('workflows.statusDisabled'))}</span>
            </button>
        `).join('');
    }
@@ -347,7 +368,7 @@
        if (!selectedElement) {
            empty.hidden = false;
            form.hidden = true;
-            if (title) title.textContent = '属性';
+            if (title) title.textContent = _t('workflows.properties');
            if (deleteBtn) deleteBtn.hidden = true;
            return;
        }
@@ -355,10 +376,10 @@
        selectedElement.select();
        empty.hidden = true;
        form.hidden = false;
-        if (title) title.textContent = selectedElement.isNode() ? '节点属性' : '连线属性';
+        if (title) title.textContent = selectedElement.isNode() ? _t('workflows.nodeProperties') : _t('workflows.edgeProperties');
        if (deleteBtn) {
            deleteBtn.hidden = false;
-            deleteBtn.textContent = selectedElement.isNode() ? '删除节点' : '删除连线';
+            deleteBtn.textContent = selectedElement.isNode() ? _t('workflows.deleteNode') : _t('workflows.deleteEdge');
        }
        const typeWrap = document.getElementById('workflow-prop-type-wrap');
        const label = document.getElementById('workflow-prop-label');
@@ -410,30 +431,30 @@
        if (!ele.isNode()) {
            const sourceType = ele.source().data('type') || '';
            const edgeHint = sourceType === 'condition'
-                ? '{{previous.matched}} == "true"（是）或 == "false"（否）'
-                : '例如: {{previous.output}} == "ok"';
+                ? _t('workflows.config.edgeConditionHintCondition')
+                : _t('workflows.config.edgeConditionHintExample');
            wrap.innerHTML = `
-                ${typedField('workflow-edge-condition', '连线条件', cfg.condition || '', edgeHint)}
-                ${sourceType === 'condition' ? '<p class="workflow-config-hint">从条件节点连出的第一条线默认为「是」分支，第二条为「否」分支；也可在此自定义条件。</p>' : ''}
+                ${typedField('workflow-edge-condition', _t('workflows.config.edgeCondition'), cfg.condition || '', edgeHint)}
+                ${sourceType === 'condition' ? '<p class="workflow-config-hint">' + esc(_t('workflows.config.edgeBranchHint')) + '</p>' : ''}
            `;
            return;
        }
        const type = ele.data('type') || 'tool';
        switch (type) {
            case 'start':
-                wrap.innerHTML = typedField('workflow-start-input-keys', '输入变量', cfg.input_keys, 'message, projectId');
+                wrap.innerHTML = typedField('workflow-start-input-keys', _t('workflows.config.inputKeys'), cfg.input_keys, 'message, projectId');
                break;
            case 'tool':
                wrap.innerHTML = `
                    <div class="form-group">
-                        <label for="workflow-tool-name">MCP 工具</label>
+                        <label for="workflow-tool-name">${esc(_t('workflows.config.mcpTool'))}</label>
                        <select id="workflow-tool-name" onchange="updateWorkflowTypedConfig()">
-                            <option value="">请选择工具</option>
-                            ${workflowToolOptions.map(tool => `<option value="${esc(tool.key)}" ${tool.key === cfg.tool_name ? 'selected' : ''}>${esc(tool.key)}${tool.enabled ? '' : '（未启用）'}</option>`).join('')}
+                            <option value="">${esc(_t('workflows.config.selectTool'))}</option>
+                            ${workflowToolOptions.map(tool => `<option value="${esc(tool.key)}" ${tool.key === cfg.tool_name ? 'selected' : ''}>${esc(tool.key)}${tool.enabled ? '' : esc(_t('workflows.config.toolDisabled'))}</option>`).join('')}
                        </select>
                    </div>
-                    ${typedTextarea('workflow-tool-arguments', '参数模板', cfg.arguments, '{"target":"{{inputs.target}}"}')}
-                    ${typedField('workflow-tool-timeout', '超时秒数', cfg.timeout_seconds, '可选')}
+                    ${typedTextarea('workflow-tool-arguments', _t('workflows.config.argumentsTemplate'), cfg.arguments, '{"target":"{{inputs.target}}"}')}
+                    ${typedField('workflow-tool-timeout', _t('workflows.config.timeoutSeconds'), cfg.timeout_seconds, _t('workflows.config.optional'))}
                `;
                if (!workflowToolsLoaded) {
                    loadWorkflowTools().then(() => {
@@ -444,27 +465,27 @@
            case 'agent':
                wrap.innerHTML = `
                    <div class="form-group">
-                        <label for="workflow-agent-mode">Agent 模式</label>
+                        <label for="workflow-agent-mode">${esc(_t('workflows.config.agentMode'))}</label>
                        <select id="workflow-agent-mode" onchange="updateWorkflowTypedConfig()">
                            ${AGENT_MODES.map(mode => `<option value="${mode}" ${mode === cfg.agent_mode ? 'selected' : ''}>${mode}</option>`).join('')}
                        </select>
                    </div>
-                    ${typedField('workflow-agent-input-source', '输入来源', cfg.input_source, '{{previous.output}}')}
-                    ${typedTextarea('workflow-agent-instruction', '节点指令', cfg.instruction, '描述该节点要完成的任务')}
-                    ${typedField('workflow-agent-output-key', '输出变量名', cfg.output_key, 'agent_result')}
+                    ${typedField('workflow-agent-input-source', _t('workflows.config.inputSource'), cfg.input_source, '{{previous.output}}')}
+                    ${typedTextarea('workflow-agent-instruction', _t('workflows.config.nodeInstruction'), cfg.instruction, _t('workflows.config.instructionPlaceholder'))}
+                    ${typedField('workflow-agent-output-key', _t('workflows.config.outputKey'), cfg.output_key, 'agent_result')}
                `;
                break;
            case 'condition':
                wrap.innerHTML = `
-                    ${typedField('workflow-condition-expression', '条件表达式', cfg.expression, '{{previous.output}} != ""')}
-                    <p class="workflow-config-hint">节点会计算 matched（true/false），由出边决定分支：第一条线为「是」，第二条为「否」；也可在连线上写 <code>{{previous.matched}} == "true"</code>。</p>
+                    ${typedField('workflow-condition-expression', _t('workflows.config.conditionExpression'), cfg.expression, '{{previous.output}} != ""')}
+                    <p class="workflow-config-hint">${_t('workflows.config.conditionHint')}</p>
                `;
                break;
            case 'hitl':
                wrap.innerHTML = `
-                    ${typedTextarea('workflow-hitl-prompt', '审批提示', cfg.prompt, '请审批是否继续')}
+                    ${typedTextarea('workflow-hitl-prompt', _t('workflows.config.hitlPrompt'), cfg.prompt, _t('workflows.config.hitlPromptPlaceholder'))}
                    <div class="form-group">
-                        <label for="workflow-hitl-reviewer">审批方</label>
+                        <label for="workflow-hitl-reviewer">${esc(_t('workflows.config.hitlReviewer'))}</label>
                        <select id="workflow-hitl-reviewer" onchange="updateWorkflowTypedConfig()">
                            <option value="human" ${cfg.reviewer === 'human' ? 'selected' : ''}>human</option>
                            <option value="audit_agent" ${cfg.reviewer === 'audit_agent' ? 'selected' : ''}>audit_agent</option>
@@ -474,12 +495,12 @@
                break;
            case 'output':
                wrap.innerHTML = `
-                    ${typedField('workflow-output-key', '输出变量名', cfg.output_key, 'result')}
-                    ${typedField('workflow-output-source', '变量来源', cfg.source, '{{previous.output}}')}
+                    ${typedField('workflow-output-key', _t('workflows.config.outputKey'), cfg.output_key, 'result')}
+                    ${typedField('workflow-output-source', _t('workflows.config.outputSource'), cfg.source, '{{previous.output}}')}
                `;
                break;
            case 'end':
-                wrap.innerHTML = typedTextarea('workflow-end-template', '结束摘要模板', cfg.result_template, '{{outputs.result}}');
+                wrap.innerHTML = typedTextarea('workflow-end-template', _t('workflows.config.endTemplate'), cfg.result_template, '{{outputs.result}}');
                break;
            default:
                wrap.innerHTML = '';
@@ -491,7 +512,7 @@
        if (!wrap) return;
        const entries = Object.entries(config || {});
        if (!entries.length) {
-            wrap.innerHTML = '<div class="workflow-property-empty workflow-property-empty--compact">暂无自定义字段</div>';
+            wrap.innerHTML = '<div class="workflow-property-empty workflow-property-empty--compact">' + esc(_t('workflows.noCustomFields')) + '</div>';
            return;
        }
        wrap.innerHTML = entries.map(([key, value], index) => `
@@ -572,7 +593,7 @@
        const duplicate = cy.edges().some(edge => edge.source().id() === connectSourceId && edge.target().id() === node.id());
        if (duplicate) {
            if (typeof showNotification === 'function') {
-                showNotification('这两个节点之间已经有连线', 'warning');
+                showNotification(_t('workflows.duplicateEdge'), 'warning');
            }
            clearConnectSource();
            return;
@@ -584,10 +605,10 @@
        if (sourceType === 'condition') {
            const siblingCount = cy.edges().filter(edge => edge.source().id() === connectSourceId).length;
            if (siblingCount === 0) {
-                edgeLabel = '是';
+                edgeLabel = _t('workflows.edges.yes');
                edgeConfig = { condition: '{{previous.matched}} == "true"', branch: 'true' };
            } else if (siblingCount === 1) {
-                edgeLabel = '否';
+                edgeLabel = _t('workflows.edges.no');
                edgeConfig = { condition: '{{previous.matched}} == "false"', branch: 'false' };
            } else {
                edgeConfig = { condition: '' };
@@ -619,7 +640,7 @@
            data: {
                id: nextNodeId(type),
                type,
-                label: NODE_LABELS[type] || '节点',
+                label: wfNodeLabel(type),
                config: defaultConfigForType(type)
            },
            position: position || { x: 180 + cy.nodes().length * 28, y: 160 + cy.nodes().length * 28 }
@@ -631,7 +652,7 @@
    window.refreshWorkflows = async function () {
        initCy();
        const list = document.getElementById('workflow-list');
-        if (list) list.innerHTML = '<div class="loading-spinner">加载中...</div>';
+        if (list) list.innerHTML = '<div class="loading-spinner">' + esc(_t('common.loading')) + '</div>';
        try {
            await loadWorkflows(true);
            renderWorkflowList();
@@ -668,38 +689,38 @@
        const ids = new Set(nodes.map(node => node.id));
        const starts = nodes.filter(node => node.type === 'start');
        const outputs = nodes.filter(node => node.type === 'output');
-        if (!starts.length) errors.push('至少需要一个开始节点');
-        if (!outputs.length) errors.push('至少需要一个输出节点');
+        if (!starts.length) errors.push(_t('workflows.validation.needStart'));
+        if (!outputs.length) errors.push(_t('workflows.validation.needOutput'));
        edges.forEach(edge => {
-            if (edge.source === edge.target) errors.push(`连线 ${edge.id} 不能指向自身`);
-            if (!ids.has(edge.source)) errors.push(`连线 ${edge.id} 的源节点不存在`);
-            if (!ids.has(edge.target)) errors.push(`连线 ${edge.id} 的目标节点不存在`);
+            if (edge.source === edge.target) errors.push(_t('workflows.validation.edgeSelfLoop', { id: edge.id }));
+            if (!ids.has(edge.source)) errors.push(_t('workflows.validation.edgeSourceMissing', { id: edge.id }));
+            if (!ids.has(edge.target)) errors.push(_t('workflows.validation.edgeTargetMissing', { id: edge.id }));
        });
        starts.forEach(node => {
-            if (edges.some(edge => edge.target === node.id)) errors.push(`开始节点 ${node.label || node.id} 不应有入边`);
+            if (edges.some(edge => edge.target === node.id)) errors.push(_t('workflows.validation.startIncoming', { label: node.label || node.id }));
        });
        outputs.forEach(node => {
-            if (edges.some(edge => edge.source === node.id)) errors.push(`输出节点 ${node.label || node.id} 不应有出边`);
+            if (edges.some(edge => edge.source === node.id)) errors.push(_t('workflows.validation.outputOutgoing', { label: node.label || node.id }));
        });
        nodes.filter(node => node.type === 'tool').forEach(node => {
            if (!String((node.config || {}).tool_name || '').trim()) {
-                errors.push(`工具节点 ${node.label || node.id} 需要选择 MCP 工具`);
+                errors.push(_t('workflows.validation.toolNeedsMcp', { label: node.label || node.id }));
            }
        });
        nodes.filter(node => node.type === 'condition').forEach(node => {
            if (!String((node.config || {}).expression || '').trim()) {
-                errors.push(`条件节点 ${node.label || node.id} 需要条件表达式`);
+                errors.push(_t('workflows.validation.conditionNeedsExpr', { label: node.label || node.id }));
            }
            const outEdges = edges.filter(edge => edge.source === node.id);
            if (outEdges.length === 0) {
-                errors.push(`条件节点 ${node.label || node.id} 至少需要一条出边（是/否分支）`);
+                errors.push(_t('workflows.validation.conditionNeedsOutEdge', { label: node.label || node.id }));
            } else if (outEdges.length > 2) {
-                errors.push(`条件节点 ${node.label || node.id} 建议最多两条出边（是/否）；第三条及以后需配置连线条件`);
+                errors.push(_t('workflows.validation.conditionTooManyEdges', { label: node.label || node.id }));
            }
        });
        nodes.filter(node => node.type === 'output').forEach(node => {
            if (!String((node.config || {}).output_key || '').trim()) {
-                errors.push(`输出节点 ${node.label || node.id} 需要输出变量名`);
+                errors.push(_t('workflows.validation.outputNeedsKey', { label: node.label || node.id }));
            }
        });
        return errors;
@@ -712,7 +733,7 @@
        const description = document.getElementById('workflow-description').value.trim();
        const enabled = document.getElementById('workflow-enabled').checked;
        if (!id || !name) {
-            showNotification('工作流 ID 和名称不能为空', 'error');
+            showNotification(_t('workflows.idNameRequired'), 'error');
            return;
        }
        const graph = elementsToGraph();
@@ -730,12 +751,12 @@
        });
        if (!response.ok) {
            const err = await response.json().catch(() => ({}));
-            showNotification(err.error || '保存工作流失败', 'error');
+            showNotification(err.error || _t('workflows.saveFailed'), 'error');
            return;
        }
        const data = await response.json();
        currentWorkflowId = data.workflow && data.workflow.id ? data.workflow.id : id;
-        showNotification('工作流已保存', 'success');
+        showNotification(_t('workflows.saved'), 'success');
        await refreshWorkflows();
        if (typeof loadWorkflowOptionsForRoleModal === 'function') {
            await loadWorkflowOptionsForRoleModal();
@@ -745,18 +766,18 @@
    window.deleteCurrentWorkflow = async function () {
        const id = currentWorkflowId || document.getElementById('workflow-id').value.trim();
        if (!id) {
-            showNotification('请选择要删除的工作流', 'warning');
+            showNotification(_t('workflows.selectToDelete'), 'warning');
            return;
        }
-        if (!confirm(`确定删除工作流 ${id}？`)) return;
+        if (!confirm(_t('workflows.confirmDelete', { id: id }))) return;
        const response = await apiFetch(`/api/workflows/${encodeURIComponent(id)}`, { method: 'DELETE' });
        if (!response.ok) {
            const err = await response.json().catch(() => ({}));
-            showNotification(err.error || '删除工作流失败', 'error');
+            showNotification(err.error || _t('workflows.deleteFailed'), 'error');
            return;
        }
        currentWorkflowId = '';
-        showNotification('工作流已删除', 'success');
+        showNotification(_t('workflows.deleted'), 'success');
        newWorkflowDraft();
        await refreshWorkflows();
    };
@@ -795,10 +816,10 @@
        const btn = document.getElementById('workflow-connect-btn');
        if (btn) {
            btn.classList.toggle('active', connectMode);
-            btn.textContent = connectMode ? '连线中' : '连线';
+            btn.textContent = connectMode ? _t('workflows.connecting') : _t('workflows.connect');
        }
        if (typeof showNotification === 'function') {
-            showNotification(connectMode ? '连线模式：依次点击源节点和目标节点' : '已退出连线模式', 'info');
+            showNotification(connectMode ? _t('workflows.connectModeOn') : _t('workflows.connectModeOff'), 'info');
        }
    };

@@ -834,7 +855,7 @@
            selectedElement.data('type', type);
            if (type !== prevType) {
                selectedElement.data('config', defaultConfigForType(type));
-                selectedElement.data('label', label || NODE_LABELS[type] || '节点');
+                selectedElement.data('label', label || wfNodeLabel(type));
                document.getElementById('workflow-prop-label').value = selectedElement.data('label') || '';
                renderTypedConfig(selectedElement);
                renderCustomFields({});
@@ -883,9 +904,54 @@
        const select = document.getElementById('role-workflow-id');
        if (!select) return;
        const current = selectedId !== undefined ? selectedId : select.value;
-        select.innerHTML = '<option value="">不绑定流程</option>' + workflows.map(wf => (
-            `<option value="${esc(wf.id)}">${esc(wf.name || wf.id)}${wf.enabled ? '' : '（已禁用）'}</option>`
+        select.innerHTML = '<option value="">' + esc(_t('roleModal.noWorkflowBind')) + '</option>' + workflows.map(wf => (
+            `<option value="${esc(wf.id)}">${esc(wf.name || wf.id)}${wf.enabled ? '' : esc(_t('roleModal.workflowDisabledSuffix'))}</option>`
        )).join('');
        select.value = current || '';
    };
+
+    function refreshCanvasLabels() {
+        if (!cy) return;
+        cy.nodes().forEach(function (node) {
+            const type = node.data('type') || 'tool';
+            const label = node.data('label') || '';
+            const known = KNOWN_NODE_LABELS[type] || [];
+            if (known.indexOf(label) !== -1) {
+                node.data('label', wfNodeLabel(type));
+            }
+        });
+        cy.edges().forEach(function (edge) {
+            const label = edge.data('label') || '';
+            if (KNOWN_EDGE_LABELS.yes.indexOf(label) !== -1) {
+                edge.data('label', _t('workflows.edges.yes'));
+            } else if (KNOWN_EDGE_LABELS.no.indexOf(label) !== -1) {
+                edge.data('label', _t('workflows.edges.no'));
+            }
+        });
+    }
+
+    function refreshWorkflowsI18n() {
+        const page = document.getElementById('page-workflows');
+        if (page && typeof window.applyTranslations === 'function') {
+            window.applyTranslations(page);
+        }
+        const connectBtn = document.getElementById('workflow-connect-btn');
+        if (connectBtn) {
+            connectBtn.textContent = connectMode ? _t('workflows.connecting') : _t('workflows.connect');
+        }
+        refreshCanvasLabels();
+        renderWorkflowList();
+        if (selectedElement && selectedElement.length) {
+            selectWorkflowElement(selectedElement);
+        } else {
+            selectWorkflowElement(null);
+        }
+        if (typeof loadWorkflowOptionsForRoleModal === 'function') {
+            loadWorkflowOptionsForRoleModal();
+        }
+    }
+
+    document.addEventListener('languagechange', function () {
+        refreshWorkflowsI18n();
+    });
 })();
@@ -202,13 +202,13 @@
                        </div>
                    </div>
                    <div class="nav-item" data-page="workflows">
-                        <div class="nav-item-content" data-title="图编排" onclick="switchPage('workflows')">
+                        <div class="nav-item-content" data-title="图编排" onclick="switchPage('workflows')" data-i18n="nav.workflows" data-i18n-attr="data-title" data-i18n-skip-text="true">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <rect x="3" y="3" width="8" height="8" rx="2"/>
                                <path d="M7 11v4a2 2 0 0 0 2 2h4"/>
                                <rect x="13" y="13" width="8" height="8" rx="2"/>
                            </svg>
-                            <span>图编排</span>
+                            <span data-i18n="nav.workflows">图编排</span>
                        </div>
                    </div>
                    <div class="nav-item" data-page="projects">
@@ -2550,85 +2550,85 @@
                <!-- 图编排页面 -->
                <div id="page-workflows" class="page">
                    <div class="page-header">
-                        <h2>图编排</h2>
+                        <h2 data-i18n="workflows.title">图编排</h2>
                        <div class="page-header-actions">
-                            <button class="btn-secondary" onclick="refreshWorkflows()">刷新</button>
-                            <button class="btn-primary" onclick="newWorkflowDraft()">新建图</button>
+                            <button class="btn-secondary" onclick="refreshWorkflows()" data-i18n="common.refresh">刷新</button>
+                            <button class="btn-primary" onclick="newWorkflowDraft()" data-i18n="workflows.newGraph">新建图</button>
                        </div>
                    </div>
                    <div class="page-content workflow-page-content">
                        <aside class="workflow-sidebar">
                            <div class="workflow-panel">
                                <div class="workflow-panel-header">
-                                    <h3>流程库</h3>
+                                    <h3 data-i18n="workflows.processLibrary">流程库</h3>
                                </div>
                                <div id="workflow-list" class="workflow-list">
-                                    <div class="loading-spinner">加载中...</div>
+                                    <div class="loading-spinner" data-i18n="common.loading">加载中...</div>
                                </div>
                            </div>
                            <div class="workflow-panel">
                                <div class="workflow-panel-header">
-                                    <h3>节点库</h3>
+                                    <h3 data-i18n="workflows.nodeLibrary">节点库</h3>
                                </div>
                                <div class="workflow-node-palette">
-                                    <button type="button" draggable="true" data-node-type="start" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('start')">开始</button>
-                                    <button type="button" draggable="true" data-node-type="tool" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('tool')">工具</button>
-                                    <button type="button" draggable="true" data-node-type="agent" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('agent')">Agent</button>
-                                    <button type="button" draggable="true" data-node-type="condition" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('condition')">条件</button>
-                                    <button type="button" draggable="true" data-node-type="hitl" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('hitl')">审批</button>
-                                    <button type="button" draggable="true" data-node-type="output" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('output')">输出</button>
-                                    <button type="button" draggable="true" data-node-type="end" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('end')">结束</button>
+                                    <button type="button" draggable="true" data-node-type="start" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('start')" data-i18n="workflows.nodes.start">开始</button>
+                                    <button type="button" draggable="true" data-node-type="tool" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('tool')" data-i18n="workflows.nodes.tool">工具</button>
+                                    <button type="button" draggable="true" data-node-type="agent" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('agent')" data-i18n="workflows.nodes.agent">Agent</button>
+                                    <button type="button" draggable="true" data-node-type="condition" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('condition')" data-i18n="workflows.nodes.condition">条件</button>
+                                    <button type="button" draggable="true" data-node-type="hitl" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('hitl')" data-i18n="workflows.nodes.hitl">审批</button>
+                                    <button type="button" draggable="true" data-node-type="output" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('output')" data-i18n="workflows.nodes.output">输出</button>
+                                    <button type="button" draggable="true" data-node-type="end" ondragstart="workflowPaletteDragStart(event)" onclick="addWorkflowNodeFromPalette('end')" data-i18n="workflows.nodes.end">结束</button>
                                </div>
                            </div>
                        </aside>
                        <main class="workflow-main">
                            <section class="workflow-meta-bar">
                                <div class="workflow-meta-fields">
-                                    <label>ID <input type="text" id="workflow-id" placeholder="web-scan-basic" autocomplete="off"></label>
-                                    <label>名称 <input type="text" id="workflow-name" placeholder="基础 Web 扫描" autocomplete="off"></label>
-                                    <label>描述 <input type="text" id="workflow-description" placeholder="可选" autocomplete="off"></label>
-                                    <label class="workflow-enabled-toggle"><input type="checkbox" id="workflow-enabled" checked> 启用</label>
+                                    <label><span data-i18n="workflows.metaId">ID</span> <input type="text" id="workflow-id" placeholder="web-scan-basic" autocomplete="off"></label>
+                                    <label><span data-i18n="workflows.metaName">名称</span> <input type="text" id="workflow-name" data-i18n="workflows.namePlaceholder" data-i18n-attr="placeholder" placeholder="基础 Web 扫描" autocomplete="off"></label>
+                                    <label><span data-i18n="workflows.metaDescription">描述</span> <input type="text" id="workflow-description" data-i18n="workflows.descriptionPlaceholder" data-i18n-attr="placeholder" placeholder="可选" autocomplete="off"></label>
+                                    <label class="workflow-enabled-toggle"><input type="checkbox" id="workflow-enabled" checked> <span data-i18n="workflows.metaEnabled">启用</span></label>
                                </div>
                                <div class="workflow-toolbar">
-                                    <button class="btn-secondary btn-small" type="button" onclick="toggleWorkflowConnectMode()" id="workflow-connect-btn">连线</button>
-                                    <button class="btn-secondary btn-small" type="button" onclick="deleteWorkflowSelection()">删除选中</button>
-                                    <button class="btn-secondary btn-small" type="button" onclick="layoutWorkflowGraph()">自动布局</button>
-                                    <button class="btn-secondary btn-small" onclick="deleteCurrentWorkflow()">删除</button>
-                                    <button class="btn-primary btn-small" onclick="saveWorkflowDraft()">保存</button>
+                                    <button class="btn-secondary btn-small" type="button" onclick="toggleWorkflowConnectMode()" id="workflow-connect-btn" data-i18n="workflows.connect">连线</button>
+                                    <button class="btn-secondary btn-small" type="button" onclick="deleteWorkflowSelection()" data-i18n="workflows.deleteSelected">删除选中</button>
+                                    <button class="btn-secondary btn-small" type="button" onclick="layoutWorkflowGraph()" data-i18n="workflows.autoLayout">自动布局</button>
+                                    <button class="btn-secondary btn-small" onclick="deleteCurrentWorkflow()" data-i18n="common.delete">删除</button>
+                                    <button class="btn-primary btn-small" onclick="saveWorkflowDraft()" data-i18n="common.save">保存</button>
                                </div>
                            </section>
                            <section class="workflow-canvas-wrap" ondragover="workflowCanvasDragOver(event)" ondrop="workflowCanvasDrop(event)">
                                <div id="workflow-canvas"></div>
-                                <div id="workflow-canvas-empty" class="workflow-canvas-empty">从左侧拖拽节点到画布，或点击节点按钮快速添加</div>
+                                <div id="workflow-canvas-empty" class="workflow-canvas-empty" data-i18n="workflows.canvasEmpty">从左侧拖拽节点到画布，或点击节点按钮快速添加</div>
                            </section>
                        </main>
                        <aside class="workflow-properties">
                            <div class="workflow-panel-header">
-                                <h3 id="workflow-property-title">属性</h3>
-                                <button type="button" id="workflow-property-delete-btn" class="btn-secondary btn-small" onclick="deleteWorkflowSelection()" hidden>删除</button>
+                                <h3 id="workflow-property-title" data-i18n="workflows.properties">属性</h3>
+                                <button type="button" id="workflow-property-delete-btn" class="btn-secondary btn-small" onclick="deleteWorkflowSelection()" hidden data-i18n="common.delete">删除</button>
                            </div>
-                            <div id="workflow-property-empty" class="workflow-property-empty">选择一个节点或连线后编辑属性</div>
+                            <div id="workflow-property-empty" class="workflow-property-empty" data-i18n="workflows.propertyEmpty">选择一个节点或连线后编辑属性</div>
                            <div id="workflow-property-form" class="workflow-property-form" hidden>
                                <div class="form-group">
-                                    <label for="workflow-prop-label">名称</label>
+                                    <label for="workflow-prop-label" data-i18n="workflows.propLabel">名称</label>
                                    <input type="text" id="workflow-prop-label" class="form-input" oninput="updateWorkflowSelectedProperty()">
                                </div>
                                <div class="form-group" id="workflow-prop-type-wrap">
-                                    <label for="workflow-prop-type">类型</label>
+                                    <label for="workflow-prop-type" data-i18n="workflows.propType">类型</label>
                                    <select id="workflow-prop-type" onchange="updateWorkflowSelectedProperty()">
-                                        <option value="start">开始</option>
-                                        <option value="tool">工具</option>
-                                        <option value="agent">Agent</option>
-                                        <option value="condition">条件</option>
-                                        <option value="hitl">审批</option>
-                                        <option value="output">输出</option>
-                                        <option value="end">结束</option>
+                                        <option value="start" data-i18n="workflows.nodes.start">开始</option>
+                                        <option value="tool" data-i18n="workflows.nodes.tool">工具</option>
+                                        <option value="agent" data-i18n="workflows.nodes.agent">Agent</option>
+                                        <option value="condition" data-i18n="workflows.nodes.condition">条件</option>
+                                        <option value="hitl" data-i18n="workflows.nodes.hitl">审批</option>
+                                        <option value="output" data-i18n="workflows.nodes.output">输出</option>
+                                        <option value="end" data-i18n="workflows.nodes.end">结束</option>
                                    </select>
                                </div>
                                <div id="workflow-typed-config" class="workflow-typed-config"></div>
                                <div class="workflow-custom-fields-head">
-                                    <span>自定义字段</span>
-                                    <button type="button" class="btn-secondary btn-small" onclick="addWorkflowCustomField()">添加字段</button>
+                                    <span data-i18n="workflows.customFields">自定义字段</span>
+                                    <button type="button" class="btn-secondary btn-small" onclick="addWorkflowCustomField()" data-i18n="workflows.addField">添加字段</button>
                                </div>
                                <div id="workflow-custom-fields" class="workflow-custom-fields"></div>
                            </div>
@@ -4661,17 +4661,17 @@
                    <small class="form-hint" data-i18n="roleModal.userPromptHint">此提示词会追加到用户消息前，用于指导AI的行为。注意：这不会修改系统提示词。</small>
                </div>
                <div class="form-group">
-                    <label for="role-workflow-id">绑定图编排流程</label>
+                    <label for="role-workflow-id" data-i18n="roleModal.bindWorkflow">绑定图编排流程</label>
                    <select id="role-workflow-id">
-                        <option value="">不绑定流程</option>
+                        <option value="" data-i18n="roleModal.noWorkflowBind">不绑定流程</option>
                    </select>
-                    <small class="form-hint">选中流程后，对话页使用该角色会自动触发绑定图；流程字段由图定义 JSON 自由配置。</small>
+                    <small class="form-hint" data-i18n="roleModal.bindWorkflowHint">选中流程后，对话页使用该角色会自动触发绑定图；流程字段由图定义 JSON 自由配置。</small>
                </div>
                <div class="form-group">
-                    <label for="role-workflow-policy">流程触发策略</label>
+                    <label for="role-workflow-policy" data-i18n="roleModal.workflowPolicy">流程触发策略</label>
                    <select id="role-workflow-policy">
-                        <option value="auto">自动触发</option>
-                        <option value="off">关闭</option>
+                        <option value="auto" data-i18n="roleModal.workflowPolicyAuto">自动触发</option>
+                        <option value="off" data-i18n="roleModal.workflowPolicyOff">关闭</option>
                    </select>
                </div>
                <div class="form-group" id="role-tools-section">