Limit-Status im Upload-Flow anzeigen (Warnbanner + Sperrzustände).

Upload-Fehlercodes auswerten und freundliche Dialoge zeigen.

resources/js/admin/pages/EventDetailPage.tsx

@@ -37,6 +37,8 @@ import {
   toggleEvent,
   submitTenantFeedback,
 } from '../api';
+import { buildLimitWarnings } from '../lib/limitWarnings';
+import { getApiErrorMessage } from '../lib/apiError';
 import { isAuthError } from '../auth/tokens';
 import {
   ADMIN_EVENTS_PATH,
@@ -69,6 +71,7 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
   const { slug: slugParam } = useParams<{ slug?: string }>();
   const navigate = useNavigate();
   const { t } = useTranslation('management');
+  const { t: tCommon } = useTranslation('common');
 
   const slug = slugParam ?? null;
 
@@ -97,7 +100,11 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
       setState((prev) => ({ ...prev, event: eventData, stats: statsData, loading: false }));
     } catch (error) {
       if (!isAuthError(error)) {
-        setState((prev) => ({ ...prev, error: t('events.errors.loadFailed', 'Event konnte nicht geladen werden.'), loading: false }));
+        setState((prev) => ({
+          ...prev,
+          error: getApiErrorMessage(error, t('events.errors.loadFailed', 'Event konnte nicht geladen werden.')),
+          loading: false,
+        }));
       }
     }
 
@@ -106,7 +113,11 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
       setToolkit({ data: toolkitData, loading: false, error: null });
     } catch (error) {
       if (!isAuthError(error)) {
-        setToolkit({ data: null, loading: false, error: t('toolkit.errors.loadFailed', 'Toolkit-Daten konnten nicht geladen werden.') });
+        setToolkit({
+          data: null,
+          loading: false,
+          error: getApiErrorMessage(error, t('toolkit.errors.loadFailed', 'Toolkit-Daten konnten nicht geladen werden.')),
+        });
       }
     }
   }, [slug, t]);
@@ -138,7 +149,11 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
       }));
     } catch (error) {
       if (!isAuthError(error)) {
-        setState((prev) => ({ ...prev, busy: false, error: t('events.errors.toggleFailed', 'Status konnte nicht angepasst werden.') }));
+        setState((prev) => ({
+          ...prev,
+          busy: false,
+          error: getApiErrorMessage(error, t('events.errors.toggleFailed', 'Status konnte nicht angepasst werden.')),
+        }));
       } else {
         setState((prev) => ({ ...prev, busy: false }));
       }
@@ -196,6 +211,11 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
     );
   }
 
+  const limitWarnings = React.useMemo(
+    () => (event?.limits ? buildLimitWarnings(event.limits, (key, options) => tCommon(`limits.${key}`, options)) : []),
+    [event?.limits, tCommon],
+  );
+
   return (
     <AdminLayout title={eventName} subtitle={subtitle} actions={actions}>
       {error && (
@@ -205,6 +225,23 @@ export default function EventDetailPage({ mode = 'detail' }: EventDetailPageProp
         </Alert>
       )}
 
+      {limitWarnings.length > 0 && (
+        <div className="mb-6 space-y-2">
+          {limitWarnings.map((warning) => (
+            <Alert
+              key={warning.id}
+              variant={warning.tone === 'danger' ? 'destructive' : 'default'}
+              className={warning.tone === 'warning' ? 'border-amber-400/40 bg-amber-50 text-amber-900' : undefined}
+            >
+              <AlertDescription className="flex items-center gap-2 text-sm">
+                <AlertTriangle className="h-4 w-4" />
+                {warning.message}
+              </AlertDescription>
+            </Alert>
+          ))}
+        </div>
+      )}
+
       {toolkit.error && (
         <Alert variant="default">
           <AlertTitle>{toolkit.error}</AlertTitle>