Gutschriften im Ticketsystem: Sammelliste, Pruefung und Entscheidung, Kunden-Reiter

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

src/pages/CreditsPage.jsx

@@ -0,0 +1,15 @@
+import { PageHeader } from '../components/ui'
+import CreditsView from '../components/credits/CreditsView'
+
+// Kunden -> Gutschriften: Antraege auf Uebernahmegutschrift aller Kunden
+export default function CreditsPage() {
+  return (
+    <div className="page">
+      <PageHeader title="Gutschriften" subtitle="Übernahmegutschriften: bereits beim alten Anbieter bezahlte Leistungen verrechnen" />
+      <CreditsView />
+      <p className="area-muted" style={{ marginTop: 12 }}>
+        Übernahmegutschrift: Der Kunde hat Domain, Hosting oder E-Mail beim bisherigen Anbieter schon bezahlt. Nach der Prüfung wird der doppelt bezahlte Anteil als Guthaben in Stripe gebucht und mit den nächsten Abo-Rechnungen verrechnet.
+      </p>
+    </div>
+  )
+}

src/pages/CustomerDetailPage.jsx

@@ -16,6 +16,7 @@ import CustomerViewLog from '../components/customer/CustomerViewLog'
 import ChatThread from '../components/chat/ChatThread'
 import AboStatusCard from '../components/customer/AboStatusCard'
 import CustomerFunktionen from '../components/customer/CustomerFunktionen'
+import CreditsView from '../components/credits/CreditsView'
 import KundenansichtButton from '../components/customer/KundenansichtButton'
 import { getCustomerPortalStatus } from '../lib/teamApi'
 import { formatLastLogin } from '../lib/lastLogin'
@@ -109,6 +110,7 @@ export default function CustomerDetailPage() {
       {activeTab === 'projects' && <CustomerProjects customerId={customer.$id} />}
       {activeTab === 'chat' && <Card><ChatThread customerId={customer.$id} customerName={customer.name} /></Card>}
       {activeTab === 'abo' && <AboStatusCard customerId={customer.$id} />}
+      {activeTab === 'gutschriften' && <CreditsView customerId={customer.$id} />}
       {activeTab === 'funktionen' && <CustomerFunktionen customerId={customer.$id} />}
       {activeTab === 'protokoll' && <CustomerViewLog customerId={customer.$id} />}
     </div>