GExtension-Abgleich mit Handpruefung fuer unklare Pakete

Die Profilseiten sind ohne Login abrufbar und betten die Kaeufe als JSON ins
HTML ein. Gelesen wird dieses JSON statt der gerenderten Tabelle: das ist
unempfindlich gegen Layout-Aenderungen und liefert zusaetzlich Kaufdatum,
Betrag und den Storno-Status. Ein Headless-Browser ist nicht noetig.

Der Abgleich bucht nichts von sich aus. Eindeutige Treffer landen als
regulaerer Import in der bestehenden Vorschau, die per package_bought_id
dedupliziert. Titel, die nach CC klingen, sich aber keiner Guthaben-Art
sicher zuordnen lassen, gehen in eine Handpruefung statt geraten zu werden -
sichtbar als Hinweis auf der Uebersicht und als Box beim Spieler.

Beachtet werden dabei: stornierte Kaeufe werden uebersprungen, der Web-
Bereich enthaelt nie CC-Pakete, und ein Redesign-Titel zaehlt als Redesign,
auch wenn Custom Character darin vorkommt. Letzteres war auch in den
Standard-Mappings des Datei-Imports falsch herum einsortiert.

Der Lauf geht bewusst nur ueber bereits erfasste Spieler und haelt eine
Sekunde Abstand zwischen den Anfragen, da die Seite fremde Infrastruktur ist.

Voraussetzung dafuer ist, dass SteamIDs auf eine Schreibweise gebracht
werden: die Legacy-Form, die Steam3-Form und die 64-Bit-Zahl bezeichnen
dieselbe Person, wurden bisher aber als verschiedene Spieler gefuehrt.
Gespeichert wird jetzt immer die 64-Bit-Form, Eingabe und Suche akzeptieren
alle drei.

web/src/pages/PlayerDetail.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import BalanceCards from '../components/BalanceCards';
+import UnmatchedBox from '../components/UnmatchedBox';
 import Modal from '../components/Modal';
 import Notice from '../components/Notice';
 import { ApiError, api } from '../lib/api';
@@ -87,6 +88,21 @@ export default function PlayerDetail() {
 
       <BalanceCards balances={detail.balances} />
 
+      {detail.player.gextensionUsage !== null && (
+        <p className="muted small usage-hint">
+          GExtension meldet <strong>{detail.player.gextensionUsage}</strong> Mal verbraucht
+          {detail.player.gextensionSyncedAt &&
+            ` (Stand ${formatDate(detail.player.gextensionSyncedAt)})`}
+          . Nur zum Abgleich — wird nicht automatisch verrechnet.
+        </p>
+      )}
+
+      <UnmatchedBox
+        items={detail.unmatched ?? []}
+        canResolve={can('ADMIN')}
+        onResolved={() => void load()}
+      />
+
       {editor && (
         <section className="action-bar">
           <button
@@ -140,6 +156,25 @@ export default function PlayerDetail() {
           >
             Neuer CC
           </button>
+          {can('ADMIN') && detail.player.steamId && (
+            <button
+              type="button"
+              className="btn"
+              disabled={busy}
+              title="Pakete dieses Spielers von GExtension abrufen"
+              onClick={() =>
+                void run(async () => {
+                  const result = await api<{ newRows: number; unclear: number }>(
+                    `/api/scrape/player/${playerId}`,
+                    { method: 'POST', body: {} },
+                  );
+                  return result;
+                }, 'GExtension abgeglichen.')
+              }
+            >
+              GExtension abgleichen
+            </button>
+          )}
         </section>
       )}