feat: redesign CMS and unify German admin UI

components/admin/AdminAnalyticsView.tsx

@@ -7,7 +7,7 @@ import { analyticsEventLabel } from "@/lib/analytics/events";
 import { AnalyticsChart } from "./AnalyticsChart";
 import styles from "./AdminAnalyticsView.module.css";
 
-const DEVICE_LABELS: Record<string, string> = { mobile: "Mobile", desktop: "Desktop", tablet: "Tablet" };
+const DEVICE_LABELS: Record<string, string> = { mobile: "Handy", desktop: "Computer", tablet: "Tablet" };
 const BROWSER_LABELS: Record<string, string> = { chrome: "Chrome", firefox: "Firefox", safari: "Safari", edge: "Edge", other: "Sonstige" };
 
 function fmtInt(n: number): string {
@@ -73,7 +73,7 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
   if (!canViewAnalytics({ req })) {
     return (
       <div className={styles.page}>
-        <h1 className={styles.title}>Analytics</h1>
+        <h1 className={styles.title}>Auswertung</h1>
         <p className={styles.subtitle}>Du hast keine Berechtigung, diesen Bereich zu sehen.</p>
       </div>
     );
@@ -102,8 +102,8 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
 
   return (
     <div className={styles.page}>
-      <h1 className={styles.title}>Analytics</h1>
-      <p className={styles.subtitle}>Datensparsame Reichweitenmessung — keine personenbezogenen Profile. Rohdaten werden {maxDaysBack} Tage aufbewahrt.</p>
+      <h1 className={styles.title}>Auswertung</h1>
+      <p className={styles.subtitle}>Datensparsame Reichweitenmessung ohne personenbezogene Profile. Rohdaten werden {maxDaysBack} Tage aufbewahrt.</p>
 
       <div className={styles.filterBar}>
         {RANGE_OPTIONS.map((option) => (
@@ -132,12 +132,12 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
 
       {RANGE_OPTIONS.some((o) => typeof o.days === "number" && o.days > maxDaysBack) && (
         <p style={{ color: "#888", fontSize: 12, marginTop: -16, marginBottom: 20 }}>
-          Zeiträume sind auf die konfigurierte Rohdaten-Aufbewahrung von {maxDaysBack} Tagen begrenzt (siehe „Analytics-Einstellungen“).
+          Zeiträume sind auf die konfigurierte Rohdaten-Aufbewahrung von {maxDaysBack} Tagen begrenzt (siehe „Auswertungs-Einstellungen“).
         </p>
       )}
 
       <div className={styles.tiles}>
-        <Tile label="Sessions" value={current.sessions} delta={delta("sessions")} />
+        <Tile label="Besuche" value={current.sessions} delta={delta("sessions")} />
         <Tile label="Seitenaufrufe" value={current.pageViews} delta={delta("pageViews")} />
         <Tile label="Eindeutige Besucher" value={current.uniqueVisitors} delta={delta("uniqueVisitors")} />
         <Tile label="Ø Seiten / Session" value={current.avgPagesPerSession} delta={delta("avgPagesPerSession")} />
@@ -146,7 +146,7 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
       </div>
 
       <div className={styles.chartCard}>
-        <h2 className={styles.sectionTitle}>Seitenaufrufe &amp; Sessions</h2>
+        <h2 className={styles.sectionTitle}>Seitenaufrufe und Besuche</h2>
         <AnalyticsChart series={current.series} />
       </div>
 
@@ -155,7 +155,7 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
         <EntryTable title="Einstiegsseiten" entries={topEntries(current.entryPaths)} />
         <EntryTable title="Ausstiegsseiten" entries={topEntries(current.exitPaths)} />
         <EntryTable
-          title="Events"
+          title="Ereignisse"
           entries={topEntries(current.eventCounts).map(([name, count]) => [analyticsEventLabel(name), count])}
         />
         <EntryTable
@@ -169,25 +169,25 @@ export async function AdminAnalyticsView({ initPageResult }: AdminViewServerProp
       </div>
 
       <div className={styles.privacyPanel}>
-        <h3>Analytics &amp; Datenschutz</h3>
+          <h3>Auswertung und Datenschutz</h3>
         <p>Erhobene Daten:</p>
         <ul>
-          <li>Seitenaufrufe und Events (siehe „Events“-Tabelle)</li>
-          <li>Gerätetyp (Mobile/Desktop/Tablet)</li>
+          <li>Seitenaufrufe und Ereignisse (siehe Tabelle „Ereignisse“)</li>
+          <li>Gerätetyp (Handy/Computer/Tablet)</li>
           <li>Browser-Familie</li>
           <li>Referrer-Hostname (nur die Domain, keine vollständige URL)</li>
         </ul>
         <p>
           Keine Namen, E-Mail-Adressen, Telefonnummern, vollständigen IP-Adressen oder Formularinhalte. Kein Fingerprinting, keine
-          dauerhaften individuellen Nutzerprofile — Besucher werden über einen täglich rotierenden, nicht zurückverfolgbaren Hash
+          dauerhaften individuellen Nutzerprofile - Besucher werden über einen täglich rotierenden, nicht zurückverfolgbaren Hash
           gruppiert.
         </p>
         <p>
           <strong>Aufbewahrung:</strong> {settings.rawRetentionDays} Tage für Rohdaten, {settings.aggregateRetentionMonths} Monate für
-          aggregierte Tagesstatistiken (konfigurierbar unter „Analytics-Einstellungen“).
+          aggregierte Tagesstatistiken (konfigurierbar unter „Auswertungs-Einstellungen“).
         </p>
         <p style={{ fontStyle: "italic", color: "#777" }}>
-          Rechtliche Einordnung (z. B. ob dies für eure Website ausreichend ist) ist keine technische Aussage dieses Panels — bitte im
+          Rechtliche Einordnung (z. B. ob dies für eure Website ausreichend ist) ist keine technische Aussage dieses Panels - bitte im
           Zweifel rechtlich prüfen lassen, wie auch beim Impressum/Datenschutztext der Website.
         </p>
       </div>