diff --git a/src/static/css/style.css b/src/static/css/style.css index e5af820..ec58c97 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -6181,8 +6181,8 @@ body.tutorial-active .tutorial-cursor { .pipeline-stage.is-looping .pipeline-loop { animation: none !important; opacity: 1; } } -/* EU-Kennzeichen in der Lagen-Kopfzeile (EU-Umbau) */ -.incident-eu-badge { +/* Kennzeichen des KI-Wegs (EU-Umbau). Kopfzeile und Seitenleiste. */ +.incident-ai-badge { display: inline-flex; align-items: center; padding: 2px 8px; @@ -6190,8 +6190,12 @@ body.tutorial-active .tutorial-cursor { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; - background: rgba(16, 185, 129, 0.16); - color: #10B981; flex-shrink: 0; } -.incident-eu-badge[hidden] { display: none; } +.incident-ai-badge.ai-eu { background: rgba(16, 185, 129, 0.16); color: #10B981; } +.incident-ai-badge.ai-anthropic { background: rgba(148, 163, 184, 0.18); color: var(--text-secondary); } +.incident-ai-badge[hidden] { display: none; } + +.sidebar-ai-tag { font-weight: 700; } +.sidebar-ai-tag.ai-eu { color: #10B981; } +.sidebar-ai-tag.ai-anthropic { color: var(--text-disabled); } diff --git a/src/static/dashboard.html b/src/static/dashboard.html index 123b3bb..c4112f9 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -164,7 +164,7 @@

- +
@@ -818,11 +818,11 @@ - + - + diff --git a/src/static/js/app.js b/src/static/js/app.js index 929d7a3..6ab7fcf 100644 --- a/src/static/js/app.js +++ b/src/static/js/app.js @@ -926,10 +926,26 @@ const App = { typeBadge.className = 'incident-type-badge ' + (incident.type === 'research' ? 'type-research' : 'type-adhoc'); typeBadge.textContent = incident.type === 'research' ? 'Analyse' : 'Live'; - // EU-Kennzeichen: nur bei ausdruecklich auf den EU-Weg gestellten Lagen - { const _eu = document.getElementById('incident-eu-badge'); - if (_eu) { _eu.hidden = incident.ai_backend !== 'bedrock'; - _eu.title = 'KI-Verarbeitung in der EU (AWS Bedrock Frankfurt), Recherche ueber den europaeischen Suchindex staan'; } } + // KI-Weg-Kennzeichen. Wird nur angezeigt, wenn die Lage ausdruecklich + // auf einen Weg gestellt ist. Ohne Angabe gilt die Vorgabe der + // Organisation, dann bleibt die Kopfzeile bewusst unbeschriftet. + { const _ai = document.getElementById('incident-ai-badge'); + if (_ai) { + const _b = incident.ai_backend; + if (_b === 'bedrock') { + _ai.hidden = false; + _ai.className = 'incident-ai-badge ai-eu'; + _ai.textContent = 'EU'; + _ai.title = 'KI-Verarbeitung in der EU (AWS Bedrock, Frankfurt), Recherche ueber den europaeischen Suchindex staan'; + } else if (_b === 'cli') { + _ai.hidden = false; + _ai.className = 'incident-ai-badge ai-anthropic'; + _ai.textContent = 'Anthropic'; + _ai.title = 'KI-Verarbeitung ueber Anthropic mit eingebauter Websuche (heutiger Weg)'; + } else { + _ai.hidden = true; + } + } } // Kachel-Label: 'Recherchebericht' fuer Recherche-Lagen, 'Lagebild' fuer Live-Monitoring const _tI18n = (k, fb) => (typeof T === 'function') ? T(k, fb) : fb; diff --git a/src/static/js/components.js b/src/static/js/components.js index 3a57d3d..2442676 100644 --- a/src/static/js/components.js +++ b/src/static/js/components.js @@ -64,7 +64,7 @@ const UI = {
${this.escape(incident.title)}
-
${incident.article_count} Artikel · ${this.escape(creator)}
+
${incident.article_count} Artikel · ${this.escape(creator)}${incident.ai_backend === 'bedrock' ? ' · EU' : (incident.ai_backend === 'cli' ? ' · Anthropic' : '')}
${refreshStatusHtml}
${incident.visibility === 'private' ? 'PRIVAT' : ''}