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

Add files via upload

Browse Source
This commit is contained in:
公明
2026-06-14 19:58:04 +08:00
committed by GitHub
parent 33e4f023b5
commit 04f8d73b0e
5 changed files with 78 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/style.css
+16 -43
View File
@@ -22684,18 +22684,29 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
}
.projects-detail-title-row {
display: flex;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.projects-detail-title {
flex: 1;
min-width: 0;
margin: 0;
font-size: 1.375rem;
font-weight: 600;
color: #0f172a;
letter-spacing: -0.02em;
line-height: 1.35;
word-break: break-word;
overflow-wrap: anywhere;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.projects-status-pill {
flex-shrink: 0;
margin-top: 4px;
display: inline-flex;
align-items: center;
font-size: 0.6875rem;
@@ -22717,56 +22728,18 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
font-size: 0.8125rem;
color: #94a3b8;
}
.projects-detail-desc-block {
.projects-detail-desc {
margin: 10px 0 0;
max-width: min(640px, 100%);
}
.projects-detail-desc {
margin: 0;
font-size: 0.875rem;
color: #475569;
line-height: 1.55;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
}
.projects-detail-desc.is-collapsed {
max-height: 4.65em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
position: relative;
}
.projects-detail-desc.is-collapsed::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1.4em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
pointer-events: none;
}
.projects-detail-desc.is-expanded {
max-height: min(240px, 32vh);
overflow-y: auto;
overscroll-behavior: contain;
padding-right: 4px;
}
.projects-detail-desc-toggle {
display: inline-block;
margin-top: 6px;
padding: 0;
border: none;
background: none;
color: #0066ff;
font-size: 0.8125rem;
font-weight: 500;
cursor: pointer;
line-height: 1.4;
}
.projects-detail-desc-toggle:hover,
.projects-detail-desc-toggle:focus-visible {
text-decoration: underline;
outline: none;
}
.projects-description-textarea {
max-height: 200px;
web/static/i18n/en-US.json
+3
View File
@@ -286,6 +286,8 @@
"status": "Status",
"modalNewTitle": "New project",
"modalNewSubtitle": "After creation, bind conversations to share fact board across chats",
"modalEditTitle": "Edit project",
"modalEditSubtitle": "Update project name and description",
"projectName": "Project name",
"projectNamePlaceholder": "e.g. Client A Web pentest",
"projectDescription": "Project description",
@@ -411,6 +413,7 @@
"dangerZoneHint": "Archived projects are hidden unless 'Show archived' is enabled; deletion removes all facts permanently.",
"archiveRestore": "Archive / Restore",
"archiveProject": "Archive",
"editProject": "Edit",
"restoreProjectActive": "Restore to active",
"projectActions": "Project actions",
"deleteProject": "Delete project",
web/static/i18n/zh-CN.json
+3
View File
@@ -274,6 +274,8 @@
"status": "状态",
"modalNewTitle": "新建项目",
"modalNewSubtitle": "创建后可绑定对话，跨会话共享事实黑板",
"modalEditTitle": "编辑项目",
"modalEditSubtitle": "修改项目名称与描述",
"projectName": "项目名称",
"projectNamePlaceholder": "例如：某客户 Web 渗透",
"projectDescription": "项目描述",
@@ -399,6 +401,7 @@
"dangerZoneHint": "归档后需在列表勾选「显示已归档」才能查看；删除将清除全部事实且不可恢复。",
"archiveRestore": "归档 / 恢复",
"archiveProject": "归档",
"editProject": "编辑",
"restoreProjectActive": "恢复为进行中",
"projectActions": "项目操作",
"deleteProject": "删除项目",
web/static/js/projects.js
+52 -46
View File
@@ -12,7 +12,6 @@ let _projectsFetchPromise = null;
const PROJECT_ACTIVE_KEY = 'cyberstrike.activeProjectId';
const PROJECT_DESCRIPTION_MAX_LENGTH = 4000;
const PROJECT_DESC_COLLAPSE_THRESHOLD = 180;
function tp(key, opts) {
if (typeof window.t === 'function') return window.t(key, opts);
@@ -625,57 +624,27 @@ function clampProjectDescription(text) {
return s.slice(0, PROJECT_DESCRIPTION_MAX_LENGTH);
}
function projectDescriptionNeedsToggle(text) {
const s = (text || '').trim();
if (!s) return false;
if (s.length > PROJECT_DESC_COLLAPSE_THRESHOLD) return true;
return s.split('\n').length > 3;
function renderProjectDetailTitle(name) {
const titleEl = document.getElementById('projects-detail-title');
if (!titleEl) return;
const text = (name || '').trim() || tp('projects.defaultProjectName');
titleEl.textContent = text;
titleEl.title = text;
}
function renderProjectDetailDesc(desc) {
const blockEl = document.getElementById('projects-detail-desc-block');
const descEl = document.getElementById('projects-detail-desc');
const toggleEl = document.getElementById('projects-detail-desc-toggle');
if (!descEl || !blockEl) return;
if (!descEl) return;
const text = (desc || '').trim();
if (!text) {
blockEl.hidden = true;
descEl.hidden = true;
descEl.textContent = '';
descEl.className = 'projects-detail-desc is-collapsed';
if (toggleEl) {
toggleEl.hidden = true;
toggleEl.dataset.expanded = 'false';
}
descEl.removeAttribute('title');
return;
}
descEl.textContent = text;
blockEl.hidden = false;
descEl.classList.remove('is-expanded');
descEl.classList.add('is-collapsed');
if (toggleEl) {
const needsToggle = projectDescriptionNeedsToggle(text);
toggleEl.hidden = !needsToggle;
toggleEl.textContent = tp('projects.descExpand');
toggleEl.dataset.expanded = 'false';
}
}
function toggleProjectDetailDesc() {
const descEl = document.getElementById('projects-detail-desc');
const toggleEl = document.getElementById('projects-detail-desc-toggle');
if (!descEl || !toggleEl || toggleEl.hidden) return;
const expanded = toggleEl.dataset.expanded === 'true';
if (expanded) {
descEl.classList.add('is-collapsed');
descEl.classList.remove('is-expanded');
toggleEl.textContent = tp('projects.descExpand');
toggleEl.dataset.expanded = 'false';
} else {
descEl.classList.remove('is-collapsed');
descEl.classList.add('is-expanded');
toggleEl.textContent = tp('projects.descCollapse');
toggleEl.dataset.expanded = 'true';
}
descEl.title = text;
descEl.hidden = false;
}
function updateProjectStatusPill(status) {
@@ -731,8 +700,7 @@ async function selectProject(id) {
const res = await apiFetch(`/api/projects/${id}`);
if (!res.ok) throw new Error(tp('projects.projectNotFound'));
const p = await res.json();
const titleEl = document.getElementById('projects-detail-title');
if (titleEl) titleEl.textContent = p.name || tp('projects.defaultProjectName');
renderProjectDetailTitle(p.name);
document.getElementById('project-edit-name').value = p.name || '';
document.getElementById('project-edit-description').value = p.description || '';
document.getElementById('project-edit-scope').value = p.scope_json || '';
@@ -743,8 +711,7 @@ async function selectProject(id) {
updateProjectStatusPill(p.status || 'active');
const metaEl = document.getElementById('projects-detail-meta');
if (metaEl) metaEl.textContent = tpFmt('projects.updatedPrefix', `Updated ${formatProjectTime(p.updated_at)}`, { time: formatProjectTime(p.updated_at) });
const descEl = document.getElementById('projects-detail-desc');
if (descEl) renderProjectDetailDesc(p.description);
renderProjectDetailDesc(p.description);
projectNameById[p.id] = p.name || p.id;
} catch (e) {
console.warn(e);
@@ -1246,6 +1213,33 @@ function showNewProjectModal() {
openProjectsOverlay('project-modal');
}
async function showEditProjectModal(projectId) {
if (!projectId) return;
window._projectModalFromChat = false;
window._projectModalEditId = projectId;
document.getElementById('project-modal-title').textContent = tp('projects.modalEditTitle');
const sub = document.getElementById('project-modal-subtitle');
if (sub) sub.textContent = tp('projects.modalEditSubtitle');
const submitBtn = document.getElementById('project-modal-submit-btn');
if (submitBtn) submitBtn.textContent = tp('projects.saveChanges');
let p = findProjectById(projectId);
if (!p) {
try {
const res = await apiFetch(`/api/projects/${encodeURIComponent(projectId)}`);
if (!res.ok) throw new Error(tp('projects.projectNotFound'));
p = await res.json();
} catch (e) {
alert(e.message || tp('projects.projectNotFound'));
window._projectModalEditId = null;
return;
}
}
document.getElementById('project-modal-name').value = p.name || '';
document.getElementById('project-modal-description').value = p.description || '';
openProjectsOverlay('project-modal');
setTimeout(() => document.getElementById('project-modal-name')?.focus(), 0);
}
/** 从对话区「选择项目」面板打开新建项目，创建成功后自动绑定当前对话 */
function showNewProjectModalFromChat() {
closeChatProjectPanel();
@@ -1285,6 +1279,7 @@ async function saveProjectModal() {
function closeProjectModal() {
window._projectModalFromChat = false;
window._projectModalEditId = null;
closeProjectsOverlay('project-modal');
}
@@ -1390,8 +1385,10 @@ function showProjectListActionMenu(event, projectId) {
const p = findProjectById(projectId);
if (!p) return;
_projectListMenuTargetId = projectId;
const editText = document.getElementById('projects-list-menu-edit-text');
const archiveText = document.getElementById('projects-list-menu-archive-text');
const deleteText = document.getElementById('projects-list-menu-delete-text');
if (editText) editText.textContent = tp('projects.editProject');
if (archiveText) {
archiveText.textContent = p.status === 'archived'
? tp('projects.restoreProjectActive')
@@ -1461,6 +1458,13 @@ async function toggleProjectArchiveFromListMenu() {
await toggleProjectArchiveById(projectId);
}
function editProjectFromListMenu() {
const projectId = _projectListMenuTargetId;
closeProjectListActionMenu();
if (!projectId) return;
showEditProjectModal(projectId);
}
async function deleteProjectFromListMenu() {
const projectId = _projectListMenuTargetId;
closeProjectListActionMenu();
@@ -1899,6 +1903,7 @@ if (document.readyState === 'loading') {
window.initProjectsPage = initProjectsPage;
window.showNewProjectModal = showNewProjectModal;
window.showEditProjectModal = showEditProjectModal;
window.showNewProjectModalFromChat = showNewProjectModalFromChat;
window.saveProjectModal = saveProjectModal;
window.closeProjectModal = closeProjectModal;
@@ -1914,6 +1919,7 @@ window.saveProjectSettings = saveProjectSettings;
window.archiveCurrentProject = archiveCurrentProject;
window.deleteCurrentProject = deleteCurrentProject;
window.showProjectListActionMenu = showProjectListActionMenu;
window.editProjectFromListMenu = editProjectFromListMenu;
window.toggleProjectArchiveFromListMenu = toggleProjectArchiveFromListMenu;
window.deleteProjectFromListMenu = deleteProjectFromListMenu;
window.refreshChatProjectSelector = refreshChatProjectSelector;
web/templates/index.html
+4 -4
View File
@@ -1476,10 +1476,7 @@
<span id="projects-detail-status" class="projects-status-pill projects-status-pill--active" data-i18n="projects.statusActive">进行中</span>
</div>
<p id="projects-detail-meta" class="projects-detail-meta"></p>
<div id="projects-detail-desc-block" class="projects-detail-desc-block" hidden>
<p id="projects-detail-desc" class="projects-detail-desc is-collapsed"></p>
<button type="button" id="projects-detail-desc-toggle" class="projects-detail-desc-toggle" hidden onclick="toggleProjectDetailDesc()"></button>
</div>
<p id="projects-detail-desc" class="projects-detail-desc" hidden></p>
<div class="projects-detail-stats" id="projects-detail-stats">
<span class="projects-stat-chip" id="project-stat-facts">0 条事实</span>
<span class="projects-stat-chip" id="project-stat-vulns">0 个漏洞</span>
@@ -3783,6 +3780,9 @@
<!-- 项目列表操作菜单 -->
<div id="projects-list-action-menu" class="context-menu" style="display: none;" role="menu">
<div id="projects-list-menu-edit" class="context-menu-item" onclick="editProjectFromListMenu()">
<span id="projects-list-menu-edit-text"></span>
</div>
<div id="projects-list-menu-archive" class="context-menu-item" onclick="toggleProjectArchiveFromListMenu()">
<span id="projects-list-menu-archive-text"></span>
</div>