feat(sources): Quellenuebersicht der Lage nach Typ filterbar

Die Quellenuebersicht innerhalb einer Lage zeigt jetzt Filter-Chips
(Alle / Web / Telegram / X) und blendet die Quellen-Boxen nach
Quellentyp ein und aus. Die Chips erscheinen nur, wenn neben Web auch
Telegram- oder X-Quellen vorkommen.

- sources-summary-Endpoint liefert pro Quelle einen source_type,
  abgeleitet aus dem source-Praefix (X: / Telegram: / sonst Web)
- Filter-Chips und data-type in renderSourceOverviewFromSummary
- App.filterSourceOverview blendet die Boxen nach Typ
- Chip-Styles in style.css

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-05-22 13:37:44 +00:00
Ursprung f1a395bb94
Commit f69fa1b95e
5 geänderte Dateien mit 86 neuen und 4 gelöschten Zeilen

Datei anzeigen

@@ -1715,6 +1715,39 @@ a.dev-source-pill:hover {
color: var(--text-primary);
}
.source-type-filter-chips {
display: flex;
flex-wrap: wrap;
gap: var(--sp-xs);
margin: var(--sp-sm) 0 var(--sp-xs);
}
.source-type-filter-chip {
font: inherit;
font-size: 11px;
padding: 3px 10px;
border-radius: var(--radius);
border: 1px solid var(--border);
background: var(--bg-secondary);
color: var(--text-secondary);
cursor: pointer;
}
.source-type-filter-chip:hover {
border-color: var(--accent);
color: var(--text-primary);
}
.source-type-filter-chip.active {
background: var(--accent);
border-color: var(--accent);
color: #fff;
}
.source-type-filter-chip.active strong {
color: #fff;
}
.source-overview-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));