Files
ProxLedger/src/app/(dashboard)/einstellungen/passkeys/page.tsx
T
florian.wildeandClaude Opus 5 2f45e33e20 feat(auth): Rollen, Benutzerverwaltung und Passkeys (#027, #028)
Drei Rollen: Administrator, Techniker, Kunde. Jede der 28 Aktionen nennt das
Recht, das sie verlangt; die Rechte stehen an einer Stelle. Kundenkonten
haengen an genau einem Kunden und sehen nur dessen Hosts und Rechnungen -
ohne Einkaufspreise und Marge. Die Einschraenkung sitzt in den Abfragen
selbst, damit keine Seite vergessen kann, sie weiterzugeben; sechs Tests
pruefen das.

Dabei gefunden: Neu ueber OIDC angelegte Konten haetten die Vorgabe des
Datenmodells geerbt - ADMIN. Jetzt gibt es dafuer eine Einstellung mit der
Vorgabe Techniker.

Passkeys (#028) als gleichwertiger, passwortloser Anmeldeweg neben Passwort
und OIDC. Mehrere je Konto, Aufgabe in einem kurzlebigen Cookie, rpID aus der
oeffentlichen Adresse. Ohne HTTPS sagt die Seite es, statt still zu scheitern.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-19 00:46:29 +02:00

48 lines
1.6 KiB
TypeScript

import { headers } from "next/headers";
import { PasskeyVerwaltung } from "@/components/auth/PasskeyVerwaltung";
import { ContentHeader } from "@/components/layout/ContentHeader";
import { oeffentlicheBasis } from "@/lib/adresse";
import { prisma } from "@/lib/db";
import { sitzungErforderlich } from "@/server/auth/sitzungspflicht";
import { passkeysMoeglich } from "@/server/auth/passkeys";
import { einstellungen } from "@/server/einstellungen";
export const metadata = { title: "Meine Passkeys" };
export const dynamic = "force-dynamic";
export default async function PasskeySeite() {
const ich = await sitzungErforderlich();
const { dashboardUrl } = await einstellungen();
const [passkeys, kopfzeilen] = await Promise.all([
prisma.passkey.findMany({
where: { benutzerId: ich.benutzerId },
orderBy: { erstelltAm: "desc" },
select: { id: true, bezeichnung: true, erstelltAm: true, zuletztAm: true },
}),
headers(),
]);
// Die Seite kennt die Anfrage nur über die Kopfzeilen; daraus entsteht dieselbe Adresse,
// die auch die Passkey-Endpunkte verwenden.
const basis = oeffentlicheBasis(new Request("http://platzhalter.invalid", { headers: kopfzeilen }), dashboardUrl);
return (
<>
<ContentHeader
titel="Meine Passkeys"
brotkrumen={[{ titel: "Einstellungen" }, { titel: "Passkeys" }]}
/>
<div className="app-content">
<div className="container-fluid">
<PasskeyVerwaltung
passkeys={passkeys}
moeglich={passkeysMoeglich(basis.origin)}
adresse={basis.origin}
/>
</div>
</div>
</>
);
}