umfangreiche Behebung von TS-Fehlern. "npm run types" läuft nun ohne Fehler durch

resources/js/admin/pages/AuthCallbackPage.tsx

@@ -4,7 +4,7 @@ import { useAuth } from '../auth/context';
 import { ADMIN_DEFAULT_AFTER_LOGIN_PATH } from '../constants';
 import { decodeReturnTo, resolveReturnTarget } from '../lib/returnTo';
 
-export default function AuthCallbackPage(): JSX.Element {
+export default function AuthCallbackPage(): React.ReactElement {
   const { status } = useAuth();
   const navigate = useNavigate();
   const [redirected, setRedirected] = React.useState(false);

resources/js/admin/pages/DashboardPage.tsx

@@ -463,20 +463,18 @@ export default function DashboardPage() {
     : translate('overview.title', 'Kurzer Überblick');
 
   const heroDescription = singleEvent
-    ? translate('overview.eventHero.description', 'Alles richtet sich nach {{event}}. Nächster Termin: {{date}}.', {
-        event: singleEventName ?? '',
-        date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
-      })
+    ? translate('overview.eventHero.description', { defaultValue: 'Alles richtet sich nach {{event}}. Nächster Termin: {{date}}.', event: singleEventName ?? '', date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt') })
     : translate('overview.description', 'Wichtigste Kennzahlen deines Tenants auf einen Blick.');
 
   const heroSupportingCopy = onboardingCompletion === 100 ? onboardingCompletedCopy : onboardingCardDescription;
   const heroSupporting = singleEvent
     ? [
-        translate('overview.eventHero.supporting.status', 'Status: {{status}}', {
+        translate('overview.eventHero.supporting.status', {
+          defaultValue: 'Status: {{status}}',
           status: formatEventStatus(singleEvent.status ?? null, tc),
         }),
         singleEventDateLabel
-          ? translate('overview.eventHero.supporting.date', 'Eventdatum: {{date}}', { date: singleEventDateLabel })
+          ? translate('overview.eventHero.supporting.date', singleEventDateLabel ?? 'Noch kein Datum festgelegt.')
           : translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt.'),
       ].filter(Boolean)
     : [heroSupportingCopy];
@@ -636,9 +634,10 @@ export default function DashboardPage() {
 
   const adminTitle = singleEventName ?? greetingTitle;
   const adminSubtitle = singleEvent
-    ? translate('overview.eventHero.subtitle', 'Alle Funktionen konzentrieren sich auf dieses Event.', {
-        date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
-      })
+    ? translate('overview.eventHero.subtitle', {
+      defaultValue: 'Alle Funktionen konzentrieren sich auf dieses Event.',
+      date: singleEventDateLabel ?? translate('overview.eventHero.noDate', 'Noch kein Datum festgelegt'),
+    })
     : subtitle;
 
   const heroTitle = adminTitle;

resources/js/admin/pages/EventDetailPage.tsx

@@ -704,7 +704,7 @@ function PendingPhotosCard({
               return (
                 <div key={photo.id} className="relative">
                   <img
-                    src={photo.thumbnail_url ?? photo.url}
+                    src={photo.thumbnail_url ?? photo.url ?? undefined}
                     alt={photo.caption ?? 'Foto'}
                     className={`h-24 w-full rounded-lg object-cover ${hidden ? 'opacity-60' : ''}`}
                   />
@@ -779,7 +779,7 @@ function RecentUploadsCard({ slug, photos }: { slug: string; photos: TenantPhoto
               return (
                 <div key={photo.id} className="relative">
                   <img
-                    src={photo.thumbnail_url ?? photo.url}
+                    src={photo.thumbnail_url ?? photo.url ?? undefined}
                     alt={photo.caption ?? 'Foto'}
                     className={`h-24 w-full rounded-lg object-cover ${hidden ? 'opacity-60' : ''}`}
                   />
@@ -811,7 +811,7 @@ function FeedbackCard({ slug }: { slug: string }) {
   const [message, setMessage] = React.useState('');
   const [busy, setBusy] = React.useState(false);
   const [submitted, setSubmitted] = React.useState(false);
-  const [error, setError] = React.useState<string | null>(null);
+  const [error, setError] = React.useState<string | undefined>(undefined);
 
   const copy = {
     positive: t('events.feedback.positive', 'Super Lauf!'),
@@ -862,7 +862,7 @@ function FeedbackCard({ slug }: { slug: string }) {
           onClick={async () => {
             if (busy || submitted) return;
             setBusy(true);
-            setError(null);
+            setError(undefined);
 
             try {
               await submitTenantFeedback({

resources/js/admin/pages/EventFormPage.tsx

@@ -99,7 +99,7 @@ export default function EventFormPage() {
 
   const { data: packageOverview, isLoading: overviewLoading } = useQuery({
     queryKey: ['tenant', 'packages', 'overview'],
-    queryFn: getTenantPackagesOverview,
+    queryFn: () => getTenantPackagesOverview(),
   });
 
   const activePackage = packageOverview?.activePackage ?? null;

resources/js/admin/pages/EventMembersPage.tsx

@@ -305,7 +305,7 @@ export default function EventMembersPage() {
                     <Label htmlFor="invite-role">{t('management.members.form.roleLabel', 'Rolle')}</Label>
                     <Select
                       value={invite.role}
-                      onValueChange={(value) => setInvite((prev) => ({ ...prev, role: value }))}
+                      onValueChange={(value) => setInvite((prev) => ({ ...prev, role: value as InviteForm['role'] }))}
                     >
                       <SelectTrigger id="invite-role">
                         <SelectValue placeholder={t('management.members.form.rolePlaceholder', 'Rolle wählen')} />

resources/js/admin/pages/EventPhotoboothPage.tsx

@@ -159,7 +159,7 @@ export default function EventPhotoboothPage() {
 
   const { event, status, loading, updating, error } = state;
   const title = event
-    ? t('management.photobooth.titleForEvent', { defaultValue: 'Fotobox-Uploads verwalten', event: resolveEventName(event) })
+    ? t('management.photobooth.titleForEvent', { defaultValue: 'Fotobox-Uploads verwalten', event: resolveEventName(event.name) })
     : t('management.photobooth.title', 'Fotobox-Uploads');
   const subtitle = t(
     'management.photobooth.subtitle',

resources/js/admin/pages/EventPhotosPage.tsx

@@ -28,7 +28,7 @@ export default function EventPhotosPage() {
 
   const [photos, setPhotos] = React.useState<TenantPhoto[]>([]);
   const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState<string | null>(null);
+  const [error, setError] = React.useState<string | undefined>(undefined);
   const [busyId, setBusyId] = React.useState<number | null>(null);
   const [limits, setLimits] = React.useState<EventLimitSummary | null>(null);
 
@@ -38,7 +38,7 @@ export default function EventPhotosPage() {
       return;
     }
     setLoading(true);
-    setError(null);
+    setError(undefined);
     try {
       const result = await getEventPhotos(slug);
       setPhotos(result.photos);
@@ -150,7 +150,7 @@ export default function EventPhotosPage() {
               {photos.map((photo) => (
                 <div key={photo.id} className="rounded-2xl border border-white/80 bg-white/90 p-3 shadow-sm">
                   <div className="relative overflow-hidden rounded-xl">
-                    <img src={photo.thumbnail_url || photo.url} alt={photo.original_name ?? 'Foto'} className="aspect-square w-full object-cover" />
+                    <img src={photo.thumbnail_url ?? photo.url ?? undefined} alt={photo.original_name ?? 'Foto'} className="aspect-square w-full object-cover" />
                     {photo.is_featured && (
                       <span className="absolute left-3 top-3 rounded-full bg-pink-500/90 px-3 py-1 text-xs font-semibold text-white shadow">
                         Featured

resources/js/admin/pages/LoginPage.tsx

@@ -46,7 +46,7 @@ type LoginResponse = {
   return (await response.json()) as LoginResponse;
 }
 
-export default function LoginPage(): JSX.Element {
+export default function LoginPage(): React.ReactElement {
   const { status, applyToken, abilities } = useAuth();
   const { t } = useTranslation('auth');
   const location = useLocation();
@@ -95,7 +95,9 @@ export default function LoginPage(): JSX.Element {
     },
   });
 
-  const isSubmitting = (mutation as { isPending?: boolean; isLoading: boolean }).isPending ?? mutation.isLoading;
+  const isSubmitting = (mutation as { isPending?: boolean; isLoading?: boolean }).isPending
+    ?? (mutation as { isPending?: boolean; isLoading?: boolean }).isLoading
+    ?? false;
 
   const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();

resources/js/admin/pages/LoginStartPage.tsx

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { ADMIN_LOGIN_PATH } from '../constants';
 
-export default function LoginStartPage(): JSX.Element {
+export default function LoginStartPage(): React.ReactElement {
   const location = useLocation();
   const navigate = useNavigate();
 

resources/js/admin/pages/components/invite-layout/DesignerCanvas.tsx

@@ -327,14 +327,14 @@ export function DesignerCanvas({
       canvas.requestRenderAll();
     };
 
-    canvas.on('editing:exited', handleEditingExited);
+    (canvas as any).on('editing:exited', handleEditingExited);
 
     return () => {
       canvas.off('selection:created', handleSelection);
       canvas.off('selection:updated', handleSelection);
       canvas.off('selection:cleared', handleSelectionCleared);
       canvas.off('object:modified', handleObjectModified);
-      canvas.off('editing:exited', handleEditingExited);
+      (canvas as any).off('editing:exited', handleEditingExited);
     };
   }, [onChange, onSelect, readOnly]);