feat: add secure batch completion reports
Generate immutable post-cleanup summaries only after queue, history, and recovery finalization. Add bilingual accessible report UI, host and cleanup metrics, report-bound JSON and sanitized error CSV exports, renderer reload recovery, duplicate-filename-safe accounting, and public-source verification coverage.
This commit is contained in:
Sucukdeluxe
@@ -735,6 +735,239 @@ body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-sel
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.batch-completion-card {
|
||||
width: min(920px, 100%);
|
||||
max-height: min(calc(100vh - 48px), 820px);
|
||||
}
|
||||
.batch-completion-header {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.batch-completion-heading {
|
||||
min-width: 0;
|
||||
}
|
||||
.batch-completion-outcome {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 22px;
|
||||
margin-bottom: 7px;
|
||||
padding: 3px 8px;
|
||||
border: 1px solid rgba(52, 211, 153, .38);
|
||||
border-radius: 999px;
|
||||
background: rgba(52, 211, 153, .12);
|
||||
color: var(--success);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: .04em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#batchCompletionModal[data-outcome="mixed"] .batch-completion-outcome {
|
||||
border-color: rgba(245, 158, 11, .42);
|
||||
background: rgba(245, 158, 11, .12);
|
||||
color: var(--warning);
|
||||
}
|
||||
.batch-completion-body {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.batch-completion-transfer,
|
||||
.batch-completion-metrics {
|
||||
margin: 0;
|
||||
}
|
||||
.batch-completion-transfer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
.batch-completion-transfer > div,
|
||||
.batch-completion-metrics > div {
|
||||
min-width: 0;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 255, 255, .025);
|
||||
}
|
||||
.batch-completion-transfer > div {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.batch-completion-transfer dt,
|
||||
.batch-completion-metrics dt {
|
||||
color: var(--text-muted);
|
||||
font-size: 11px;
|
||||
}
|
||||
.batch-completion-transfer dd,
|
||||
.batch-completion-metrics dd {
|
||||
margin: 4px 0 0;
|
||||
color: var(--text-primary);
|
||||
font-size: 16px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
font-weight: 700;
|
||||
}
|
||||
.batch-completion-metric-sections {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
.batch-completion-section {
|
||||
min-width: 0;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 10px;
|
||||
background: rgba(255, 255, 255, .018);
|
||||
}
|
||||
.batch-completion-section h4 {
|
||||
margin: 0 0 9px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.batch-completion-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 7px;
|
||||
}
|
||||
.batch-completion-metrics > div {
|
||||
padding: 8px 9px;
|
||||
}
|
||||
.batch-completion-job-metrics > div:first-child {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
.batch-completion-table-scroll {
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.batch-completion-table-scroll:focus-visible {
|
||||
outline: 2px solid var(--accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.batch-completion-table-scroll table {
|
||||
width: 100%;
|
||||
min-width: 650px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.batch-completion-table-scroll th,
|
||||
.batch-completion-table-scroll td {
|
||||
padding: 7px 9px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.batch-completion-table-scroll th {
|
||||
color: var(--text-muted);
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.batch-completion-table-scroll th:first-child,
|
||||
.batch-completion-table-scroll td:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
.batch-completion-table-scroll tbody tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.batch-completion-section-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
}
|
||||
.batch-completion-section-heading h4 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.batch-completion-section-heading span {
|
||||
min-width: 24px;
|
||||
padding: 2px 7px;
|
||||
border-radius: 999px;
|
||||
background: rgba(239, 68, 68, .14);
|
||||
color: var(--danger);
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.batch-completion-errors ol {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.batch-completion-errors li {
|
||||
min-width: 0;
|
||||
padding: 9px 10px;
|
||||
border: 1px solid rgba(239, 68, 68, .22);
|
||||
border-radius: 8px;
|
||||
background: rgba(239, 68, 68, .055);
|
||||
}
|
||||
.batch-completion-error-head,
|
||||
.batch-completion-error-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px 10px;
|
||||
}
|
||||
.batch-completion-error-file {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.batch-completion-error-meta {
|
||||
margin-top: 4px;
|
||||
color: var(--text-muted);
|
||||
font-size: 11px;
|
||||
}
|
||||
.batch-completion-error-message {
|
||||
margin: 7px 0 0;
|
||||
color: var(--text-secondary);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.batch-completion-error-uncertain {
|
||||
color: var(--warning);
|
||||
font-weight: 700;
|
||||
}
|
||||
#batchCompletionErrorsMore {
|
||||
margin: 9px 0 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
.batch-completion-footer,
|
||||
.batch-completion-export-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.batch-completion-footer {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.batch-completion-export-actions {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (max-width: 820px) {
|
||||
.batch-completion-card {
|
||||
max-height: calc(100vh - 24px);
|
||||
}
|
||||
.batch-completion-metric-sections {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.batch-completion-metric-sections > :last-child {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.batch-completion-transfer,
|
||||
.batch-completion-metric-sections {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.batch-completion-metric-sections > :last-child {
|
||||
grid-column: auto;
|
||||
}
|
||||
.batch-completion-footer,
|
||||
.batch-completion-export-actions {
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
.batch-completion-footer > .btn,
|
||||
.batch-completion-export-actions .btn {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
}
|
||||
.hoster-modal-list {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
|
||||
Reference in New Issue
Block a user