completed the frontend dashboard component and bound it to the tenant admin pwa for the optimal onboarding experience.. Added a profile page.

resources/js/admin/pages/EventInvitesPage.tsx

@@ -48,6 +48,7 @@ import {
   triggerDownloadFromBlob,
   triggerDownloadFromDataUrl,
 } from './components/invite-layout/export-utils';
+import { useOnboardingProgress } from '../onboarding';
 
 interface PageState {
   event: TenantEvent | null;
@@ -180,6 +181,7 @@ export default function EventInvitesPage(): React.ReactElement {
   const [exportError, setExportError] = React.useState<string | null>(null);
   const exportPreviewContainerRef = React.useRef<HTMLDivElement | null>(null);
   const [exportScale, setExportScale] = React.useState(0.34);
+  const { markStep } = useOnboardingProgress();
 
   const load = React.useCallback(async () => {
     if (!slug) {
@@ -479,6 +481,11 @@ export default function EventInvitesPage(): React.ReactElement {
       } catch {
         // ignore clipboard failures
       }
+      markStep({
+        lastStep: 'invite',
+        serverStep: 'invite_created',
+        meta: { invite_id: invite.id },
+      });
     } catch (error) {
       if (!isAuthError(error)) {
         setState((prev) => ({ ...prev, error: 'QR-Einladung konnte nicht erstellt werden.' }));
@@ -544,6 +551,14 @@ export default function EventInvitesPage(): React.ReactElement {
         invites: prev.invites.map((invite) => (invite.id === updated.id ? updated : invite)),
       }));
       setCustomizerDraft(null);
+      markStep({
+        lastStep: 'branding',
+        serverStep: 'branding_configured',
+        meta: {
+          invite_id: selectedInvite.id,
+          has_custom_branding: true,
+        },
+      });
     } catch (error) {
       if (!isAuthError(error)) {
         setState((prev) => ({ ...prev, error: 'Anpassung konnte nicht gespeichert werden.' }));