CalvinBackup/CyberStrikeAI
1
0
Fork 0
mirror of https://github.com/Ed1s0nZ/CyberStrikeAI.git synced 2026-08-01 08:37:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
公明
2026-07-21 11:10:20 +08:00
committed by GitHub
parent b51d428704
commit ec3f881587
5 changed files with 642 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/style.css
+570 -11
View File
@@ -5315,6 +5315,279 @@ html[data-theme="dark"] .login-card .login-submit:disabled {
border-color: var(--success-color);
}
#mcp-detail-modal {
background: rgba(3, 7, 18, 0.66);
backdrop-filter: blur(8px);
}
#mcp-detail-modal .mcp-detail-content {
width: min(980px, calc(100vw - 48px));
max-width: 980px;
max-height: min(86vh, 880px);
margin: 6vh auto;
border-radius: 16px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
border: 1px solid rgba(148, 163, 184, 0.26);
box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}
#mcp-detail-modal .modal-header {
min-height: 68px;
padding: 18px 24px;
background: rgba(255, 255, 255, 0.72);
border-bottom: 1px solid rgba(148, 163, 184, 0.22);
box-shadow: none;
backdrop-filter: blur(14px);
}
#mcp-detail-modal .modal-header h2 {
display: flex;
align-items: center;
gap: 12px;
font-size: 1.12rem;
line-height: 1.25;
letter-spacing: 0;
color: var(--text-primary);
background: none;
-webkit-text-fill-color: currentColor;
}
#mcp-detail-modal .modal-header h2::before {
content: '';
width: 6px;
height: 26px;
border-radius: 999px;
background: linear-gradient(180deg, #6366f1 0%, #38bdf8 100%);
box-shadow: 0 0 18px rgba(99, 102, 241, 0.38);
flex: 0 0 auto;
}
#mcp-detail-modal .modal-body {
padding: 24px 26px 26px;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.62), rgba(241, 245, 249, 0.36));
}
#mcp-detail-modal .detail-section {
margin-bottom: 18px;
padding: 20px 22px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(148, 163, 184, 0.22);
box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);
}
#mcp-detail-modal .detail-section-overview {
padding: 14px 16px;
background:
radial-gradient(circle at top left, rgba(59, 130, 246, 0.13), transparent 42%),
linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.68));
border-color: rgba(59, 130, 246, 0.22);
}
#mcp-detail-modal .detail-section-header {
margin-bottom: 14px;
}
#mcp-detail-modal .detail-section-overview .detail-section-header {
margin-bottom: 10px;
}
#mcp-detail-modal .detail-section h3 {
font-size: 0.98rem;
letter-spacing: 0;
}
#mcp-detail-modal .detail-section-header .btn-ghost {
border-color: rgba(37, 99, 235, 0.16);
background: rgba(37, 99, 235, 0.06);
}
#mcp-detail-modal .detail-info-grid {
grid-template-columns: minmax(180px, 1.2fr) minmax(130px, 0.7fr) minmax(190px, 0.95fr) minmax(260px, 1.35fr);
gap: 10px;
}
#mcp-detail-modal .detail-info-grid .detail-item {
min-width: 0;
min-height: 58px;
padding: 10px 12px;
border-radius: 9px;
background: rgba(15, 23, 42, 0.035);
border-color: rgba(148, 163, 184, 0.2);
box-shadow: none;
}
#mcp-detail-modal .detail-info-grid .detail-item:nth-child(4) {
grid-column: auto;
}
#mcp-detail-modal .detail-item strong {
font-size: 0.72rem;
letter-spacing: 0;
text-transform: none;
}
#mcp-detail-modal .detail-item span {
min-width: 0;
font-size: 0.9rem;
line-height: 1.35;
overflow-wrap: anywhere;
}
#mcp-detail-modal .mono-text {
font-size: 0.82rem;
font-weight: 600;
color: var(--text-primary);
}
#mcp-detail-modal .status-chip {
width: fit-content;
min-width: 88px;
padding: 5px 12px;
font-size: 0.82rem;
}
#mcp-detail-modal .detail-code-card {
padding: 0;
overflow: hidden;
background: #0b1120;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#mcp-detail-modal .detail-result-tabs {
display: inline-flex;
align-items: center;
gap: 4px;
margin: -2px 0 12px;
padding: 4px;
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 10px;
background: rgba(15, 23, 42, 0.045);
}
#mcp-detail-modal .detail-result-tab {
min-height: 30px;
padding: 0 12px;
border: 0;
border-radius: 7px;
background: transparent;
color: var(--text-secondary);
font-size: 0.82rem;
font-weight: 600;
cursor: pointer;
transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
#mcp-detail-modal .detail-result-tab.active {
background: #ffffff;
color: var(--text-primary);
box-shadow: 0 5px 14px rgba(15, 23, 42, 0.08);
}
#mcp-detail-modal .detail-result-tab.disabled,
#mcp-detail-modal .detail-result-tab:disabled {
cursor: not-allowed;
opacity: 0.48;
}
#mcp-detail-modal .detail-result-panel {
display: none;
}
#mcp-detail-modal .detail-result-panel.active {
display: block;
}
#mcp-detail-modal .detail-code-card .code-block,
#mcp-detail-modal .code-block {
max-height: 360px;
padding: 18px 20px;
border: 0;
border-radius: 0;
background: transparent;
color: #dbeafe;
font-size: 0.84rem;
line-height: 1.7;
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-word;
}
#mcp-detail-modal .code-block.error {
color: #fecaca;
}
#mcp-detail-modal .detail-success-wrapper {
border-color: rgba(34, 197, 94, 0.28);
background: rgba(240, 253, 244, 0.74);
}
#mcp-detail-modal .detail-error-wrapper {
border-color: rgba(239, 68, 68, 0.32);
background: rgba(254, 242, 242, 0.76);
}
#mcp-detail-modal .detail-abort-section {
border-color: rgba(245, 158, 11, 0.32);
background: rgba(255, 251, 235, 0.82);
}
#mcp-detail-modal .detail-abort-hint {
color: var(--text-secondary);
}
@media (max-width: 900px) {
#mcp-detail-modal .mcp-detail-content {
width: calc(100vw - 28px);
margin: 24px auto;
max-height: calc(100vh - 48px);
}
#mcp-detail-modal .detail-info-grid {
grid-template-columns: 1fr 1fr;
}
#mcp-detail-modal .detail-info-grid .detail-item:nth-child(4) {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
#mcp-detail-modal .mcp-detail-content {
width: 100%;
min-height: 100vh;
max-height: 100vh;
margin: 0;
border-radius: 0;
}
#mcp-detail-modal .modal-header,
#mcp-detail-modal .modal-body {
padding-left: 16px;
padding-right: 16px;
}
#mcp-detail-modal .detail-section {
padding: 16px;
}
#mcp-detail-modal .detail-info-grid {
grid-template-columns: 1fr;
}
#mcp-detail-modal .detail-info-grid .detail-item:nth-child(4) {
grid-column: auto;
}
#mcp-detail-modal .detail-section-header {
align-items: flex-start;
flex-direction: column;
}
}
.btn-ghost {
padding: 6px 14px;
border-radius: 999px;
@@ -31552,9 +31825,11 @@ html[data-theme="dark"] .chat-files-toast.chat-toast--error {
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.projects-fact-toolbar-hint {
display: flex;
display: inline-flex;
align-items: flex-start;
gap: 8px;
width: fit-content;
max-width: 100%;
margin: 0;
padding: 8px 10px;
font-size: 0.8125rem;
@@ -31798,7 +32073,7 @@ html[data-theme="dark"] .chat-files-toast.chat-toast--error {
.projects-fact-search-icon {
position: absolute;
left: 10px;
top: 9px;
bottom: 9px;
color: #94a3b8;
pointer-events: none;
}
@@ -32016,16 +32291,26 @@ html[data-theme="dark"] .projects-panel-count { color: var(--accent-color); back
#project-panel-conversations .data-table--projects td:nth-child(3) {
width: 30%;
}
.projects-vuln-toolbar-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
.projects-vuln-toolbar-filters {
width: 100%;
}
.projects-vuln-toolbar-top .projects-fact-toolbar-hint {
flex: 1 1 240px;
margin: 0;
.projects-vuln-toolbar-action {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
align-self: flex-end;
height: 34px;
padding: 0 14px;
margin-left: auto;
max-width: 100%;
border-radius: 8px;
white-space: nowrap;
}
@media (max-width: 720px) {
.projects-vuln-toolbar-action {
width: auto;
}
}
#project-panel-vulns .data-table--projects th:nth-child(1),
#project-panel-vulns .data-table--projects td:nth-child(1) {
@@ -33903,6 +34188,98 @@ html[data-theme="dark"] #skill-view-body {
border-color: #263244;
}
html[data-theme="dark"] #mcp-detail-modal {
background: rgba(2, 6, 23, 0.72);
}
html[data-theme="dark"] #mcp-detail-modal .mcp-detail-content {
background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
border-color: rgba(96, 165, 250, 0.16);
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
}
html[data-theme="dark"] #mcp-detail-modal .modal-header {
background: rgba(15, 23, 42, 0.78) !important;
border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}
html[data-theme="dark"] #mcp-detail-modal .modal-header h2 {
background: none !important;
color: #e5e7eb !important;
-webkit-text-fill-color: currentColor !important;
}
html[data-theme="dark"] #mcp-detail-modal .modal-body {
background:
radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 42%),
linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.88));
}
html[data-theme="dark"] #mcp-detail-modal .detail-section {
background: rgba(15, 23, 42, 0.72);
border-color: rgba(148, 163, 184, 0.14);
box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] #mcp-detail-modal .detail-section-overview {
background:
radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 44%),
linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.74));
border-color: rgba(59, 130, 246, 0.24);
}
html[data-theme="dark"] #mcp-detail-modal .detail-info-grid .detail-item {
background: rgba(2, 6, 23, 0.42);
border-color: rgba(148, 163, 184, 0.14);
}
html[data-theme="dark"] #mcp-detail-modal .detail-item strong {
color: #94a3b8;
}
html[data-theme="dark"] #mcp-detail-modal .detail-code-card {
background: #020617;
border-color: rgba(148, 163, 184, 0.16);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
html[data-theme="dark"] #mcp-detail-modal .detail-result-tabs {
background: rgba(2, 6, 23, 0.38);
border-color: rgba(148, 163, 184, 0.14);
}
html[data-theme="dark"] #mcp-detail-modal .detail-result-tab {
color: #94a3b8;
}
html[data-theme="dark"] #mcp-detail-modal .detail-result-tab.active {
background: rgba(59, 130, 246, 0.16);
color: #dbeafe;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}
html[data-theme="dark"] #mcp-detail-modal .detail-code-card .code-block,
html[data-theme="dark"] #mcp-detail-modal .code-block {
background: transparent !important;
border-color: transparent !important;
color: #dbeafe;
}
html[data-theme="dark"] #mcp-detail-modal .detail-success-wrapper {
background: rgba(20, 83, 45, 0.16);
border-color: rgba(34, 197, 94, 0.28);
}
html[data-theme="dark"] #mcp-detail-modal .detail-error-wrapper {
background: rgba(127, 29, 29, 0.18);
border-color: rgba(248, 113, 113, 0.28);
}
html[data-theme="dark"] #mcp-detail-modal .detail-abort-section {
background: rgba(120, 53, 15, 0.18);
border-color: rgba(251, 191, 36, 0.24);
}
html[data-theme="dark"] .timeline-item-content .timeline-plain-text {
background: transparent !important;
border-color: transparent !important;
@@ -41267,3 +41644,185 @@ html[data-theme="dark"] .asset-form-error { color: #fca5a5; }
}
@media (max-width: 640px) { .asset-editor-grid,.asset-detail-grid { grid-template-columns: 1fr; } .asset-total-card,.asset-recent-card,.asset-panel { padding: 18px; } .asset-type-grid,.asset-coverage-metrics { grid-template-columns: 1fr; } .asset-type-item + .asset-type-item { border-top: 1px solid var(--border-color,#e5e7eb); border-left: 0; } .asset-trend-header { grid-template-columns: 1fr auto; grid-template-areas: "heading summary"; column-gap: 12px; } .asset-chart-legend { display: none; } .asset-chart-summary { justify-content: flex-end; padding: 0; } .asset-chart-summary span { display: none; } .asset-protocol-compact .asset-bar-row,.asset-protocol-compact .asset-protocol-columns { grid-template-columns: 72px 1fr 42px; gap: 8px; padding-right: 4px; padding-left: 4px; } .asset-protocol-compact .asset-bar-row small,.asset-protocol-compact .asset-protocol-columns span:last-child { display: none; } .asset-editor-content,.asset-import-content,.asset-bulk-edit-content { width: 100%; max-height: 100vh; min-height: 100vh; margin: 0; border-radius: 0; } .asset-editor-content .modal-header,.asset-editor-body,.asset-editor-content .modal-footer { padding-left: 16px; padding-right: 16px; } .asset-editor-subtitle { max-width: 270px; } .asset-editor-primary { padding: 14px; } .asset-editor-group-heading { align-items: flex-start; flex-wrap: wrap; gap: 3px 8px; } .asset-editor-group-heading p { width: 100%; } .asset-editor-section-group + .asset-editor-section-group { margin-top: 20px; padding-top: 20px; } .asset-editor-wide,.asset-detail-item--wide { grid-column: auto; } .asset-toolbar-main > input { min-width: 100%; } .asset-advanced-filters { grid-template-columns: 1fr 1fr; } .asset-saved-views { align-items: stretch; flex-direction: column; } .asset-saved-views select { width: 100%; min-width: 0; } .asset-custom-select--saved-view { width: 100%; min-width: 0; flex-basis: auto; } .asset-import-template-actions { align-items: flex-start; flex-direction: column; padding-left: 0; } .asset-import-preview-table th:nth-child(3),.asset-import-preview-table td:nth-child(3),.asset-import-preview-table th:nth-child(4),.asset-import-preview-table td:nth-child(4) { display: none; } .asset-batch-selection { flex-wrap: wrap; } .asset-batch-primary-actions { display: grid; grid-template-columns: 1fr 1fr; } .asset-batch-primary-actions > .btn-primary { grid-column: 1 / -1; grid-row: 1; } .asset-batch-more { width: 100%; } .asset-batch-more > summary { width: 100%; } .asset-batch-menu { right: auto; left: 0; width: min(260px,calc(100vw - 48px)); } }
@media (max-width: 640px) { .asset-coverage-metrics > div + div,.asset-coverage-metrics > div:nth-child(4) { border-top: 1px solid var(--border-color,#e5e7eb); border-left: 0; } }
/* Dark UI polish for project-linked tables and asset library. */
html[data-theme="dark"] #page-projects.page,
html[data-theme="dark"] #page-asset-library.page {
background: #0b1120 !important;
}
html[data-theme="dark"] #page-projects .page-header,
html[data-theme="dark"] #page-asset-library .page-header {
background: #0d1526 !important;
border-bottom-color: #223047 !important;
}
html[data-theme="dark"] #page-projects .projects-sidebar-card,
html[data-theme="dark"] #page-projects .projects-detail-inner,
html[data-theme="dark"] #page-asset-library .asset-toolbar,
html[data-theme="dark"] #page-asset-library .asset-list-card {
background: #0f172a !important;
border-color: #223047 !important;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
}
html[data-theme="dark"] #page-projects .projects-sidebar-head,
html[data-theme="dark"] #page-projects .projects-sidebar-search,
html[data-theme="dark"] #page-projects .projects-sidebar-pagination,
html[data-theme="dark"] #page-projects .projects-detail-header,
html[data-theme="dark"] #page-projects .projects-tabs {
background: #101b2d !important;
border-color: #223047 !important;
}
html[data-theme="dark"] #page-projects .projects-list-item:hover {
background: rgba(96, 165, 250, 0.08) !important;
}
html[data-theme="dark"] #page-projects .projects-list-item.is-active {
background: linear-gradient(90deg, rgba(59, 130, 246, 0.22), rgba(96, 165, 250, 0.08)) !important;
border-color: rgba(96, 165, 250, 0.42) !important;
}
html[data-theme="dark"] #page-projects .projects-list-item-menu:hover,
html[data-theme="dark"] #page-projects .projects-list-item-menu:focus-visible {
background: rgba(96, 165, 250, 0.14) !important;
color: #dbeafe !important;
}
html[data-theme="dark"] #page-projects .projects-detail-meta,
html[data-theme="dark"] #page-projects .projects-stat-chip,
html[data-theme="dark"] #page-projects .projects-panel-count {
background: rgba(15, 23, 42, 0.72) !important;
border-color: #2b3a55 !important;
}
html[data-theme="dark"] #page-projects .projects-panel {
background: #0d1526 !important;
}
html[data-theme="dark"] #page-projects .projects-fact-toolbar,
html[data-theme="dark"] #page-projects .projects-panel-toolbar,
html[data-theme="dark"] #page-projects .projects-table-wrap,
html[data-theme="dark"] #page-asset-library .asset-table-wrap {
background: #0f172a !important;
border-color: #223047 !important;
}
html[data-theme="dark"] #page-projects .projects-panel-toolbar--hint {
background: transparent !important;
border-color: transparent !important;
}
html[data-theme="dark"] #page-projects .projects-fact-toolbar-hint {
background: rgba(59, 130, 246, 0.13) !important;
border-color: rgba(96, 165, 250, 0.34) !important;
color: #cfe3ff !important;
}
html[data-theme="dark"] #page-projects .projects-tab {
border: 1px solid transparent !important;
color: #aeb9ca !important;
}
html[data-theme="dark"] #page-projects .projects-tab:hover {
background: rgba(96, 165, 250, 0.09) !important;
border-color: rgba(96, 165, 250, 0.24) !important;
color: #e5e7eb !important;
}
html[data-theme="dark"] #page-projects .projects-tab.is-active {
background: rgba(96, 165, 250, 0.18) !important;
border-color: rgba(147, 197, 253, 0.62) !important;
color: #bfdbfe !important;
box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.18), 0 0 18px rgba(59, 130, 246, 0.12) !important;
}
html[data-theme="dark"] #page-projects .data-table,
html[data-theme="dark"] #page-asset-library .asset-table {
background: #0f172a !important;
color: #dbe4f0 !important;
}
html[data-theme="dark"] #page-projects .data-table thead th,
html[data-theme="dark"] #page-asset-library .asset-table th {
background: #172033 !important;
color: #b7c2d3 !important;
border-bottom-color: #2a3a55 !important;
box-shadow: inset 0 -1px 0 #2a3a55 !important;
}
html[data-theme="dark"] #page-projects .data-table tbody td,
html[data-theme="dark"] #page-asset-library .asset-table td {
background: #0f172a !important;
color: #dbe4f0 !important;
border-bottom-color: #1f2c42 !important;
}
html[data-theme="dark"] #page-projects .data-table tbody tr:nth-child(even) td,
html[data-theme="dark"] #page-asset-library .asset-table tbody tr:nth-child(even) td {
background: #10192b !important;
}
html[data-theme="dark"] #page-projects .data-table tbody tr:hover td,
html[data-theme="dark"] #page-asset-library .asset-table tbody tr:hover td {
background: #16243a !important;
box-shadow: inset 0 1px 0 rgba(96, 165, 250, 0.16), inset 0 -1px 0 rgba(96, 165, 250, 0.16) !important;
}
html[data-theme="dark"] #page-projects .data-table tbody tr.is-empty-row td,
html[data-theme="dark"] #page-asset-library .asset-table tbody td.muted {
background: #0f172a !important;
color: #8fa0b8 !important;
}
html[data-theme="dark"] #page-projects .data-table code {
background: #0a1221 !important;
border-color: #2b3a55 !important;
color: #bfdbfe !important;
}
html[data-theme="dark"] #page-projects .projects-action-btn {
background: #111c2f !important;
border-color: #2b3a55 !important;
color: #cbd5e1 !important;
}
html[data-theme="dark"] #page-projects .projects-action-btn:hover {
background: #172942 !important;
border-color: rgba(96, 165, 250, 0.5) !important;
color: #e5f0ff !important;
}
html[data-theme="dark"] #page-projects #project-panel-facts .data-table--projects th.col-actions,
html[data-theme="dark"] #page-projects #project-panel-facts .data-table--projects td.col-actions {
background: #0f172a !important;
box-shadow: inset 1px 0 0 #1f2c42 !important;
}
html[data-theme="dark"] #page-projects #project-panel-facts .data-table--projects thead th.col-actions {
background: #172033 !important;
box-shadow: inset 1px 0 0 #2a3a55, inset 0 -1px 0 #2a3a55 !important;
}
html[data-theme="dark"] #page-projects #project-panel-facts .data-table--projects tbody tr:nth-child(even) td.col-actions {
background: #10192b !important;
}
html[data-theme="dark"] #page-projects #project-panel-facts .data-table--projects tbody tr:hover td.col-actions {
background: #16243a !important;
box-shadow: inset 1px 0 0 rgba(96, 165, 250, 0.18), inset 0 1px 0 rgba(96, 165, 250, 0.16), inset 0 -1px 0 rgba(96, 165, 250, 0.16) !important;
}
html[data-theme="dark"] #page-asset-library .asset-toolbar input,
html[data-theme="dark"] #page-asset-library .asset-toolbar select {
background: #0b1324 !important;
border-color: #2b3a55 !important;
color: #e5e7eb !important;
}
html[data-theme="dark"] #page-asset-library .asset-list-card #asset-pagination.pagination-fixed,
html[data-theme="dark"] #project-panel-assets .projects-panel-pagination.pagination-fixed .pagination {
background: #0f172a !important;
border-color: #223047 !important;
}
web/static/i18n/en-US.json
+1
View File
@@ -3039,6 +3039,7 @@
"responseResult": "Response",
"copyContent": "Copy content",
"correctInfo": "Correct info",
"rawResponse": "Raw response",
"errorInfo": "Error info",
"copyError": "Copy error",
"contentTruncated": "… (display truncated; use read_file on the path in persisted-output for the full file)"
web/static/i18n/zh-CN.json
+1
View File
@@ -3027,6 +3027,7 @@
"responseResult": "响应结果",
"copyContent": "复制内容",
"correctInfo": "正确信息",
"rawResponse": "原始响应",
"errorInfo": "错误信息",
"copyError": "复制错误",
"contentTruncated": "…（展示已截断；完整内容见 persisted-output 中的文件路径，用 read_file 读取）"
web/static/js/chat.js
+48 -5
View File
@@ -3741,6 +3741,44 @@ function formatMCPResultJsonForDisplay(result, maxChars) {
return json;
}
function switchMCPResultDetailTab(tabName) {
const normalized = tabName === 'raw' ? 'raw' : 'success';
const tabs = {
success: document.getElementById('detail-result-tab-success'),
raw: document.getElementById('detail-result-tab-raw')
};
const panels = {
success: document.getElementById('detail-result-panel-success'),
raw: document.getElementById('detail-result-panel-raw')
};
Object.keys(tabs).forEach(function (key) {
const isActive = key === normalized;
if (tabs[key]) {
tabs[key].classList.toggle('active', isActive);
tabs[key].setAttribute('aria-selected', isActive ? 'true' : 'false');
}
if (panels[key]) {
panels[key].classList.toggle('active', isActive);
panels[key].hidden = !isActive;
}
});
}
function setMCPResultDetailTabs(defaultTab, hasSuccessContent) {
const successTab = document.getElementById('detail-result-tab-success');
if (successTab) {
successTab.disabled = !hasSuccessContent;
successTab.classList.toggle('disabled', !hasSuccessContent);
}
switchMCPResultDetailTab(hasSuccessContent && defaultTab !== 'raw' ? 'success' : 'raw');
}
function copyActiveMCPResultDetail(triggerBtn = null) {
const activePanel = document.querySelector('#mcp-detail-modal .detail-result-panel.active');
const activeBlock = activePanel ? activePanel.querySelector('.code-block') : null;
copyDetailBlock(activeBlock ? activeBlock.id : 'detail-response', triggerBtn);
}
async function showMCPDetail(executionId) {
try {
openAppModal('mcp-detail-modal', { focus: false });
@@ -3784,7 +3822,6 @@ async function showMCPDetail(executionId) {
// 响应结果 + 正确信息 / 错误信息
const responseElement = document.getElementById('detail-response');
const successSection = document.getElementById('detail-success-section');
const successElement = document.getElementById('detail-success');
const errorSection = document.getElementById('detail-error-section');
const errorElement = document.getElementById('detail-error');
@@ -3792,14 +3829,15 @@ async function showMCPDetail(executionId) {
// 重置状态
responseElement.className = 'code-block';
responseElement.textContent = '';
if (successSection && successElement) {
successSection.style.display = 'none';
if (successElement) {
successElement.className = 'code-block';
successElement.textContent = '';
}
if (errorSection && errorElement) {
errorSection.style.display = 'none';
errorElement.textContent = '';
}
setMCPResultDetailTabs('raw', false);
if (exec.result) {
const agentVisibleText = truncateMCPDetailText(extractMCPResultText(exec.result), MCP_DETAIL_MAX_CHARS);
@@ -3808,6 +3846,10 @@ async function showMCPDetail(executionId) {
if (exec.result.isError) {
responseElement.className = 'code-block error';
responseElement.textContent = formatMCPResultJsonForDisplay(exec.result, MCP_DETAIL_MAX_CHARS);
if (successElement) {
successElement.textContent = '';
}
setMCPResultDetailTabs('raw', false);
if (exec.error && errorSection && errorElement) {
errorSection.style.display = 'block';
errorElement.textContent = exec.error;
@@ -3815,10 +3857,10 @@ async function showMCPDetail(executionId) {
} else {
responseElement.className = 'code-block';
responseElement.textContent = formatMCPResultJsonForDisplay(exec.result, MCP_DETAIL_MAX_CHARS);
if (successSection && successElement) {
successSection.style.display = 'block';
if (successElement) {
successElement.textContent = agentVisibleText || emptyText;
}
setMCPResultDetailTabs('success', true);
}
} else {
if (normalizedStatus === 'running') {
@@ -3826,6 +3868,7 @@ async function showMCPDetail(executionId) {
} else {
responseElement.textContent = typeof window.t === 'function' ? window.t('chat.noResponseData') : '暂无响应数据';
}
setMCPResultDetailTabs('raw', false);
}
const abortSection = document.getElementById('detail-abort-section');
web/templates/index.html
+22 -57
View File
@@ -2212,16 +2212,9 @@
</nav>
<div id="project-panel-facts" class="projects-panel" role="tabpanel">
<div class="projects-fact-toolbar">
<p class="projects-fact-toolbar-hint" role="note">
<svg class="projects-fact-toolbar-hint-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M12 10v6M12 8h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span data-i18n="projects.factToolbarHint">索引仅含 key 与摘要（须含「什么 + 在哪 + 如何验证」）；攻击链 / POC 写在 body，Agent 通过 get_project_fact 复现</span>
</p>
<div class="projects-fact-toolbar-filters" role="search">
<label class="projects-fact-filter-field projects-fact-filter-field--search">
<span class="sr-only" data-i18n="projects.searchFactsSr">搜索事实</span>
<span class="projects-fact-filter-label" data-i18n="common.search">搜索</span>
<svg class="projects-fact-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M20 20L16 16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
@@ -2273,13 +2266,6 @@
</div>
<div id="project-panel-graph" class="projects-panel projects-panel--graph" role="tabpanel" hidden>
<div class="projects-fact-toolbar projects-graph-toolbar">
<p class="projects-fact-toolbar-hint" role="note">
<svg class="projects-fact-toolbar-hint-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M12 10v6M12 8h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span data-i18n="projects.graphToolbarHint">攻击路径图箭头与事实存储方向一致（source → target）；节点按 target→infra→finding→exploit 分层排布。虚线边为待确认。</span>
</p>
<div class="projects-fact-toolbar-filters projects-graph-toolbar-row">
<label class="projects-fact-filter-field">
<span class="projects-fact-filter-label" data-i18n="projects.graphView">视图</span>
@@ -2289,7 +2275,7 @@
</select>
</label>
<label class="projects-fact-filter-field projects-fact-filter-field--search projects-graph-search-field">
<span class="sr-only" data-i18n="projects.graphSearchSr">搜索节点</span>
<span class="projects-fact-filter-label" data-i18n="common.search">搜索</span>
<svg class="projects-fact-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M20 20L16 16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
@@ -2357,15 +2343,6 @@
</div>
</div>
<div id="project-panel-assets" class="projects-panel" role="tabpanel" hidden>
<div class="projects-panel-toolbar projects-panel-toolbar--hint">
<p class="projects-fact-toolbar-hint" role="note">
<svg class="projects-fact-toolbar-hint-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/><path d="M12 10v6M12 8h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span data-i18n="projects.boundAssetsHint">仅展示绑定到当前项目的资产；点击目标可查看完整详情</span>
</p>
<span id="project-assets-count" class="projects-panel-count">0</span>
</div>
<div class="projects-table-wrap projects-table-wrap--with-pagination">
<table class="data-table data-table--projects">
<thead><tr><th data-i18n="assets.target">目标</th><th data-i18n="assets.service">服务</th><th data-i18n="assets.title">标题/指纹</th><th data-i18n="assets.source">来源</th><th data-i18n="assets.lastSeen">最近发现</th><th data-i18n="assets.status">状态</th><th class="col-actions" data-i18n="common.actions">操作</th></tr></thead>
@@ -2375,15 +2352,6 @@
<div id="project-assets-pagination" class="pagination-container pagination-fixed projects-panel-pagination"></div>
</div>
<div id="project-panel-conversations" class="projects-panel" role="tabpanel" hidden>
<div class="projects-panel-toolbar projects-panel-toolbar--hint">
<p class="projects-fact-toolbar-hint" role="note">
<svg class="projects-fact-toolbar-hint-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M12 10v6M12 8h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span data-i18n="projects.boundConversationsHint">绑定到本项目的对话；点击可打开会话</span>
</p>
</div>
<div class="projects-table-wrap">
<table class="data-table data-table--projects">
<thead><tr><th data-i18n="projects.titleLabel">标题</th><th data-i18n="projects.updated">更新</th><th class="col-actions" data-i18n="common.actions">操作</th></tr></thead>
@@ -2393,19 +2361,9 @@
</div>
<div id="project-panel-vulns" class="projects-panel" role="tabpanel" hidden>
<div class="projects-fact-toolbar">
<div class="projects-vuln-toolbar-top">
<p class="projects-fact-toolbar-hint" role="note">
<svg class="projects-fact-toolbar-hint-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
<path d="M12 10v6M12 8h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span data-i18n="projects.projectVulnSummaryHint">本项目下记录的漏洞汇总</span>
</p>
<button type="button" class="btn-secondary btn-small" onclick="openVulnerabilitiesForProject()" data-i18n="projects.viewInVulnerabilityManagement">在漏洞管理中查看</button>
</div>
<div class="projects-fact-toolbar-filters" role="search">
<div class="projects-fact-toolbar-filters projects-vuln-toolbar-filters" role="search">
<label class="projects-fact-filter-field projects-fact-filter-field--search">
<span class="sr-only" data-i18n="projects.searchVulnsSr">搜索漏洞</span>
<span class="projects-fact-filter-label" data-i18n="common.search">搜索</span>
<svg class="projects-fact-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/>
<path d="M20 20L16 16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
@@ -2434,6 +2392,7 @@
<option value="false_positive" data-i18n="vulnerabilityPage.statusFalsePositive">误报</option>
</select>
</label>
<button type="button" class="btn-secondary btn-small projects-vuln-toolbar-action" onclick="openVulnerabilitiesForProject()" data-i18n="projects.viewInVulnerabilityManagement">在漏洞管理中查看</button>
</div>
</div>
<div class="projects-table-wrap">
@@ -4947,7 +4906,7 @@
<!-- MCP调用详情模态框 -->
<div id="mcp-detail-modal" class="modal">
<div class="modal-content">
<div class="modal-content mcp-detail-content">
<div class="modal-header">
<h2 data-i18n="mcpDetailModal.title">工具调用详情</h2>
<span class="modal-close" onclick="closeMCPDetail()">&times;</span>
@@ -4995,19 +4954,25 @@
<div class="detail-section">
<div class="detail-section-header">
<h3 data-i18n="mcpDetailModal.responseResult">响应结果</h3>
<button class="btn-ghost" type="button" onclick="copyDetailBlock('detail-response', this)" data-i18n="mcpDetailModal.copyContent">复制内容</button>
<button class="btn-ghost" type="button" onclick="copyActiveMCPResultDetail(this)" data-i18n="mcpDetailModal.copyContent">复制内容</button>
</div>
<div class="detail-code-card">
<pre id="detail-response" class="code-block"></pre>
<div class="detail-result-tabs" role="tablist" aria-label="响应结果视图">
<button id="detail-result-tab-success" class="detail-result-tab active" type="button" role="tab" aria-selected="true" aria-controls="detail-result-panel-success" onclick="switchMCPResultDetailTab('success')">
<span data-i18n="mcpDetailModal.correctInfo">正确信息</span>
</button>
<button id="detail-result-tab-raw" class="detail-result-tab" type="button" role="tab" aria-selected="false" aria-controls="detail-result-panel-raw" onclick="switchMCPResultDetailTab('raw')">
<span data-i18n="mcpDetailModal.rawResponse">原始响应</span>
</button>
</div>
</div>
<div class="detail-section detail-success-wrapper" id="detail-success-section" style="display: none;">
<div class="detail-section-header">
<h3 data-i18n="mcpDetailModal.correctInfo">正确信息</h3>
<button class="btn-ghost" type="button" onclick="copyDetailBlock('detail-success', this)" data-i18n="mcpDetailModal.copyContent">复制内容</button>
<div id="detail-result-panel-success" class="detail-result-panel active" role="tabpanel" aria-labelledby="detail-result-tab-success">
<div class="detail-code-card detail-success-code-card">
<pre id="detail-success" class="code-block"></pre>
</div>
</div>
<div class="detail-code-card">
<pre id="detail-success" class="code-block"></pre>
<div id="detail-result-panel-raw" class="detail-result-panel" role="tabpanel" aria-labelledby="detail-result-tab-raw" hidden>
<div class="detail-code-card">
<pre id="detail-response" class="code-block"></pre>
</div>
</div>
</div>
<div class="detail-section detail-error-wrapper" id="detail-error-section" style="display: none;">