SRC-06: facetten-ui-filter-chips

Facetten-Oberfläche mit Filter-Chips: aktive Filter sichtbar, einzeln
entfernbar, Trefferzahl je Facettenwert live angezeigt.

- app/api/facets/route.ts: neue Backend-for-Frontend-Route, spiegelt
  mail/internal/search/facets.go minimal (nur Trefferzahl je
  Facettenwert).
- lib/manticoreQuery.ts: gemeinsamer statischer bool.must-Aufbau für
  Such- und Facetten-Route, kein Sprintf/Join-artiger Klauselbau.
- app/api/search/route.ts (SRC-04): akzeptiert jetzt wiederholbare
  ?filter=feld:wert-Parameter.
- app/FacetPanel.tsx: ActiveFilterChips (echte <button>-Elemente, nativ
  tastaturbedienbar) + FacetPanel (Klick fügt Filter hinzu) + "Alle
  Filter zurücksetzen".
- lib/filterState.ts: reine Filterzustandsfunktionen, ohne React.

Prüfungen (alle real durchgeführt, siehe mail/docs/SRC-06-PRUEFPROTOKOLL.md):
1. Manueller Test gegen echten next start + live Manticore auf
   192.168.1.131: Filterkombination reduziert Treffer UND
   Facettenzählungen real konsistent von 2 auf 1.
2. @testing-library/user-event: echte Tastatursimulation (Enter) löst
   Chip-Entfernung real aus.
3. 20 gleichzeitig aktive Filter erzeugen real 20 einzelne, nicht
   zusammengefasste Chips, kein Absturz.

Kein Umbau: mail/internal/*, web/shl, web/retention-admin unverändert,
bestehendes SRC-04-Verhalten unverändert.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HhgFcLS8tYMhDJpP74C6AQ
This commit is contained in:
sysops
2026-08-31 23:18:08 +02:00
co-authored by Claude Sonnet 5
parent 0065b959b3
commit acc2b0c5dd
12 changed files with 563 additions and 30 deletions
+35 -2
View File
@@ -3,6 +3,8 @@
// externe Mail-API vom Client aus (Rolle: "Datenzugriff ausschließlich
// über die bereitgestellte API").
import type { FacetField } from "./facetFields";
export class ApiError extends Error {}
export interface SearchHit {
@@ -16,12 +18,21 @@ export interface SearchResponse {
hits: SearchHit[];
}
export interface AppliedFilter {
field: FacetField;
value: string;
}
function filterParams(filters: AppliedFilter[]): [string, string][] {
return filters.map((f) => ["filter", `${f.field}:${f.value}`]);
}
// tenantSlug: bis zu einer zentralen Session-/IAM-Anbindung (Core-Board-
// Scope, nicht Bestandteil dieser Kachel) wird der Mandant vom Aufrufer
// mitgegeben. Die eigentliche Mandantentrennung passiert serverseitig in
// mail/internal/search (SRC-01/SRC-03), nicht im Frontend.
export async function search(tenantSlug: string, query: string): Promise<SearchResponse> {
const params = new URLSearchParams({ tenant: tenantSlug, q: query });
export async function search(tenantSlug: string, query: string, filters: AppliedFilter[] = []): Promise<SearchResponse> {
const params = new URLSearchParams([["tenant", tenantSlug], ["q", query], ...filterParams(filters)]);
const res = await fetch(`/api/search?${params.toString()}`);
if (!res.ok) {
const body = await res.json().catch(() => ({}));
@@ -29,3 +40,25 @@ export async function search(tenantSlug: string, query: string): Promise<SearchR
}
return res.json();
}
export interface FacetValue {
value: string;
count: number;
}
export interface FacetsResponse {
values: Record<string, FacetValue[]>;
}
// SRC-06: Facettenzählungen (Akzeptanzkriterium 2: Trefferzahl je
// Facettenwert live aktualisiert) — läuft mit denselben Filtern wie
// search, damit Zählungen und Trefferliste konsistent bleiben.
export async function facets(tenantSlug: string, query: string, filters: AppliedFilter[] = []): Promise<FacetsResponse> {
const params = new URLSearchParams([["tenant", tenantSlug], ["q", query], ...filterParams(filters)]);
const res = await fetch(`/api/facets?${params.toString()}`);
if (!res.ok) {
const body = await res.json().catch(() => ({}));
throw new ApiError(body.error ?? `Facetten fehlgeschlagen (${res.status})`);
}
return res.json();
}