feat: Die Kartenrechnung findet ihre Gegenbuchung von selbst

Eine Kreditkarte bekommt Geld nur aus einem Grund: weil ihre Rechnung
bezahlt wird. Das genuegt als Hinweis – und es wird gebraucht, denn im
Buchungstext steht bei so einer Zahlung oft weder ein Schlagwort noch
der Name des Gegenkontos. Die Erkennung fand das Paar deshalb, liess es
aber als Vorschlag liegen.

Entscheidend ist die RICHTUNG, nicht dass eine Karte beteiligt ist. Die
naheliegende Fassung "Kartenkonto auf einer Seite" haette einen
Karteneinkauf ueber 50,00 mit einer zufaelligen Gutschrift ueber 50,00
am selben Tag verknuepft – eine echte Ausgabe UND eine echte Einnahme
waeren still aus der Auswertung gefallen. Genau davor schuetzt die
Huerde, die hier gelockert wird. Ein Test haelt die Gegenprobe fest.

Die Schlagwortliste bleibt unberuehrt: "visa" und "mastercard" stehen in
gewoehnlichen Buchungstexten jedes Kontos.

Und der Import sagt jetzt, was er getan hat. Bisher lief die Suche nach
dem Buchen still; wer wissen wollte, ob die Kartenrechnung erkannt
wurde, musste auf "Zu erledigen" wechseln – und ahnte nicht, dass es da
etwas zu sehen gab. Was nicht automatisch geht, erscheint als Vorschlag
direkt auf der Import-Seite.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/pages/Import.jsx

@@ -7,6 +7,7 @@ import { useToast } from "../toast";
 import Icon from "../components/Icon";
 import AccountSelect from "../components/AccountSelect";
 import CategorySelect from "../components/CategorySelect";
+import Uebertragsvorschlaege from "../components/Uebertragsvorschlaege";
 import DataTable from "../components/DataTable";
 import { gruppenFuer } from "../kategorien";
 import { formatMoney } from "../format";
@@ -54,7 +55,7 @@ function defaultConfig() {
 
 export default function Import() {
   const { t } = useTranslation();
-  const { formatDate } = useSettings();
+  const { formatDate, baseCurrency } = useSettings();
   const confirm = useConfirm();
   const toast = useToast();
   const fileRef = useRef(null);
@@ -74,6 +75,8 @@ export default function Import() {
   const [uploads, setUploads] = useState([]);
   // Ergebnis der automatischen Formaterkennung.
   const [erkannt, setErkannt] = useState(null);
+  // 0 = noch nichts gebucht, also auch nichts zu zeigen.
+  const [uebertragsLauf, setUebertragsLauf] = useState(0);
   const [quelle, setQuelle] = useState(""); // "preset:i" | "tpl:id" | ""
   const [rows, setRows] = useState(null);
   const [recon, setRecon] = useState(null);
@@ -211,10 +214,22 @@ export default function Import() {
         filename: file?.name || "",
         rows,
       });
-      toast(t("import.imported", { n: batch.imported_count }));
+      toast(batch.uebertraege_verknuepft > 0
+        ? t("import.importedWithTransfers", {
+            n: batch.imported_count, u: batch.uebertraege_verknuepft })
+        : t("import.imported", { n: batch.imported_count }));
       setRows(null); setRecon(null); setRaw(null); setFile(null); setDocText(""); setDocPages([]);
       if (fileRef.current) fileRef.current.value = "";
       loadStamm();
+      // Uebertraege sind nach einem Import am wahrscheinlichsten – eine
+      // Kartenrechnung etwa taucht erst auf, wenn beide Auszuege drin sind.
+      // Bisher musste man dafuer auf „Zu erledigen" wechseln und wusste es
+      // auch nicht.
+      //
+      // Die Komponente holt ihre Vorschlaege beim Mounten selbst und rendert
+      // nichts, wenn es keine gibt. Der hochgezaehlte Schluessel montiert sie
+      // nach jedem Import neu.
+      setUebertragsLauf((n) => n + 1);
     } catch (e) { toast(e.message, "error"); } finally { setBusy(false); }
   }
 
@@ -933,6 +948,11 @@ export default function Import() {
         </div>
       )}
 
+      {uebertragsLauf > 0 && (
+        <Uebertragsvorschlaege key={uebertragsLauf} baseCurrency={baseCurrency}
+                               onChange={loadStamm} />
+      )}
+
       {/* Verlauf */}
       {batches.length > 0 && (
         <div className="card">