CalvinBackup/CyberStrikeAI
1
0
Fork 0
mirror of https://github.com/Ed1s0nZ/CyberStrikeAI.git synced 2026-04-21 18:26:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
公明
2026-03-25 03:24:33 +08:00
committed by GitHub
parent 93f0a46d6e
commit 4b105e0bb7
4 changed files with 222 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/style.css
+106
View File
@@ -9670,6 +9670,112 @@ header {
flex-direction: column;
min-height: 0;
}
.webshell-pane-memo {
padding: 14px;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.55) 0%, rgba(241, 245, 249, 0.28) 100%);
}
.webshell-memo-layout {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 14px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.9) 100%);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.85);
overflow: hidden;
}
.webshell-memo-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 14px;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
font-size: 0.92rem;
font-weight: 600;
color: var(--text-primary);
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(6px);
}
.webshell-memo-input {
flex: 1;
min-height: 0;
margin: 12px 14px 8px;
padding: 12px 13px;
border-radius: 10px;
border: 1px solid rgba(15, 23, 42, 0.14);
background: #fff;
font-size: 0.9rem;
line-height: 1.55;
font-family: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
color: var(--text-primary);
resize: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.webshell-memo-input:focus {
border-color: rgba(37, 99, 235, 0.5);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
outline: none;
}
.webshell-memo-status {
margin: 0 14px 12px auto;
padding: 3px 10px;
border-radius: 999px;
font-size: 0.74rem;
color: var(--text-secondary);
background: rgba(148, 163, 184, 0.14);
border: 1px solid rgba(148, 163, 184, 0.25);
}
.webshell-memo-status.error {
color: #b91c1c;
background: rgba(239, 68, 68, 0.14);
border-color: rgba(239, 68, 68, 0.28);
}
.webshell-ai-memo {
flex-shrink: 0;
width: 300px;
min-width: 220px;
display: flex;
flex-direction: column;
border-left: 1px solid var(--border-color);
background: var(--bg-secondary);
min-height: 0;
}
.webshell-ai-memo-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
border-bottom: 1px solid var(--border-color);
font-size: 0.9rem;
color: var(--text-primary);
}
.webshell-ai-memo-input {
flex: 1;
min-height: 0;
margin: 10px 12px 8px;
resize: none;
}
.webshell-ai-memo-status {
padding: 0 12px 10px;
font-size: 0.75rem;
color: var(--text-secondary);
}
.webshell-ai-memo-status.error {
color: #dc2626;
}
@media (max-width: 1280px) {
.webshell-ai-memo {
width: 260px;
}
}
@media (max-width: 980px) {
.webshell-ai-memo {
display: none;
}
}
.webshell-ai-hint {
flex-shrink: 0;
padding: 10px 14px;
web/static/i18n/en-US.json
+6
View File
@@ -374,6 +374,7 @@
"tabFileManager": "File manager",
"tabAiAssistant": "AI Assistant",
"tabDbManager": "Database Manager",
"tabMemo": "Memo",
"dbType": "Database type",
"dbHost": "Host",
"dbPort": "Port",
@@ -414,6 +415,11 @@
"aiDeleteConversationConfirm": "Delete this conversation?",
"aiPlaceholder": "e.g. List files in the current directory",
"aiSend": "Send",
"aiMemo": "Memo",
"aiMemoPlaceholder": "Save key commands, testing ideas, and repro steps...",
"aiMemoClear": "Clear",
"aiMemoSaving": "Saving...",
"aiMemoSaved": "Saved locally",
"quickCommands": "Quick commands",
"downloadFile": "Download",
"terminalWelcome": "WebShell virtual terminal — type a command and press Enter (Ctrl+L clear)",
web/static/i18n/zh-CN.json
+6
View File
@@ -374,6 +374,7 @@
"tabFileManager": "文件管理",
"tabAiAssistant": "AI 助手",
"tabDbManager": "数据库管理",
"tabMemo": "备忘录",
"dbType": "数据库类型",
"dbHost": "主机",
"dbPort": "端口",
@@ -414,6 +415,11 @@
"aiDeleteConversationConfirm": "确定删除当前对话记录？",
"aiPlaceholder": "例如：列出当前目录下的文件",
"aiSend": "发送",
"aiMemo": "备忘录",
"aiMemoPlaceholder": "记录关键命令、测试思路、复现步骤...",
"aiMemoClear": "清空",
"aiMemoSaving": "保存中...",
"aiMemoSaved": "已保存到本地",
"quickCommands": "快捷命令",
"downloadFile": "下载",
"terminalWelcome": "WebShell 虚拟终端 — 输入命令后按回车执行（Ctrl+L 清屏）",
web/static/js/webshell.js
+104 -3
View File
@@ -99,6 +99,7 @@ function wsT(key) {
'webshell.tabFileManager': '文件管理',
'webshell.tabAiAssistant': 'AI 助手',
'webshell.tabDbManager': '数据库管理',
'webshell.tabMemo': '备忘录',
'webshell.dbType': '数据库类型',
'webshell.dbHost': '主机',
'webshell.dbPort': '端口',
@@ -135,6 +136,11 @@ function wsT(key) {
'webshell.aiSystemReadyMessage': '系统已就绪。请输入您的测试需求，系统将自动执行相应的安全测试。',
'webshell.aiPlaceholder': '例如：列出当前目录下的文件',
'webshell.aiSend': '发送',
'webshell.aiMemo': '备忘录',
'webshell.aiMemoPlaceholder': '记录关键命令、测试思路、复现步骤...',
'webshell.aiMemoClear': '清空',
'webshell.aiMemoSaving': '保存中...',
'webshell.aiMemoSaved': '已保存到本地',
'webshell.terminalWelcome': 'WebShell 虚拟终端 — 输入命令后按回车执行（Ctrl+L 清屏）',
'webshell.quickCommands': '快捷命令',
'webshell.downloadFile': '下载',
@@ -802,7 +808,9 @@ function normalizeWebshellDbState(rawState) {
if (!profiles.some(function (p) { return p.id === activeProfileId; })) {
activeProfileId = profiles[0].id;
}
return { profiles: profiles, activeProfileId: activeProfileId };
var aiMemo = typeof state.aiMemo === 'string' ? state.aiMemo : '';
if (aiMemo.length > 100000) aiMemo = aiMemo.slice(0, 100000);
return { profiles: profiles, activeProfileId: activeProfileId, aiMemo: aiMemo };
}
function getWebshellDbState(conn) {
@@ -838,6 +846,18 @@ function saveWebshellDbConfig(conn, cfg) {
saveWebshellDbState(conn, state);
}
function getWebshellAiMemo(conn) {
var state = getWebshellDbState(conn);
return typeof state.aiMemo === 'string' ? state.aiMemo : '';
}
function saveWebshellAiMemo(conn, text) {
var state = getWebshellDbState(conn);
state.aiMemo = String(text || '');
if (state.aiMemo.length > 100000) state.aiMemo = state.aiMemo.slice(0, 100000);
saveWebshellDbState(conn, state);
}
function webshellDbGetFieldValue(id) {
var el = document.getElementById(id);
return el && typeof el.value === 'string' ? el.value.trim() : '';
@@ -1230,6 +1250,17 @@ function renderWebshellAiErrorMessage(targetEl, rawMessage) {
}
}
function isLikelyWebshellAiErrorMessage(content, msg) {
var text = String(content || '').trim();
if (!text) return false;
var lower = text.toLowerCase();
if (/^(执行失败|请求失败|请求异常|error)\s*[:：]/i.test(text)) return true;
if (/(status code\s*:\s*4\d{2}|unauthorized|forbidden|apikey|api key|invalid api key)/i.test(lower)) return true;
if (/(noderunerror|tool[-_ ]?error|agent[-_ ]?error|执行失败)/i.test(lower)) return true;
var details = msg && Array.isArray(msg.processDetails) ? msg.processDetails : [];
return details.some(function (d) { return String((d && d.eventType) || '').toLowerCase() === 'error'; });
}
function formatWebshellAiConvDate(updatedAt) {
if (!updatedAt) return '';
var d = typeof updatedAt === 'string' ? new Date(updatedAt) : updatedAt;
@@ -1404,7 +1435,9 @@ function webshellAiConvListSelect(conn, convId, messagesContainer, listEl) {
if (role === 'user') {
div.textContent = content;
} else {
if (typeof formatMarkdown === 'function') {
if (isLikelyWebshellAiErrorMessage(content, msg)) {
renderWebshellAiErrorMessage(div, content);
} else if (typeof formatMarkdown === 'function') {
div.innerHTML = formatMarkdown(content);
} else {
div.textContent = content;
@@ -1455,6 +1488,7 @@ function selectWebshell(id, stateReady) {
'<button type="button" class="webshell-tab" data-tab="file">' + wsT('webshell.tabFileManager') + '</button>' +
'<button type="button" class="webshell-tab" data-tab="db">' + (wsT('webshell.tabDbManager') || '数据库管理') + '</button>' +
'<button type="button" class="webshell-tab" data-tab="ai">' + (wsT('webshell.tabAiAssistant') || 'AI 助手') + '</button>' +
'<button type="button" class="webshell-tab" data-tab="memo">' + (wsT('webshell.tabMemo') || '备忘录') + '</button>' +
'</div>' +
'<div id="webshell-pane-terminal" class="webshell-pane active">' +
'<div class="webshell-terminal-toolbar">' +
@@ -1524,6 +1558,13 @@ function selectWebshell(id, stateReady) {
'</div>' +
'</div>' +
'</div>' +
'<div id="webshell-pane-memo" class="webshell-pane webshell-pane-memo">' +
'<div class="webshell-memo-layout">' +
'<div class="webshell-memo-head"><span>' + (wsT('webshell.aiMemo') || '备忘录') + '</span><button type="button" class="btn-ghost btn-sm" id="webshell-ai-memo-clear">' + (wsT('webshell.aiMemoClear') || '清空') + '</button></div>' +
'<textarea id="webshell-ai-memo-input" class="webshell-memo-input form-control" rows="18" placeholder="' + (wsT('webshell.aiMemoPlaceholder') || '记录关键命令、测试思路、复现步骤...') + '"></textarea>' +
'<div id="webshell-ai-memo-status" class="webshell-memo-status">' + (wsT('webshell.aiMemoSaved') || '已保存到本地') + '</div>' +
'</div>' +
'</div>' +
'<div id="webshell-pane-db" class="webshell-pane webshell-pane-db">' +
'<div class="webshell-db-profiles-bar"><div id="webshell-db-profiles" class="webshell-db-profiles"></div><div class="webshell-db-profile-actions"><button type="button" class="btn-ghost btn-sm" id="webshell-db-add-profile-btn">+ ' + (wsT('webshell.dbAddProfile') || '新增连接') + '</button></div></div>' +
'<div class="webshell-db-layout">' +
@@ -1640,6 +1681,50 @@ function selectWebshell(id, stateReady) {
var aiMessages = document.getElementById('webshell-ai-messages');
var aiNewConvBtn = document.getElementById('webshell-ai-new-conv');
var aiConvListEl = document.getElementById('webshell-ai-conv-list');
var aiMemoInput = document.getElementById('webshell-ai-memo-input');
var aiMemoStatus = document.getElementById('webshell-ai-memo-status');
var aiMemoClearBtn = document.getElementById('webshell-ai-memo-clear');
var aiMemoSaveTimer = null;
function setWebshellAiMemoStatus(text, isError) {
if (!aiMemoStatus) return;
aiMemoStatus.textContent = text || '';
aiMemoStatus.classList.toggle('error', !!isError);
}
function flushWebshellAiMemo() {
if (!aiMemoInput) return;
saveWebshellAiMemo(conn, aiMemoInput.value || '');
setWebshellAiMemoStatus(wsT('webshell.aiMemoSaved') || '已保存到本地', false);
}
if (aiMemoInput) {
aiMemoInput.value = getWebshellAiMemo(conn);
setWebshellAiMemoStatus(wsT('webshell.aiMemoSaved') || '已保存到本地', false);
aiMemoInput.addEventListener('input', function () {
setWebshellAiMemoStatus(wsT('webshell.aiMemoSaving') || '保存中...', false);
if (aiMemoSaveTimer) clearTimeout(aiMemoSaveTimer);
aiMemoSaveTimer = setTimeout(function () {
aiMemoSaveTimer = null;
flushWebshellAiMemo();
}, 500);
});
aiMemoInput.addEventListener('blur', function () {
if (aiMemoSaveTimer) {
clearTimeout(aiMemoSaveTimer);
aiMemoSaveTimer = null;
}
flushWebshellAiMemo();
});
}
if (aiMemoClearBtn && aiMemoInput) {
aiMemoClearBtn.addEventListener('click', function () {
aiMemoInput.value = '';
flushWebshellAiMemo();
aiMemoInput.focus();
});
}
if (aiNewConvBtn) {
aiNewConvBtn.addEventListener('click', function () {
@@ -2154,7 +2239,9 @@ function loadWebshellAiHistory(conn, messagesContainer) {
if (role === 'user') {
div.textContent = content;
} else {
if (typeof formatMarkdown === 'function') {
if (isLikelyWebshellAiErrorMessage(content, msg)) {
renderWebshellAiErrorMessage(div, content);
} else if (typeof formatMarkdown === 'function') {
div.innerHTML = formatMarkdown(content);
} else {
div.textContent = content;
@@ -3548,10 +3635,12 @@ function refreshWebshellUIOnLanguageChange() {
var tabFile = workspace.querySelector('.webshell-tab[data-tab="file"]');
var tabAi = workspace.querySelector('.webshell-tab[data-tab="ai"]');
var tabDb = workspace.querySelector('.webshell-tab[data-tab="db"]');
var tabMemo = workspace.querySelector('.webshell-tab[data-tab="memo"]');
if (tabTerminal) tabTerminal.textContent = wsT('webshell.tabTerminal');
if (tabFile) tabFile.textContent = wsT('webshell.tabFileManager');
if (tabAi) tabAi.textContent = wsT('webshell.tabAiAssistant') || 'AI 助手';
if (tabDb) tabDb.textContent = wsT('webshell.tabDbManager') || '数据库管理';
if (tabMemo) tabMemo.textContent = wsT('webshell.tabMemo') || '备忘录';
var quickLabel = workspace.querySelector('.webshell-quick-label');
if (quickLabel) quickLabel.textContent = (wsT('webshell.quickCommands') || '快捷命令') + ':';
@@ -3596,6 +3685,18 @@ function refreshWebshellUIOnLanguageChange() {
if (aiInput) aiInput.placeholder = wsT('webshell.aiPlaceholder') || '例如：列出当前目录下的文件';
var aiSendBtn = document.getElementById('webshell-ai-send');
if (aiSendBtn) aiSendBtn.textContent = wsT('webshell.aiSend') || '发送';
var aiMemoTitle = document.querySelector('.webshell-memo-head span');
if (aiMemoTitle) aiMemoTitle.textContent = wsT('webshell.aiMemo') || '备忘录';
var aiMemoClearBtn = document.getElementById('webshell-ai-memo-clear');
if (aiMemoClearBtn) aiMemoClearBtn.textContent = wsT('webshell.aiMemoClear') || '清空';
var aiMemoInput = document.getElementById('webshell-ai-memo-input');
if (aiMemoInput) aiMemoInput.placeholder = wsT('webshell.aiMemoPlaceholder') || '记录关键命令、测试思路、复现步骤...';
var aiMemoStatus = document.getElementById('webshell-ai-memo-status');
if (aiMemoStatus && !aiMemoStatus.classList.contains('error')) {
var savingText = wsT('webshell.aiMemoSaving') || '保存中...';
var savedText = wsT('webshell.aiMemoSaved') || '已保存到本地';
aiMemoStatus.textContent = aiMemoStatus.textContent === savingText ? savingText : savedText;
}
var dbTypeLabel = document.querySelector('#webshell-db-type') ? document.querySelector('#webshell-db-type').closest('label') : null;
if (dbTypeLabel && dbTypeLabel.querySelector('span')) dbTypeLabel.querySelector('span').textContent = wsT('webshell.dbType') || '数据库类型';
var dbHostLabel = document.querySelector('#webshell-db-host') ? document.querySelector('#webshell-db-host').closest('label') : null;