CalvinBackup/CyberStrikeAI
1
0
Fork 0
mirror of https://github.com/Ed1s0nZ/CyberStrikeAI.git synced 2026-06-04 13:28:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
公明
2026-06-03 17:08:59 +08:00
committed by GitHub
parent 71aade5bd9
commit 3a401ade68
7 changed files with 298 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/i18n/en-US.json
+20
View File
@@ -1957,6 +1957,26 @@
"retryDelay": "Retry delay (ms)",
"retryDelayPlaceholder": "1000",
"retryDelayHint": "Delay between retries (ms)",
"visionConfig": "Vision analysis (analyze_image)",
"visionEnabled": "Enable analyze_image vision tool",
"visionEnabledHint": "Registers the MCP tool when enabled; images are sent only for one VL call; agent context keeps text summaries only. Save & apply to take effect.",
"visionBaseUrlPlaceholder": "Leave empty to reuse OpenAI Base URL",
"visionApiKeyPlaceholder": "Leave empty to reuse OpenAI API Key",
"visionModel": "Vision model",
"visionModelPlaceholder": "qwen-vl-max",
"visionModelRequired": "Vision model name is required when vision is enabled",
"visionAdvanced": "Advanced: preprocessing & limits",
"visionMaxImageBytes": "Max original file size (bytes)",
"visionMaxDimension": "Max long-edge pixels",
"visionJpegQuality": "JPEG quality",
"visionMaxPayloadBytes": "Max API payload (bytes)",
"visionSkipPreprocessBytes": "Passthrough below (bytes)",
"visionSkipPreprocessHint": "0 = always JPEG compress; must also fit long-edge and payload limits.",
"visionDetail": "Image detail",
"visionTimeout": "Timeout (seconds)",
"visionAllowedRoots": "Extra allowed path roots",
"visionAllowedRootsPlaceholder": "One absolute path per line, optional",
"visionTestFillRequired": "Enter vision model and ensure API Key is available (or reuse OpenAI)",
"testConnection": "Test Connection",
"testFillRequired": "Please fill in API Key and Model first",
"testing": "Testing connection...",
web/static/i18n/zh-CN.json
+20
View File
@@ -1946,6 +1946,26 @@
"retryDelay": "重试间隔（毫秒）",
"retryDelayPlaceholder": "1000",
"retryDelayHint": "重试间隔毫秒数（默认 1000），每次重试会递增延迟",
"visionConfig": "视觉分析（analyze_image）",
"visionEnabled": "启用视觉分析工具 analyze_image",
"visionEnabledHint": "启用后注册 MCP 工具；图片仅在单次 VL 调用中出现，Agent 上下文只保留文字摘要。保存并应用后生效。",
"visionBaseUrlPlaceholder": "留空则复用 OpenAI Base URL",
"visionApiKeyPlaceholder": "留空则复用 OpenAI API Key",
"visionModel": "视觉模型",
"visionModelPlaceholder": "qwen-vl-max",
"visionModelRequired": "启用视觉分析时请填写视觉模型名称",
"visionAdvanced": "高级：预处理与限制",
"visionMaxImageBytes": "原始文件上限（字节）",
"visionMaxDimension": "长边缩放像素",
"visionJpegQuality": "JPEG 质量",
"visionMaxPayloadBytes": "送 API 体积上限（字节）",
"visionSkipPreprocessBytes": "低于该字节可原图直传",
"visionSkipPreprocessHint": "0 表示始终 JPEG 压缩；需同时满足长边与 payload 限制。",
"visionDetail": "Image detail",
"visionTimeout": "超时（秒）",
"visionAllowedRoots": "额外允许路径根目录",
"visionAllowedRootsPlaceholder": "每行一个绝对路径，可选",
"visionTestFillRequired": "请填写视觉模型，并确保 API Key 可用（可复用 OpenAI）",
"testConnection": "测试连接",
"testFillRequired": "请先填写 API Key 和模型",
"testing": "测试中...",
web/static/js/settings.js
+122
View File
@@ -197,6 +197,8 @@ async function loadConfig(loadTools = true) {
orAllowEl.checked = orm.allow_client_reasoning !== false;
}
fillVisionConfigFromCurrent(currentConfig.vision || {});
// 填充FOFA配置
const fofa = currentConfig.fofa || {};
const fofaEmailEl = document.getElementById('fofa-email');
@@ -1074,6 +1076,14 @@ async function applySettings() {
alert(msg);
return;
}
const visionPayload = collectVisionConfigFromForm();
if (visionPayload.enabled && !visionPayload.model) {
const vm = document.getElementById('vision-model');
if (vm) vm.classList.add('error');
alert((typeof window.t === 'function') ? window.t('settingsBasic.visionModelRequired') : '启用视觉分析时请填写视觉模型名称');
return;
}
// 收集配置
const knowledgeEnabledCheckbox = document.getElementById('knowledge-enabled');
@@ -1146,6 +1156,7 @@ async function applySettings() {
allow_client_reasoning: document.getElementById('openai-reasoning-allow-client')?.checked !== false
}
},
vision: visionPayload,
fofa: {
email: document.getElementById('fofa-email')?.value.trim() || '',
api_key: document.getElementById('fofa-api-key')?.value.trim() || '',
@@ -1341,6 +1352,117 @@ async function applySettings() {
}
}
function fillVisionConfigFromCurrent(v) {
const en = document.getElementById('vision-enabled');
if (en) en.checked = v.enabled === true;
const prov = document.getElementById('vision-provider');
if (prov) prov.value = (v.provider || '').trim();
const setVal = (id, val) => {
const el = document.getElementById(id);
if (el) el.value = val != null && val !== '' ? String(val) : '';
};
setVal('vision-api-key', v.api_key || '');
setVal('vision-base-url', v.base_url || '');
setVal('vision-model', v.model || '');
setVal('vision-max-image-bytes', v.max_image_bytes || 5242880);
setVal('vision-max-dimension', v.max_dimension || 2048);
setVal('vision-jpeg-quality', v.jpeg_quality || 82);
setVal('vision-max-payload-bytes', v.max_payload_bytes || 524288);
setVal('vision-skip-preprocess-bytes', v.skip_preprocess_below_bytes != null ? v.skip_preprocess_below_bytes : 2097152);
setVal('vision-timeout-seconds', v.timeout_seconds || 60);
const det = document.getElementById('vision-detail');
if (det) {
const d = (v.detail || 'low').toString().toLowerCase();
det.value = ['low', 'auto', 'high'].includes(d) ? d : 'low';
}
const rootsEl = document.getElementById('vision-allowed-roots');
if (rootsEl) {
const roots = Array.isArray(v.allowed_roots) ? v.allowed_roots : [];
rootsEl.value = roots.join('\n');
}
syncVisionFormEnabled();
}
function collectVisionConfigFromForm() {
const parseIntOr = (id, fallback) => {
const n = parseInt(document.getElementById(id)?.value, 10);
return Number.isNaN(n) ? fallback : n;
};
const rootsRaw = document.getElementById('vision-allowed-roots')?.value || '';
const allowed_roots = rootsRaw.split(/\r?\n/).map(s => s.trim()).filter(Boolean);
const provider = document.getElementById('vision-provider')?.value.trim() || '';
return {
enabled: document.getElementById('vision-enabled')?.checked === true,
api_key: document.getElementById('vision-api-key')?.value.trim() || '',
base_url: document.getElementById('vision-base-url')?.value.trim() || '',
model: document.getElementById('vision-model')?.value.trim() || '',
provider: provider,
timeout_seconds: parseIntOr('vision-timeout-seconds', 60),
max_image_bytes: parseIntOr('vision-max-image-bytes', 5242880),
max_dimension: parseIntOr('vision-max-dimension', 2048),
jpeg_quality: parseIntOr('vision-jpeg-quality', 82),
max_payload_bytes: parseIntOr('vision-max-payload-bytes', 524288),
skip_preprocess_below_bytes: parseIntOr('vision-skip-preprocess-bytes', 2097152),
detail: document.getElementById('vision-detail')?.value || 'low',
allowed_roots: allowed_roots
};
}
function syncVisionFormEnabled() {
const enabled = document.getElementById('vision-enabled')?.checked === true;
const panel = document.getElementById('vision-fields-panel');
if (panel) {
panel.style.opacity = enabled ? '1' : '0.55';
panel.querySelectorAll('input, select, textarea, a').forEach(el => {
if (el.id === 'test-vision-btn') return;
el.disabled = !enabled;
});
}
}
async function testVisionConnection() {
const resultEl = document.getElementById('test-vision-result');
const vision = collectVisionConfigFromForm();
const openai = {
provider: document.getElementById('openai-provider')?.value || 'openai',
api_key: document.getElementById('openai-api-key')?.value.trim() || '',
base_url: document.getElementById('openai-base-url')?.value.trim() || '',
model: document.getElementById('openai-model')?.value.trim() || ''
};
const apiKey = vision.api_key || openai.api_key;
const model = vision.model;
if (!apiKey || !model) {
if (resultEl) {
resultEl.textContent = typeof window.t === 'function' ? window.t('settingsBasic.visionTestFillRequired') : '请填写视觉模型，并确保 API Key 可用';
}
return;
}
if (resultEl) {
resultEl.textContent = typeof window.t === 'function' ? window.t('settingsBasic.testing') : '测试中...';
resultEl.style.color = '';
}
try {
const response = await apiFetch('/api/config/test-vision', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ vision: vision, openai: openai })
});
const result = await response.json();
if (result.success) {
const latency = result.latency_ms != null ? ` (${result.latency_ms}ms)` : '';
const modelInfo = result.model ? ` [${result.model}]` : '';
resultEl.textContent = (typeof window.t === 'function' ? window.t('settingsBasic.testSuccess') : '连接成功') + modelInfo + latency;
resultEl.style.color = 'var(--success-color, #38a169)';
} else {
resultEl.textContent = (typeof window.t === 'function' ? window.t('settingsBasic.testFailed') : '连接失败') + ': ' + (result.error || '未知错误');
resultEl.style.color = 'var(--error-color, #e53e3e)';
}
} catch (error) {
resultEl.textContent = (typeof window.t === 'function' ? window.t('settingsBasic.testError') : '测试出错') + ': ' + error.message;
resultEl.style.color = 'var(--error-color, #e53e3e)';
}
}
// 测试OpenAI连接
async function testOpenAIConnection() {
const btn = document.getElementById('test-openai-btn');
web/templates/index.html
+83
View File
@@ -2475,6 +2475,89 @@
</div>
</div>
<!-- Vision 视觉分析 -->
<div class="settings-subsection">
<h4 data-i18n="settingsBasic.visionConfig">视觉分析（analyze_image）</h4>
<div class="settings-form">
<div class="form-group">
<label class="checkbox-label">
<input type="checkbox" id="vision-enabled" class="modern-checkbox" onchange="syncVisionFormEnabled()" />
<span class="checkbox-custom"></span>
<span class="checkbox-text" data-i18n="settingsBasic.visionEnabled">启用视觉分析工具 analyze_image</span>
</label>
<small class="form-hint" data-i18n="settingsBasic.visionEnabledHint">启用后注册 MCP 工具；图片仅在单次 VL 调用中出现，Agent 上下文只保留文字摘要。</small>
</div>
<div id="vision-fields-panel">
<div class="form-group">
<label for="vision-provider" data-i18n="settingsBasic.provider">提供商</label>
<select id="vision-provider" style="width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color, #e2e8f0); border-radius: 6px; background: var(--card-bg, #fff); color: var(--text-color, #2d3748); font-size: 0.875rem;">
<option value="">OpenAI 配置（留空复用）</option>
<option value="openai">OpenAI / 兼容 OpenAI 协议</option>
<option value="claude">Claude (Anthropic Messages API)</option>
</select>
</div>
<div class="form-group">
<label for="vision-base-url" data-i18n="settingsBasic.baseUrl">Base URL</label>
<input type="text" id="vision-base-url" data-i18n="settingsBasic.visionBaseUrlPlaceholder" data-i18n-attr="placeholder" placeholder="留空则复用 OpenAI Base URL" />
</div>
<div class="form-group">
<label for="vision-api-key" data-i18n="settingsBasic.apiKey">API Key</label>
<input type="password" id="vision-api-key" data-i18n="settingsBasic.visionApiKeyPlaceholder" data-i18n-attr="placeholder" placeholder="留空则复用 OpenAI API Key" />
</div>
<div class="form-group">
<label for="vision-model"><span data-i18n="settingsBasic.visionModel">视觉模型</span> <span style="color: red;">*</span></label>
<input type="text" id="vision-model" data-i18n="settingsBasic.visionModelPlaceholder" data-i18n-attr="placeholder" placeholder="qwen-vl-max" />
</div>
<details style="margin-top: 8px;">
<summary style="cursor: pointer; font-size: 0.875rem; color: var(--accent-color, #3182ce);" data-i18n="settingsBasic.visionAdvanced">高级：预处理与限制</summary>
<div style="margin-top: 12px;">
<div class="form-group">
<label for="vision-max-image-bytes" data-i18n="settingsBasic.visionMaxImageBytes">原始文件上限（字节）</label>
<input type="number" id="vision-max-image-bytes" min="0" step="1024" placeholder="5242880" />
</div>
<div class="form-group">
<label for="vision-max-dimension" data-i18n="settingsBasic.visionMaxDimension">长边缩放像素</label>
<input type="number" id="vision-max-dimension" min="256" step="1" placeholder="2048" />
</div>
<div class="form-group">
<label for="vision-jpeg-quality" data-i18n="settingsBasic.visionJpegQuality">JPEG 质量</label>
<input type="number" id="vision-jpeg-quality" min="60" max="100" step="1" placeholder="82" />
</div>
<div class="form-group">
<label for="vision-max-payload-bytes" data-i18n="settingsBasic.visionMaxPayloadBytes">送 API 体积上限（字节）</label>
<input type="number" id="vision-max-payload-bytes" min="0" step="1024" placeholder="524288" />
</div>
<div class="form-group">
<label for="vision-skip-preprocess-bytes" data-i18n="settingsBasic.visionSkipPreprocessBytes">低于该字节可原图直传</label>
<input type="number" id="vision-skip-preprocess-bytes" min="0" step="1024" placeholder="2097152" />
<small class="form-hint" data-i18n="settingsBasic.visionSkipPreprocessHint">0 表示始终 JPEG 压缩；需同时满足长边与 payload 限制。</small>
</div>
<div class="form-group">
<label for="vision-detail" data-i18n="settingsBasic.visionDetail">Image detail</label>
<select id="vision-detail" style="width: 100%; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color, #e2e8f0); border-radius: 6px;">
<option value="low">low</option>
<option value="auto">auto</option>
<option value="high">high</option>
</select>
</div>
<div class="form-group">
<label for="vision-timeout-seconds" data-i18n="settingsBasic.visionTimeout">超时（秒）</label>
<input type="number" id="vision-timeout-seconds" min="5" step="1" placeholder="60" />
</div>
<div class="form-group">
<label for="vision-allowed-roots" data-i18n="settingsBasic.visionAllowedRoots">额外允许路径根目录</label>
<textarea id="vision-allowed-roots" rows="2" data-i18n="settingsBasic.visionAllowedRootsPlaceholder" data-i18n-attr="placeholder" placeholder="每行一个绝对路径，可选"></textarea>
</div>
</div>
</details>
<div style="display: flex; align-items: center; gap: 8px; margin-top: 8px;">
<a href="javascript:void(0)" id="test-vision-btn" onclick="testVisionConnection()" style="font-size: 0.8125rem; color: var(--accent-color, #3182ce); text-decoration: none; cursor: pointer;" data-i18n="settingsBasic.testConnection">测试连接</a>
<span id="test-vision-result" style="font-size: 0.8125rem;"></span>
</div>
</div>
</div>
</div>
<!-- Agent配置 -->
<div class="settings-subsection">
<h4 data-i18n="settingsBasic.agentConfig">Agent 配置</h4>