Migliora sessioni admin e rende robusto il logout web.

Aggiunge filtri/colonne (società, orari) e dettaglio leggibile; evita 422 CSRF su logout e non cancella le cover slate custom in sync prod. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-20 20:41:12 +02:00
parent 79c48b226e
commit cc96c0396a
20 changed files with 1127 additions and 91 deletions
@@ -234,6 +234,8 @@ body.admin-body {
 .badge--ingest-home { background: #1565c0; color: #e3f2fd; }
 .badge--ingest-lab { background: #6a1b9a; color: #f3e5f5; }
 .badge--ingest-cloud { background: #e65100; color: #fff3e0; }
+.badge--ended { background: #37474f; color: #eceff1; }
+.badge--error { background: #b71c1c; color: #ffebee; }

 .admin-ingest {
  display: inline-flex;
@@ -743,3 +745,193 @@ body.admin-body {
    grid-template-columns: 1fr;
  }
 }
+
+.admin-sessions-filters {
+  margin-bottom: 1rem;
+}
+
+.admin-filter-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.85rem;
+}
+
+.admin-filter-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  gap: 0.75rem;
+}
+
+.admin-filter-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  font-size: 0.78rem;
+  color: var(--muted);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+
+.admin-filter-field input,
+.admin-filter-field select {
+  font: inherit;
+  text-transform: none;
+  letter-spacing: 0;
+  font-weight: 500;
+  color: var(--text);
+  background: #0d0d12;
+  border: 1px solid var(--card-border);
+  border-radius: 8px;
+  padding: 0.45rem 0.55rem;
+}
+
+.admin-filter-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.admin-filter-count {
+  font-size: 0.85rem;
+}
+
+.admin-table-strong {
+  font-weight: 600;
+  color: var(--text);
+}
+
+.admin-table-sub {
+  font-size: 0.78rem;
+  margin-top: 0.15rem;
+}
+
+.admin-session-head {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 1rem;
+  align-items: flex-start;
+  margin-bottom: 1rem;
+}
+
+.admin-session-head-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.admin-session-match {
+  margin: 0.35rem 0 0;
+  font-size: 1.05rem;
+}
+
+.admin-session-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+  margin-bottom: 1rem;
+}
+
+@media (max-width: 1100px) {
+  .admin-session-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.admin-session-grid .panel h3,
+.panel > h3 {
+  margin: 0 0 0.85rem;
+  font-size: 0.95rem;
+}
+
+.admin-kv {
+  margin: 0;
+  display: grid;
+  gap: 0.65rem;
+}
+
+.admin-kv > div {
+  display: grid;
+  grid-template-columns: minmax(110px, 34%) 1fr;
+  gap: 0.5rem 0.75rem;
+  align-items: start;
+  padding-bottom: 0.55rem;
+  border-bottom: 1px solid rgba(42, 42, 54, 0.7);
+}
+
+.admin-kv > div:last-child {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.admin-kv dt {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+
+.admin-kv dd {
+  margin: 0;
+  font-size: 0.92rem;
+  word-break: break-word;
+}
+
+.admin-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.82rem;
+}
+
+.admin-mono--wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+.admin-event-type {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.82rem;
+  font-weight: 600;
+}
+
+.admin-event-meta {
+  margin: 0;
+  display: grid;
+  gap: 0.25rem;
+}
+
+.admin-event-meta__row {
+  display: grid;
+  grid-template-columns: minmax(90px, 28%) 1fr;
+  gap: 0.35rem 0.6rem;
+  font-size: 0.82rem;
+}
+
+.admin-event-meta dt {
+  margin: 0;
+  color: var(--muted);
+  font-weight: 600;
+}
+
+.admin-event-meta dd {
+  margin: 0;
+  word-break: break-word;
+}
+
+.admin-event-meta code {
+  font-size: 0.78rem;
+  color: #d7d7e2;
+}
+
+.admin-table--events td {
+  vertical-align: top;
+}
+
+.admin-links-panel {
+  margin-bottom: 1rem;
+}
+