feat: summarize completed upload batches

Capture real batch duration and show a dedicated localized completion summary with success, failure, and skipped counts plus a direct action to open failed uploads.

renderer/app.js

@@ -368,6 +368,7 @@ let _updateDownloadCancelable = false;
 let _updateCancelBusy = false;
 let _updateDialogReturnFocus = null;
 let _updateDialogInertState = [];
+let _batchCompletionTimer = null;
 let _startupAutoResumeController = null;
 let _startupAutoResumeCanceled = false;
 
@@ -3405,9 +3406,62 @@ function handleBatchDone(summary) {
   lastUploadStats = { state: 'idle', globalSpeedKbs: 0, totalBytes: lastUploadStats.totalBytes, elapsed: lastUploadStats.elapsed, activeJobs: 0 };
   updateStatusBar();
   _refreshSessionFailedSnapshot();
+  showBatchCompletionSummary(summary);
   _scheduleAutoRetryIfNeeded();
 }
 
+function _formatBatchCompletionDuration(seconds, english) {
+  const total = Math.max(0, Math.round(Number(seconds) || 0));
+  if (total < 60) return english ? `${total} sec` : `${total} Sek.`;
+  const minutes = Math.round(total / 60);
+  if (minutes < 60) return english ? `${minutes} min` : `${minutes} Min.`;
+  const hours = Math.floor(minutes / 60);
+  const remainder = minutes % 60;
+  return english ? `${hours} hr ${remainder} min` : `${hours} Std. ${remainder} Min.`;
+}
+
+function hideBatchCompletionSummary() {
+  const toast = document.getElementById('batchCompletionToast');
+  if (!toast) return;
+  if (_batchCompletionTimer) clearTimeout(_batchCompletionTimer);
+  _batchCompletionTimer = null;
+  toast.classList.remove('show');
+  setTimeout(() => {
+    if (!toast.classList.contains('show')) toast.hidden = true;
+  }, 240);
+}
+
+function showBatchCompletionSummary(summary) {
+  const toast = document.getElementById('batchCompletionToast');
+  const text = document.getElementById('batchCompletionText');
+  const showErrors = document.getElementById('batchCompletionShowErrors');
+  if (!toast || !text || !showErrors || !summary) return;
+  const total = Math.max(0, Number(summary.total) || 0);
+  if (total <= 0) return;
+  const succeeded = Math.max(0, Number(summary.succeeded) || 0);
+  const failed = Math.max(0, Number(summary.failed) || 0);
+  const skipped = Math.max(0, Number(summary.skipped) || 0);
+  const english = getUiLocale() === 'en-US';
+  const format = value => value.toLocaleString(getUiLocale());
+  const duration = _formatBatchCompletionDuration(summary.durationSec, english);
+  text.textContent = english
+    ? `${format(succeeded)} successful · ${format(failed)} failed · ${format(skipped)} skipped · ${duration}`
+    : `${format(succeeded)} erfolgreich · ${format(failed)} fehlgeschlagen · ${format(skipped)} übersprungen · ${duration}`;
+  const canShowErrors = failed > 0 && queueJobs.some(job => job.status === 'error');
+  showErrors.hidden = !canShowErrors;
+  toast.classList.toggle('has-failures', failed > 0);
+  toast.hidden = false;
+  requestAnimationFrame(() => toast.classList.add('show'));
+  if (_batchCompletionTimer) clearTimeout(_batchCompletionTimer);
+  _batchCompletionTimer = setTimeout(hideBatchCompletionSummary, 15000);
+}
+
+function showBatchCompletionErrors() {
+  document.getElementById('upload-tab')?.click();
+  setUploadSidebarFilter('error');
+  hideBatchCompletionSummary();
+}
+
 let _sessionFailedKeys = new Set();
 
 const _autoRetryState = { round: 0, timer: null };
@@ -7285,6 +7339,8 @@ function setupListeners() {
   document.getElementById('queueStatusFilter').addEventListener('change', applyQueueDetailFilters);
   document.getElementById('queueFilterResetBtn').addEventListener('click', resetQueueFilters);
   syncQueueFilterResetAction();
+  document.getElementById('batchCompletionShowErrors').addEventListener('click', showBatchCompletionErrors);
+  document.getElementById('batchCompletionClose').addEventListener('click', hideBatchCompletionSummary);
 
   const historyRetentionPicker = document.getElementById('historyRetentionPicker');
   const historyRetentionTrigger = document.getElementById('historyRetentionTrigger');

renderer/i18n.js

@@ -109,6 +109,7 @@
     ['Abbrechen', 'Cancel'],
     ['Filter zurücksetzen', 'Reset filters'],
     ['Filter', 'Filters'],
+    ['Fehler anzeigen', 'Show failures'],
     ['Jetzt installieren', 'Install now'],
     ['Jetzt updaten', 'Install now'],
     ['Alle Dateien', 'All files'],

renderer/index.html

@@ -656,6 +656,11 @@
   </div>
 
   <div class="copy-toast" id="copyToast" role="status" aria-live="polite" aria-atomic="true"></div>
+  <div class="batch-completion-toast" id="batchCompletionToast" role="status" aria-live="polite" aria-atomic="true" hidden>
+    <span id="batchCompletionText"></span>
+    <button class="btn btn-xs btn-danger" id="batchCompletionShowErrors" hidden>Fehler anzeigen</button>
+    <button class="batch-completion-close" id="batchCompletionClose" aria-label="Schließen">×</button>
+  </div>
   <div class="startup-resume-banner" id="startupResumeBanner" role="status" aria-live="polite" hidden>
     <span id="startupResumeMessage"></span>
     <button class="btn btn-xs btn-secondary" id="cancelStartupResumeBtn">Abbrechen</button>

renderer/styles.css

@@ -1735,6 +1735,65 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
 }
 .copy-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
 
+.batch-completion-toast {
+  position: fixed;
+  right: 14px;
+  bottom: 18px;
+  z-index: 2200;
+  max-width: min(680px, calc(100vw - 28px));
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 9px 9px 13px;
+  border: 1px solid var(--success);
+  border-radius: 8px;
+  background: rgba(35, 35, 35, .97);
+  color: var(--text);
+  box-shadow: 0 14px 34px rgba(0, 0, 0, .42);
+  font-size: 12px;
+  opacity: 0;
+  transform: translateY(12px);
+  transition: opacity .2s ease, transform .24s cubic-bezier(.22, 1, .36, 1);
+}
+
+.batch-completion-toast[hidden] {
+  display: none;
+}
+
+.batch-completion-toast.show {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.batch-completion-toast.has-failures {
+  border-color: var(--danger);
+}
+
+#batchCompletionText {
+  min-width: 0;
+  font-variant-numeric: tabular-nums;
+}
+
+.batch-completion-close {
+  width: 26px;
+  height: 26px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: var(--text-dim);
+  cursor: pointer;
+  font-size: 18px;
+  line-height: 1;
+}
+
+.batch-completion-close:hover {
+  background: var(--bg-active);
+  color: var(--text);
+}
+
 .startup-resume-banner {
   position: fixed;
   left: 50%;